关于网站导航设计的探讨(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
投稿

猜你喜欢

  • 重新认识CSS的权重

    2011-05-24 17:06:00
  • MySQL Order By Rand()效率

    2011-01-04 19:34:00
  • 瀑布流布局浅析

    2011-09-16 20:18:09
  • 互联网一家之言(一):叫用户为你买单

    2009-06-09 11:32:00
  • aspjpeg 添加水印教程及生成缩略图教程

    2011-04-04 11:04:00
  • asp统计在线人数是实时的吗?

    2010-07-14 21:07:00
  • 防止表单重复提交的巧妙方法

    2009-03-09 18:32:00
  • 网页栅格系统研究(3):粒度问题

    2008-10-28 19:46:00
  • SQLServer 跨库查询实现方法

    2012-04-13 12:07:09
  • 使用HTML和MSXML6.0 创建一个超轻量级XPATH测试程序

    2009-04-24 12:38:00
  • 兼容IE和FF的收藏本站、设为首页代码

    2009-01-07 14:14:00
  • SQL Server TEXT、NTEXT字段拆分的问题

    2008-10-26 12:28:00
  • web前端页面性能优化

    2009-08-15 12:31:00
  • 间歇向上无缝翻滚代码

    2008-05-05 12:30:00
  • asp利用Split函数进行多关键字检索

    2011-03-16 11:10:00
  • XMLHTTP 使用代理获取数据asp代码

    2010-03-22 14:40:00
  • SQLServer中字符串左对齐或右对齐显示的sql语句

    2012-06-06 19:36:45
  • 古老的问题:清除浮动

    2009-02-12 11:21:00
  • ie和火狐兼容问题

    2010-07-02 12:50:00
  • 禁止在网页里面是用搜狗的云输入法

    2009-11-29 15:50:00
  • asp之家 网络编程 m.aspxhome.com