网络编程
位置:首页>> 网络编程>> 网页设计>> 关于网站导航设计的探讨(2)

关于网站导航设计的探讨(2)

作者:evanchen 来源:薯片会 发布时间:2008-02-28 13:20:00 

标签:导航,设计,网站

Amazon可以说是在网络产品导航上的鼻祖了,让我们再来看看Amazon的导航样式又有什么特色。

4)Amazon首页

看看它和谁最像?

5) 购物列表页面

单一维度 和 多维度的导航结构 (Amazon购物导航)

我们通常认为面包屑导航为单一维度的导航结构,如上图红色实线框所示,即它是一种线性的导航方式。不过在网页的应用中,“面包屑”导航的应用有两种:

  • “追溯来路”即跟踪用户行为,记录的用户在网站的活动足迹的一种“线性导航”,

  • 用来表达内容归属关系的界面元素,也就是我们经常看到的“主分类>一级分类>二级分类> * 分类>……>最终内容页面”这样的层级归属关系.

而改网页左侧的导航却提供多种维度的导航,且这多种维度可以组合成不同层级的面包屑结构
如,我想买一台LCD平板电视,进到了:
Electronics › Audio & Video › TVs & HDTVs › Flat-Panel TVs › Flat-Panel LCD TVs
在这个页面上,左侧导航给我提供了品牌、供货商、价格、显示屏尺寸……等多种选择。

我可以先选品牌再选尺寸,如:

也可以先先尺寸再选品牌,如:

因此这种方式为用户提供了多种维度的导航,运行用户如在电器超市随意逛逛挑选商品,而不必考虑该先问导购员有什么品牌还是问有什么尺寸好。这一点符合用户的心理模型,值得设计中借鉴。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com