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

心得技巧
网站性能:图片和Coockie以及移动应用的优化
新手快速学习制作网站ICON的步骤
JavaScript和CSS的优化提高网站性能
提高网站性能中网站服务器的改进
什么是web设计
需要让用户"知其所以然"
网页设计制作科学化原则建议总结
Semantics:Html/Xhtml是否真正符合标准
2008年网页设计十条经验总结
跨浏览器的本地存储 Ⅰ
无法查看网页的源文件该怎么办?
设计能力修炼的好办法
门户网站改版之用户体验
你的网站适合IE8访问吗?
网页设计师如何应聘网页设计职位
Web开发时碰到的问题以及心得经验
怎样设计网页?怎样制作网页?
网页可读性提高的几个方法
网页设计心得:页面布局的简单规则
网页设计人员应该注意的43个Web设计错误

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


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

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

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

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

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



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

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



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

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

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



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



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

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

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