Question

如何设计网站导航系统？

Answer 1

一、信息导航架构

网站设计过程中，产品经理需要优先确立网站信息导航架构。这就像画一个人，一定是先画出骨架轮廓，然后再去细化每一个局部。如果开始就局限在细部，欠缺整体上的思考，等你画完会发现各部分风格不一、比例不协调等等的问题。俗语云“画虎先画骨”，放在产品原型设计里，就是首先要放眼于整体信息（信息导航架构），然后再在骨架上添加具体的细节。那么，如何合理地设计网站信息导航架构呢？

我觉得是需要考虑以下三点：价值、逻辑、用户习惯与个性化。

需求分析阶段会把需求按重要程度分类，满足用户核心需求的内容要优先显示。其次，导航设计需要讲究层次与逻辑。如果只是强调价值，把截然不同的功能点放在一起，那么呈现结果一定是混乱的，这会增加用户的使用成本，并严重影响用户体验。因此我们在凸显核心卖点与重要价值的同时，必须有逻辑的组织各个模块——功能点分门别类，把重要的“类”优先展示，把次要的功能点用适当的方式弱化展示。弱化方法可以根据实际情况选择页面次要位置、二级菜单展示、非默认选中、折叠等等。更高级的，网站可以尝试满足用户按自己的喜好定制导航的需求，或者根据用户习惯自动调整导航结构，实现自定义与个性化的目标。

二、网站信息组织模型

在设计网站原型的时候，会先确定网站的信息导航架构。不过，网站的信息组织设计还会先于信息导航，因为信息组织决定了网站的基本要素，而信息导航架构就是把这些要素放在适当的位置呈现。

下面主要讨论网站信息组织方式，最常见的是采用类别的组织方式。抽象地，我们可以把这种组织结构看成一个树状结构，树形类别信息组织结构能够很好的按照逐步细分的方式把信息归类展示。

采用类别组织方式的弊端：类别个数有限，而且不能灵活变化，网站信息不能被很好的归类和检索。如果网站呈现的信息比较庞杂，那么用户就会花去很大的代价去通过粗糙的类别发现他们所感兴趣的东西。采用类别组织就像在马路上听收音机，那么如果此时马路非常嘈杂，我们应该在这个场景下可以选择别的方式听歌——比如带上“耳机”，标签模式就是所谓的“耳机”。从广义上来说标签也属于一种类别模式，只不过标签是一种更加个性，更加灵活，更加细致的分类方式。标签不会被限制数量（简单类别的结构是一棵“树”，那么标签就是大海），简单分类总有尽头，而标签理论上来说可以无边无际，因此标签模式可以比类别模式走的更深，对类别模式不能触及的细分领域进行信息标记，而且我们可以给内容添加多个标签（种类对于内容的映射：one2many，标签对于内容的影射:many2many），对于内容涉及面庞大，或者用户体验要求高的网站而言，标签的重要性不言而喻。

另外标签是灵活与高效的。举一个例子：“xx”这个词汇在网站中开始变得时髦起来，如果采用信息简单分类的方式并不能对这一点做出即时反应（如果能做出反应，那必须依赖于很消耗资源的深度运营），而采用标签，用户会把自己产生的相关内容标记上“xx”，如果“xx”很热门，用户内容将会大量关联“xx”标签，“xx”就会被系统标识成活跃“标签”而优先展示，自动为这些活跃内容提供一个醒目的入口，这就体现了标签的灵活性（flexibility）与实时性（realtime）。深入思考上面的这个例子，我们还能发现标签好像把让用户参与了运营（用户行为、偏好决定了导航中每个标签摆放的优先级），笔者把这种产品本身自带的优良运营基因称为产品的“自运营”属性，“自运营”属性极大的解放了产品运营的难度，而且它能比人工运营做的更好。当然类别模式与标签模式并不矛盾，可以联合使用，例如网易轻博客（lofter）就采用“分类”与“标签”两种信息浏览方式。