如果在网站上找不到方向，人们不会使用你的网站。
一、网络导航101法则
1、当进入站点时，你通常是为了寻找某个目标。
2、你会决定先搜索还是先浏览。如果选择浏览，你将通过标志的引导在层次结构中穿行。
3、如果找不到你要的东西，你会离开。
二、无法承受的浏览之轻
1、在网站浏览时，你感觉不到大小（不像某个商场、博物馆）：你很难知道是否已经看到了网站上所有感兴趣的内容，也很难知道什么时候该停止查找。因此很多网站会把点击过的链接标记成另一种颜色，给用户一些已经访问了多少内容的直观感受。
2、在网站浏览时，你感觉不到方向：没有上下左右，只有层次结构的上一级跟下一级。
3、在网站浏览时，你感觉不到位置：通过点击链接向前移动，没法知道路上都有什么，因此主页很重要。我们想再访问某个内容时，不是依靠它在哪里的物理感觉，而是记住它在概念层次上的位置，例如书签。
三、被忽视了的导航用途
导航显而易见的用途，是帮用户找到他们想要的东西和告诉用户现在身在何处。
1、导航给了我们一些固定的感觉：迷失的感觉并不好。
2、导航告诉我们当前的位置：通过让结构层次可视化，导航告诉我们网站上有些什么。导航表现了内容，这比引导或告诉我们位置更重要。
3、导航告诉我们如何使用网站：导航会含蓄地告诉你该从哪里开始，你能进行哪些选择。如果正确无误，它应该是你所需要的所有指示说明。
4、导航给了我们对网站建造者的信心：清楚、规划得当的导航是网站给人留下好印象的最好机会。
四、web导航习惯用法
1、将导航元素放在标准位置可以让用户快速定位。
现有的导航基本元素
2、持久导航（persistant navigation，也叫全局导航）：出现在网站每个页面上的一组导航元素。导航部分在每一页以一致的外观出现在同样的位置，这让你能立刻确认你还在这个网站上，并且，它在网站上保持一致意味着你只需了解它一次。
持久导航的5个元素
两个例外
3、站点ID：代表了整个网站，它在当前站点结构中层次最高。在主页上，它应该最显眼，在其他页面，它一般在左上角，这样它可以涵盖整个页面。
4、栏目：也称主导航栏，是到达站点主要栏目的链接。有时也会有二级栏目。
二级栏目
5、实用工具（utility）：到达网站中不属于内容层次的重要链接，要么帮助我们使用站点（如帮助、站点地图或购物车），要么提供网站发布者的信息（如关于我们、联系我们）。通常，持久导航上只适合放4-5个实用工具，其他不常用的工具可以分组，并一起放到主页上。
常见实用工具
常见实用工具
6、主页：持久导航最重要的元素之一是把用户送回主页的按钮或链接。有以下两种方式：
独立的链接
站点ID上
7、提供搜索：一般一个页面都应该有一个搜索框或一个到搜索页面的链接（当你的网站不太需要搜索时的选择）。搜索的简单公式：一个输入框、一个按钮还有搜索两个字。增加“输入关键字”的说明有点多余；如果存在任何混淆搜索范围的可能性，一定要把它们写出来。
避免混淆
不过这种情况要谨慎，如果你想要提供选项调整搜索的范围，最好在它有用的时候再提供给用户。当用户到达搜索结果页面，发现搜索全部内容得到的结果太多的时候，这时就需要调整搜索范围。
8、页面名称：每个页面都需要有一个名称。名称要出现在合适的位置（涵盖该页内容的位置）；名称要引人注目（结合位置、字体大小、颜色和留白）；名称要尽可能与点击的链接一样（点击“热土豆泥”理应到达一个叫“热土豆泥”的页面）。
9、“你在这里”：在导航栏、列表或者菜单上突出当前位置来实现，注意要明显突出。
突出方式
10、层级菜单：告诉你从主页到当前位置路径。层级菜单并不能替代两层结构的导航显示，但它可以作为一种很好的补充，尤其是对于层次复杂的大型网站。
正确示例
层级菜单最好放在页面最顶端，类似于书本和杂志的页码；使用“>”对层级进行分隔，它在视觉上暗示了沿着层级向前移动的动作；使用小字体，说明它只是补充机制；使用文字“你在这里”作为自我解释；将最后一个元素加粗；不使用它作为页面的名字（不要故意加粗放大）。
错误例子
11、标签：标签是大型网站导航的上佳选择，它们不言而喻，不会在用户浏览页面的时候被忽视，创造出一种当前的书签在物理上出现在最前面的错觉，并且可以灵活设计。
标签示例
12、Amazon的标签设计：激活的标签页位于其他标签之前，可以使用不同的颜色或外形，并且必须与下方的空间在物理上连接起来；可以考虑为站点的每个栏目使用一种不同的颜色，并且这种颜色用在该标签下的页面其他导航元素上；当用户进入网站时，最好有一个标签已经选中，这样能让用户一进入网站就注意到标签的存在。
示例
13、后备厢测试：假设你被蒙上双眼关在车子后备厢里，车开动了一会后，把你放在某个网页上。除去眼罩时，你应该能毫不犹豫地回答以下问题。
后备厢测试
——著作权归原作者所有——
——图片来自网络——
网友评论