关于Web设计中导航与主页的设计原则

最近在读Steve Krug的Don’t Make Me Think，本文基本是自己的读书笔记第二篇，拿出来做下总结和大家分享一下。想看第一篇的小伙伴，www.eyoucms.com

今天的主要内容是介绍一下Web设计中导航与主页的设计原则。

以下原则主要用在开放性的门户网站中，这类网站中用户流量较大，且用户注意力极容易被分散，这时一个Web页面的瞬间识别性直接关系到用户转化率，也就显得尤为重要。

而对一些比较专业的或指定性的网站，政府网站等，用户面临缺少其他选择，网站缺少替代性的情况，以下原则可能没有前者这么性命攸关，但也同样具有相当的指导意义。

一、导航设计——街头指示牌和面包屑

1、记住一个事实 ：如果在网站上找不到方向，人们会放弃使用你的网站

（1）网络导航 101 法则

人们进入站点时会遵循一个类似的过程：

人们通常是为了寻找某个目标

人们会决定先询问还是先浏览

如果选择浏览，人们会通过标志的引导在层次结构中穿行

最后，如果没找到想要的东西，人们会离开

（2）Web与真实世界中的差异

感觉不到大小

感觉不到方向

感觉不到位置

不论我是来闲逛还是来寻找固定内容，我能清晰地知道自己在哪，能去哪（明细分类），以及如何回去（主菜单）。

（3）导航的用途

它给了我们一个被固定的感觉

它告诉我们当前的位置

它告诉我们如何使用网站

它给了我们对网站建造者的信心

如今我们逛一些相当成熟的购物网站（比如淘宝）的时候，甚至比在百货商厦中的感觉更清晰。我能更便捷地找到自己想要的东西。（商品分类，新品促销，其他功能。。。）

Web导航的用法基于实际导航用法，但我认为web导航现在已经实现了对现实世界导航的超越。（可快速跳转，试错成本低）

（4）只要跺三次脚，说“我要回家”

让一个“返回主页”的按钮始终可见，这一点很重要，用户可以随时（在短时间内）回到主页，可以有效地减少用户迷失方向的焦虑。

（5）提供搜索

搜索的设计要注意三点：

慎用花哨的用词：“快速搜索”“关键词搜索”“精确搜索”等等

添加指示说明：在PlaceHolder中增加对搜索的描述

添加选项：如果存在易混淆的搜索范围，如全站搜索？部分站点搜索？整个Web搜索？请加选项区分。

（6）关于页面名称

标识要大：足够引人注目

在合适的位置：通常在页面左上，目光焦点较多的地方

每个页面都需要一个名称

名称要和点击的链接一致