用户体验之网站导航设计

网站的导航是网站内容架构的体现，网站导航是否合理是网站易用性评价和用户体验的重要指标之一。为了更好的提升用户体验，更好的对用户进行引导和消费转化，导航设计的科学性成为网站框架构成的重中之重。为了更好了解导航的构成，我们分别观察B2B、B2C和C2C这几种网站导航的设计。

 

B2B网站导航设计示例：

B2C网站导航设计示例：

C2C网站导航设计示例：

       从这三种模式的网站总结来看，网站的导航机制一般包括全局导航、辅助导航、站点地图等体现网站结构的、对用户进行引导的因素。正确的网站导航要做到便于用户的理解和使用，让用户对网站形成正确的空间感和方向感，不管来到网站的哪一页，都很清楚自己所在的位置。

 

       一 全局导航（Persistent Navigation）又称主导航，它是出现在网站的每一个页面上一组通用的导航元素，以一致的外观出现在网站的每一页，扮演着对用户最基本的访问方向性指引。对于大型电子商务网站来说，全局导航还应当包括搜索与购买工具两大要素，以方便用户在任意页面均能执行产品搜索和与顾客转化有关的活动，如加入购物车。一般企业的全局导航必须包括3个基本设计要素：1 站点logo：logo必须加上回首页的连接；2 回首页：每个全局导航条左边位置同样出现回首页的提示及连接；3 全站基础栏目（一级栏目）。

 

     二 辅助导航又被称作层级菜单，体现为内页的“当前位置”提示。辅助导航的作用是无论用户身处站内何处，均不会迷路，尤其当网站的栏目层次较多的时候，正确的辅助导航的设置尤为重要。它从另一个层面反映了网站的结构层次，是对全局导航的有效补充。辅助导航的3个设计要点：1 出现的位置在全局导航之下、正文内容之上的过渡空间；2 层级关系体现正确，用户通过当前页面可以依次返回上一页、直至首页，不出现缺链、错链的情况；3  形式采用文本链接，而不是图片。

 

     三 网站地图（SiteMap）将网站内深层次的链接关系以一个扁平的页面呈现出来，同它的命名一样，让用户对网站的内容与结构全局快速了解。就如大卖场指示图一样让我们对各个卖场的区域划分具体位置有个初步的了解。结构合理的网站地图，不但能让浏览者对整个网站的结构内容有个初步印象，同时也是对搜索引擎友好的表现。

 

 

 

       从淘宝的网站地图可以看出，当前大部分网站地图只是对框架做了组织和分类，而更好的是能对相应的分类做一些简单的介绍。网站地图的设计应该重视以下几点：1 快速加载页面，因此去除任何图片；2 层次感，而不是密密麻麻堆砌链接；3  呈现的层次不宜过多，也不宜过少，一般呈现到主导航下的二级菜单；4 文本链接方式，而非图片。

 

       综合得出，网站最佳导航方式是采用文本链接方式，但不少网站，尤其是娱乐休闲网站为了表现网站的炫酷风格，在全局导航条上通过flash等技术手段大做文章，弊大于利，以下是一些常见的导航设计禁忌：1 使用移动的图片因为不容易找到可点击的区域，移动的图片常会使浏览者产生挫折感；2  采用“很酷”的表现技巧，如把导航藏起来，只有当鼠标停留在相应位置才会出现，这样仿佛很酷，但是人们更喜欢可以直接看到的选择。3 导航没有文字提示，目前国内较多企业网站喜欢使用图片或flash来构筑站点的导航，从视觉角度上讲这样做显得更别致更醒目一些，但是它对提高网站易用性没有好处。