PS设计教程网欢迎你!

网站导航中的信息架构设计(2)

文章来源于 网易用户体验,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2010-11-29
3、层级结构 大多数的网站可能都是采用这种结构。以上下级关系排列节点,以展开其层级。 以下为网易数码频道的导航: 4、分面结构 分面结构中,一个项目的定位由它的属性类别给出:项目1属于类别a,b,c,但不属于d

3、层级结构

大多数的网站可能都是采用这种结构。以上下级关系排列节点,以展开其层级。

网站导航中的信息架构设计

以下为网易数码频道的导航:

网站导航中的信息架构设计

4、分面结构

分面结构中,一个项目的定位由它的属性类别给出:项目1属于类别a,b,c,但不属于d、它有多个访问点。

如下图九天音乐,歌手林宥嘉同时可以在歌手或是排行榜中找到。人们可以从任何顺序取值,从而支持了同一个目标的多种完成方式:

网站导航中的信息架构设计

5、逐渐显露的结构

它不是一个事先建立好的信息结构,而是自发形成的,这就是逐渐显露的结构。例如维基百科,它是由每个贡献者参与构建了网站的内容,规模,甚至是方向。

从上面的结构类型可以看出,不同的网站类型需要不同的信息结构,比如音乐类的网址,就是需要通过“音乐”、“歌手”等分面结构来呈现。

理解和掌握这些结构类型有助于我们更好的把握导航的设计。

延伸:信息的组织

确定了信息结构以后,我们要考虑的就是如何组织信息。

比如汽车频道按字母排序的例子:

网站导航中的信息架构设计

信息结构和信息组织设计-卡片分类法

卡片分类介绍

在进行网站信息结构和组织设计的时候,我们会用到卡片分类法,卡片分类需要:

制作一些我们事先预设好的分类,交给用户进行排列

用户可以说出自己的想法,也可以修改分类的名称

鼓励用户遇到难以理解的分类,大声说出来

在进行卡片分类时,一般会有两个阶段:

开放阶段,大概需要15个用户,给用户足够的自由度来进行信息分类。

封闭阶段,大概需要8名用户,对之前开发阶段的结果进行验证。

网站导航中的信息架构设计

卡片分类在实际过程中的应用

卡片分类定量结果

在进行卡片分类时,会用到两个软件usort和ezsort,usort用于导入用户卡片分类的结果,ezsort可以将所有结果都导进去,并产出统计图。

网站导航中的信息架构设计

卡片分类统计结果

总结

这次分享,主要是我对于“web导航设计”这本书部分内容的总结和一些感悟,希望大家在今后的设计中,更加重视导航的设计,在导航设计中找到一些有效的方法。

当然导航设计不光只是信息结构或是组织方法,还与导航的交互方式,导航的视觉表现,导航的扩展性,导航的平衡等有很多联系。针对门户类网站,也有它特殊的导航需求,这是我下面需要研究的内容。

交作业:http://www.missyuan.com/viewthread.php?tid=489750

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa