当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 谈新版豆瓣首页交互设计:复杂网站的标签系统

心得技巧
设计作品参考:有创意的美观大方的简历设计
产品设计:产品三要素三角模型
手机移动平台的UI界面设计:减少空间占用
B2C网站产品设计实例:简单的广告设计
设计理论:杂志的目录设计
用户体验设计:良好的站内搜索设计指导
设计作品参考:很具想象力的标志LOGO设计
用户体验:简单的用户研究的分析和总结
WEBJX收集11个优秀的在线表单服务网站
邮件设计与网页设计的巨大差别
优秀的交互设计应该是最愉悦的满足用户的需求
谈新版豆瓣首页交互设计:复杂网站的标签系统
GOOGLE用户体验设计师谈Google的十大设计原则
腾讯QQ产品经理谈互联网产品经理的素质
网页设计参考:50个激发你设计灵感的网站实例
WEBJX收集27个流行且别致的网站header设计实例
50个鼓舞人心的设计惊艳的iphone应用网站
淘宝网系统的前端安全规范
混乱的URL编码
WEBJX收集10个非常不错的旅游行业网站设计

心得技巧 中的 谈新版豆瓣首页交互设计:复杂网站的标签系统


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-18   浏览: 24 ::
收藏到网摘: n/a

新版的豆瓣希望在架构上做一些调整,但是想得还不够透彻,并且在细节处理上还比较混乱。
今天在新版的使用中又发现一个问题:

【实际场景】
====================================================
用户在我的友邻广播中看见了一个朋友读了本书,点击书过去以后,上面的标签跳到了【豆瓣读书】,但是差异很小,不明显。页面上的主导航变成了读书的导航。

用户发现整个页面都变了,刚才的导航条不见了。
他很难在第一时间注意到上方的标签跳到了【豆瓣读书】,因为太不明显了。
两个主导航唯一相同的标签是:首页
点击首页,不是回到刚才的地方。

用户除了点击“浏览器”的返回,还能做什么吗?
这条路,他可不敢再走了。



【问题】
====================================================
每个大的频道里面都有相同的”首页“标签,但是其实每个”首页“指向的地方是各个频道的首页,都不一样。也就是说,一个同样的标签,指向了不同的页面。

这在设计复杂网站的标签系统时候,是需要避免的一个重要问题。
“首页”这个标签尤其要慎用。



【首页是个逃生门】
====================================================
对于一个复杂系统的网站,”首页“这个标签有它特殊的意义,对于大部分的新用户来说十分重要:
新用户很容易在网站中迷失,这个时候,”首页“是一个重启清零回归到起点的逃生门(escape door)功能。

”首页“就像iPhone的Home键盘,是一个可以随时回到原点的重要标签。

越是复杂的系统,越需要有一个可以明确标明随时复原的地方。
这样即使用户在网站中迷失,他也不会产生太大的恐惧感,因为至少他知道,门就在身后。



【解决】
====================================================
比较合适的做法,每个频道的首页链接标签应该为这个频道的名称,比如“豆瓣社区”或者“豆瓣读书”。
如果都是比较平行的系统,那么或者提供在平行系统首页间的快速导航,并且导航需要明确标识现在的位置,否则用户很难理解系统间的关系。



总得来说,新版豆瓣的问题,还是出在信息架构的标签和导航上....
每个标签究竟叫什么,是需要进一步认真思考的问题。

至于再上一层,究竟把这个以用户为中心建立的庞大系统硬生生的拆分成几个部分合适不合适,就是战略层的问题了。

同样的标签,不同的页面指向
同样的标签,不同的页面指向