网站内容设计基本原则(Amazon购物列表页引申的讨论(图)导航(组图))

　　网站内容设计基本原则(Amazon购物列表页引申的讨论(图)导航(组图))

　　亚马逊可以说是网络产品导航的鼻祖。下面我们来看看亚马逊导航风格的特点。

　　看看谁最像？

　　5） 亚马逊购物清单页面

　　讨论从亚马逊购物清单页面扩展而来：

　　一维和多维导航结构

　　我们通常认为面包屑导航是一种单维导航结构，如上图红色实线框所示，即是一种线性导航方式。但是，在 Web 应用程序中，有两种类型的“面包屑”导航应用程序：

　　a) “Tracing the path”是指跟踪用户行为，一种在网站中记录用户活动足迹的“线性导航”，

　　b) 用于表达内容所有权关系的界面元素，也就是我们经常看到的“主类>一级类>二级类>三级类>……>最终内容页”的层级所有权关系。

　　页面左侧导航改为提供多维度的导航，这些多维度可以组合成不同层次的面包屑结构

　　比如我想买一台液晶平板电视，我进来了：

　　电子产品 ›音频和视频 › 电视和高清电视 ›平板电视› 平板液晶电视

　　在这个页面上，左侧导航为我提供了品牌、供应商、价格、显示尺寸等多种选择。

　　我可以先选品牌再选尺码，比如：

　　也可以先选尺码再选品牌，例如：

　　因此，该方法为用户提供了多维度的导航。例如，用户可以在电器超市随意选择产品，而不必考虑是否询问导购什么品牌或尺寸的好。这符合用户的心理模型，在设计上值得借鉴。

　　网站 导航设计中需要注意的问题和基本原则

　　我们在网站群的日常需求中讨论了导航的交互设计，总结了网站导航设计中需要注意的几个问题和基本原则。

　　1. 导航栏的位置。主导航栏的位置应该靠近网页的顶部或左侧。如果因为内容过多而需要子导航，则需要用户轻松区分某个主题的主导航栏和子导航栏。

　　2. 导航的简单性。导航的使用一定要尽量简单，避免使用下拉或弹出菜单导航，如果不能使用，那么菜单层级不要超过两级。

　　3. 面包屑导航。用户应该知道自己当前正在浏览的网页是什么，以及与当前浏览的网页相关的网页有哪些，比如在辅助导航“首页>新闻频道>新闻全名”中对网页位置的文字说明，并且同时配合导航的颜色突出显示，可以达到视觉指示的效果。

　　4. 导航内容明显不同。导航类别或主题类别必须明确，不要混淆用户，如果有需要突出主网页的区域，则应与一般网页在视觉上有所不同。

　　5. 导航和排序的区别。导航和排序容易混淆，需要注意（看图指出问题）

　　这里的选项卡是用于导航还是排序？

　　在 Google 阅读器上处理

　　6. 准确的导航文字描述。用户在点击导航链接之前对自己要查找的内容有一个大致的了解，链接上的文字必须准确描述链接到达的网页内容。