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

心得技巧
网页设计心得:把导航系统做薄
WEB2.0的单手定则
将来比较流行的几种网站导航的方向
把复杂的网站导航简单化
肤浅网页设计
倾斜鼠标翻转导航的问题研究
高性能网站使用的14条技术
用图来解释什么是Web2.0
Web2.0:信息过载的原因和解决方法
IE8提供不错的体验:Activities
网站设计要注意色彩的层次感
网页设计:海量素材的准确位置和用途
用户体验的元素,还是网页设计的元素
32个典型的以分栏/网格为基础的网站
Web标准应用之腾讯QQ首页改版
建立自己的博客的过程中学习到的知识
网站的视觉设计路径应顺应用户习惯
谁是用户体验的设计者?
网站的文字还需要设计吗?
熟练设计师的七原则(1):字体设计

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


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

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

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

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

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



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

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



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

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

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



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



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

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

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