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