网页设计-导航系统

文章主要从一下几个方面来梳理导航系统设计

1.导航的作用

2.导航的分类

3.导航设计的一些注意点

4.社会化导航的概念（新）

5.导航设计的验证（可用性与可靠性）

1.导航的作用

    导航的作用就是根据用户的心智模型与用户需求，为用户提供一系列的入口，并且随时让用户知道自己在网站的具体什么位置，我可以去哪里。

2.导航的分类

    导航分为全站导航（一般位于整个网页的头部，并且最好是每个页面都有），区域导航（一般位于页面的主导航以下的左边或者右边）以及上下文导航（大部分以超链接的方式存在），另外还有一些辅助性的导航，例如站点地图（sitemap），索引，面包屑与指南。如下图：

3.导航设计的一些注意点

    导航的层级不能过深，一般不要超过3层，过深的导航设计会让用户迷茫，更加容易走失，所以如果导航过深，说明改导航不是特别合理；

    全局导航，局部导航与辅助性导航一般是相辅相成的，因为我们是要设计一套导航系统；

    导航中信息组织的优先级应该符合用户心智模型和用户的心理预期；   

用户应该始终知道在浏览哪个网站，即使用户通过搜索引擎直接进入到网站的内部。为了达到这个目标，一定把网站的名称以及Logo放到网站的所有页面中；

    上下文导航中的链接如果是浏览过的，应该在链接颜色上给用户提示，避免重复浏览，减轻用户记忆负担；站内导航与站外导航之间应该能够无误的跳转，别跳出去完了跳不回来，然后需要重新进入网站重头开始，这就太影响用户体验了；

    导航的标签设计必须明确传达意思，标签文字不能过长；

导航系统应该以明确且一致的风格来展现信息的等级结构；

    浏览器通常具有后退（Back）和前进（Forward）按钮提供双向的返回功能；

    历史（History）菜单可以允许用户访问浏览过的网页；

    而收藏夹（Bookmark）或（Favorites）则可以保存网址，以便以后访问；

    网站地图的设计一般针对大型网站，对只有2-3级的小网站而言，网站地图也许是多余的；

    各种导航的样式必须符合用户心智模型，别让用户犹豫（不要让用户思考）；

    个性化（personalization）就是针对个人的行为、需求和爱好，向用户提供指定的网页，

猜测用户想要什么----例如让用户明确自己的身份，然后根据用户想要看到的进行缩小范围的戴航，更精确；

    导航必须醒目，让用户一眼看到；

    导航中分页符的应用，这也是导航的一种；

    选择文字导航还是图标导航要具体情况具体分析；

    定制化（customization）是给用户直接的控制权，可以挑战格式、导航和内容，是用户告诉我们他想要什么；

4.社会化导航的概念（新）

    社会化导航的前提是：个人的价值观可以从其他用户的行为中推论出来！例如，网页新闻中的热度排行导航，微博中的事件热度的导航。

    还有一些新的导航是基于大数据的，例如现在的精确推广，UC等新闻或者视频产品中，产品会根据用户平时的搜索和浏览习惯提供一些相关度最高的内容（内容流）；电商网站中会根据你的搜索习惯和浏览习惯，推荐你最近浏览的商品的导航。这些都是通过猜测（大数据做支持）用户需求，来智能的按用户需求推荐，大大的提升了用户体验。新的导航方式还在层出不穷，但是万变不离其宗，导航的设计都必须满足用户心智模型，所以，你必须知道用户想要看到什么内容。

5.导航的验证

    如果可能最好让一些用户进行导航的压力测试（Navigation Stress Test），大致步骤如下：

1. 跳过首页，直接进入到网站的内部

2. 随机选择一个页面，知道你的位置吗？了解它与其它部分的关系吗？你正在哪个区域？上级页面是什么？

3. 你知道这个页面能把你带到哪一页吗？链接文字足够让你知道链接背后的内容是什么吗？链接是否有足够的差异性，可以轻松地在众多链接中做出选择？