Web导航设计二三事

　　3.面包屑 (Breadcrumb trail)展示了用户访问网站的路线，由一大串的元素和节点组成。每个节点都与指向先前访问过的页面或父级主题相连，节点间以符号分隔，通常是大于号(>),冒号(：)或者竖线(|)

　　(图示出自：Apple.com)

　　4.树状导航 (Tree navigation)允许针对层级结构的访问。往往包含加号和减号或小箭头的小图标来展开和收起下级节点。

　　5.网站地图 (Site Map)为网站提供了自顶向下的迅速总览。适用于有大量内容和广泛用户群体的网站。因而应该比较简单易于扫视。其中的标签要与页面中的标题相符。在搭建网站地图时需要考虑其颗粒度，一般来说只需展现网站结构中的两到三级，提供到页面的链接。页脚网站地图，是现今大中型网站采用的方式，把网站地图一部分显示在页面底部，同时包含一个指向完整地图的链接。

　　( 图示出自： Flickr.com)

　　6.Tab式导航(Tabbed Navigation)相当于导航条+Tab。导航条最简单的形式就是把超链接连成一行，有时用竖线分隔开来。而Tab式导航将tab控件结合到导航条上，使得网站内容结构化，多重化。

　　( 图示出自： Motorola.com)

　　Amazon.com可能是第一个运用tab式导航的大型电子商务网站，Amazon目前线上运用的是垂直菜单+动态菜单的形式。

　　( 图示出自： Amazon.com 1998)

　　7.垂直菜单 (Vertical Menu)通常置于网站的左边或者右边的一列链接。垂直菜单较横向的导航更灵活，易于向下扩展，且允许的标签长度较长。

　　( 图示出自： Apple.com)

　　8.动态菜单 (Dynamic menus)也叫浮出菜单，下拉菜单或者弹出菜单。用户须与其产生交互行为，菜单才能显示。常用的交互是鼠标悬停或点击。

　　( 图示出自： Amazon.com)