尹广磊：改造现有微博布局的三个方向参考

尹广磊 · 发表于 2010-12-31 13:30:21

国内微博产品的布局基本上都一个模样（这就是在中国不断创新的结果？），
使用微博的时间也不短了，多少感觉到了一些问题。
我想发现问题是提出改进方案的前提，当然了提出的改进方案也未必不会有新的问题存在，
但这个过程正是不断创新或尝试的过程。

目前微博布局可以改造的三个方向：

1. 全局导航

微博代表着高效率，然而有一些最常用的功能入口相互跳转之时，
你都要先返回首页才能够通过导航进入，特别在处理一些评论、私信回复查看分组动态等等。
如果着急使用可以试试这个，新浪微博导航器 http://www.hiaxure.com/t/

2. 微博首页首屏内容高度

微博首页对用户最有价值的是关注者最新的动态，此页交互务必让这一需求受到最小的干扰。
当发布微博的输入框获得光标时，你才能判断用户有可能是要发新微博了，
所以微博发布框的高度可以参考Google Buzz那样，在默认状态下有所压缩，
当输入框获得光标时再完整展开，这样让关注者的动态更提前一些。
另外，国内微博不知怎么偏爱在输入框下边加个Banner广告，又是强行中断用户行为。
这样微博输入框的完整高度加上那个Banner广告，在你的首屏你还能看见几条最新动态呢？

2010-12-31 12-57-20.jpg

3. 微博的侧栏推荐提升相关度

目前微博的侧栏基本上都是编辑推荐，用户若感觉不需要所以就会没人看。
侧栏的用户体验基本上是内容的相关性程序决定着用户感受的高低。
比如像：读过这本书的人还读过什么书？等等。
算法的提升是一方面，用户若可以自定义选择则是另一方面。
微博做为用户平台又有很多应用，完全可能利用此区域把侧栏变成自定义的Widget。
可以随机取出用户自定义的Widget模块来显示。

----------------------------------------------------------------------
根据上面的几个方面，做了一个大概的首页原型，各大微博平台可以免费使用，不收钱。
这也算是我2010年最后一天，对同行位的最后一点贡献。

原型截图：

演示地址：http://tqhncl.share.hiaxure.com/

rp源文件：

微博布局.rp (271.47 KB, 下载次数: 1407, 售价: 50 角)

源文件由Axure6最新测试版制作，需要Axure6.0.0.2832才能打开编辑。
最新Axure6英文测试版的下载地址：http://www.axure.com/downloadbeta.aspx

------------------------------------------
1. 我心中“用户体验”几大要素的优先级
2. 微博交互细节值得改进的三个方向

zhuanna · 发表于 2010-12-31 13:51:51

拜读了！目前博客大概实现了这种互动

aqueque · 发表于 2010-12-31 14:03:02

这个RP文件我用AXURE 6 也打不开，是不是AXURE 6又有更新了，楼主用的是什么版本？

-------------------------
回复：
是出新的测试版了。http://www.axure.com/downloadbeta.aspx
之后，使用胡争辉做汉化包，不受小版本变化控制，可以汉化。

胡争辉的汉化包，请等待论坛更新。

子寒 · 发表于 2010-12-31 14:28:21

给力

老胡 · 发表于 2010-12-31 14:41:36

不错，学习了。

良柄 · 发表于 2010-12-31 15:10:47

这么快就用上6了，也不等正式版出来……

麦晓枫 · 发表于 2011-1-17 11:43:52

我想问问尹兄对新版TWITTER导航栏置顶、左栏列表、右栏内容这种布局方式的看法……个人很喜欢TWITTER这种布局，可是不知道用在国内会是什么样的效果

尹广磊 · 发表于 2011-1-17 13:20:01

参考：http://www.hiaxure.com/viewthread.php?tid=2087

gongshanyan · 发表于 2011-4-19 17:15:05

今天才瞧见管理员的意见，我们公司的微博确实是这样做的，参考了国外的微博，导航很重要，要不容易让用户摸不着头脑，根据自己使用体验，确实国内大多数微博强行推荐的东西很让人反感，添加了用户自定义菜单

国内好多微博都完全借鉴新浪，新浪未必每一项都是完美的

周子珑 · 发表于 2011-4-21 09:59:12

7# shermanmxf
豆瓣說採用的就是twitter的佈局，個人能覺得這種佈局適用的群體在國內來說還是比較小眾的

思小邪 · 发表于 2011-4-24 14:39:15

左侧导航真不错

Daisy · 发表于 2011-9-7 11:07:50

不错

无语(大铁锅) · 发表于 2011-9-27 23:03:14

miniblog最大的瓶颈并不在布局上，交互从国外到国内已经非常成熟了，关注点应该放在内容的关注上，把重心要放在如何让用户在冗余的关注信息海洋中找出自已想要的才是考虑的方向。
做产品切忌舍本逐末~

韩庆松 · 发表于 2011-10-5 14:22:26

我就是很好奇这个矩形的边框为什么会成为那样？

googshow · 发表于 2011-12-23 12:48:39

布局问题原来如此多学问

哇咔咔 · 发表于 2012-1-15 22:21:49

左侧导航就跟人人开心的一样了，不过确实不错，合理利用了资源。想问一下，如果是手机版呢，还是要分栏了。。。

iphone · 发表于 2012-2-8 15:27:46

拜读了！

hx2937 · 发表于 2012-2-17 17:18:07

拜读了！

luobu3 · 发表于 2012-3-2 09:59:36

1# 尹广磊

左侧导航不错，这样不容易使用户犯迷糊。

Vanee · 发表于 2012-4-9 17:00:52

谢谢分享，获益良多:handshake

[PC端] 尹广磊：改造现有微博布局的三个方向参考