关于网站导航设计的探讨（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
投稿猜你喜欢
- 本文实例讲述了Python操作MySQL数据库。分享给大家供大家参考，具体如下：1、安装通过Python连接MySQL数据库有很多库，这里使
fmtfmt是go语言中的格式化输入输出库，其中主要分为两个部分，分别是输出部分和输入部分。输出PrintPrint函数的主要功能是输出，和- 自己写的一款基于bootstrap风格的弹框插件，暂时只有确认框、提示框。后续功能扩展、bug修改再更新。;(function($){ //
- 使用fetch基本方式：fetch('https://mywebsite.com/endpoint/', { method:
- 对于熟悉 C/C++ 或 Java 语言的工程师来说，JavaScript 显得灵活，简单易懂，对代码的格式的要求也相对松散。很容易学习，并
- 本文实例讲述了wxPython的事件驱动机制，分享给大家供大家参考。具体方法如下：先来看看如下代码：#!/usr/bin/python #
- —1—如果你对本文的代码感兴趣，可以去 Github （文末提供）里查看。第一次运行的时候会报一个错误（还没找到解决办法），不过只要再运行一
- 最近在内部讨论关于”完美三栏”的话题,看到一篇”In Search of the Holy Grail“,相当的好.故此翻译之.In Sea
- 准备工作去年的时候,青云发表过关于栅格系统的文章 . 我们知道网页的栅格系统是运用固定的格子设计版面布局,使其风格工整简洁. 视觉上来说,栅
- import socketimport re'''广东省 * 厅出入境政务服务网护照，通行证办理进度查询。分析网址格式
- 本文实例讲述了mysql外键基本功能与用法。分享给大家供大家参考，具体如下：本文内容：什么是外键外键的增加外键的修改和删除外键的约束模式首发
- 在回程的高铁上学习了这一节，由于对cmd命令行的相关知
- 系列目录：1. 服务器XMLHTTP（Server XMLHTTP in ASP）基础2.
- 本文通过Python3+PyQt5实现自定义部件–Counters自定 窗口部件。这个窗口是3*3的网格。本文有两个例子如下： /home/
- 本文实例讲述了Python中random模块用法。分享给大家供大家参考。具体如下：import randomx = random.randi
- python语言中的列表排序方法有3个：reverse反转/倒序排序sort正序排序sorted可以获取排序后的列表在更高级列表排序中，后两
- 前言上一篇文章中有同学提到路由鉴权，由于时间关系没有写，本文将针对这一特性对 vue 和 react 做专门说明，希望同学看了以后能够受益匪
- 需求分析：项目中根据测得的数据在界面上实时绘制运行环境：Python 3.7 + Matplotlib 3.0.2 + PyQt 5matp
- 数据添加函数实例//数据添加 public function newData($strName="") &n
- 1.在查询分析器理启动或停止SQL Agent服务 启动 use master go xp_cmdshell
