关于导航的探讨_网页设计教程

推荐：网站设计的原理
ToneandTexture色调与结构Thisspecificallyappliestodrawingsmorethanphotography,buttoneandtextureareveryimportant.Tonereferstoshad

许多网站缺乏针对性和友好的导航设计，难以找到连接到相关网页的路径，也没有提供有助于让访客/用户找到所需信息的帮助，用户体验非常糟糕。本期薯片会我们尝试就网站导航交互做一些探讨。

首先对于WEB交互设计师来说，解决上面碰到的问题，使之简单的方法是设计一套完善的网页导航系统。

优化网站导航设计的目的

一个网站导航设计对提供丰富友好的用户体验有至关重要的地位，简单直观的导航不仅能提高网站易用性，而且在方便用户找到所要的信息后，可有助提高用户转化率。
假如把主页比作网站门面，那么导航就是通道，这些通道走向网站的每个角落，导航的设计是否合理对于一个网站是具有非常大意义的。

1. 决定用户在网站中穿梭浏览的体验，这一点是最基本的。
2. 网站导航设计合理，可以将网站的内容和服务最大面积的展现在用户面前。
3. 合理的导航设计可以增加用户黏性，提高网站的浏览深度，从而提高网站PV值。
4. 促进用户消费，提高网站盈利。引导用户消费，将用户真正需要的产品和服务展示在他面前，甚至用户想不到的服务你也呈现。
5. 提高网站广告价值，增加网站广告收益。
   ???????

网站导航的常见结构

雅虎的网页设计一直是国内众门户模拟的对象，我们首先来看看Yahoo网站现有的几种导航样式：

1）Yahoo首页 （最常用的栏目导航）

Yahoo首页左侧的导航列出了网站最常用（或访问最频繁，或网站运营最想让用户知道）的几个栏目。这种导航（也包括网页顶部横向结构）是目前互联网中使用最广泛的导航方式。

2）More Yahoo！Services （更多的导航信息的展现）

Yahoo作为一个全球大型综合门户网站，所提供的服务肯定不止首页左侧导航显示的那几个，那么更多的服务如何导航？同时又如何展现给用户呢？于是Yahoo的设计师们给我我们一种解决方案，如上图，点击从网页左侧展开一浮出层样式的服务导航页面。可以发现，这种导航也是多维度的（下面我们会专门探讨）

3）Tab 式位置导航变体

我们还可以在Yahoo！TV 等栏目上发现这样有趣的导航结构，我们暂且认为他是Tab 式结构加上一个下拉菜单的一种导航组合。

TV Home – Shows – American Idol – Overview 组成了一个单维度的导航
TV Home同时提供了下拉菜单方便用户快速的转到其二级栏目下。（这里我碰到一个困惑，在这里我不知道怎么TV Home上一级的目录是什么，也不知道如何返回。）
Amazon可以说是在网络产品导航上的鼻祖了，让我们再来看看Amazon的导航样式又有什么特色。

分享：何时用按钮，何时用链接
同事MM问了我这个问题，感觉忽然问了我一个简单的用脚趾头都能答出来的问题，因为这两个东西太常见，太普通了。但，我竟然不知道该如何回答。想了一下，给了一