网站导航设计对用户体验的提升作用研究

开篇：润墨网以专业的文秘视角，为您筛选了一篇网站导航设计对用户体验的提升作用研究范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘 要：导航是引导某一设备，按指定航线从一点运动到另一点的方法。而网站导航则是随着互联网的兴起而出现的，其目的是引导和帮助浏览者浏览网页，获取需要的信息内容。用户体验是指用户在使用产品过程中形成的主观心理感受，包含有很强的不确定因素，但它是衡量一个网站导航是否受用户欢迎，设计是否成功的重要标准。评价网站用户体验的指标有很多种，从用户操作时的行为特点和心理感受为出发点来分析导航设计如何提升网站用户体验，主要从主导航设计的角度进行探讨。

关键词：网站 导航设计 用户体验 优化

中图分类号：TP393.092 文献标识码：A 文章编号：1007-3973（2013）005-080-02

在网站设计中，导航是一个极为关键的元素，正是通过导航，把一个个独立的网页联系起来形成完整有序的网站，因此，导航设计就成为网站建设中的一个重要地关键点，那么，导航设计的依据是什么呢？

网站导航设计就是要让网站有一个更好的用户体验，即：让用户快速有效的浏览网站，准确找到自己所要获取的信息，进而增加网站粘度，达到优化网站用户体验的目的。我们从提高网站浏览速度、引导用户有效浏览、简化用户操作步骤、改善用户感官体验四个方面来探讨网站导航设计如何提升用户体验。

1 提高网站浏览速度

网站浏览速度低不仅会直接干扰到页面浏览效果，也会影响用户的浏览情绪，降低用户体验效果。影响网站浏览速度的因素有很多，如网站程序编写不规范、加载项太多、网速过慢、界面设计不合理导致用户操作繁复、图片太大导致无法正常载入等。对于网站导航设计而言，就是要尽可能优化性能，提高网站浏览速度。

1.1 避免使用flash导航

Flash导航视觉效果酷，交互性强，注重用户鼠标操作的动态效果，瞬间抓住用户的注意力，在网站设计中应用很广，也是设计师炫技的一个很好的平台。但是实际浏览过程中，这种炫目的动画往往会干扰用户的操作，反而降低浏览速度；Flash导航需要浏览器的支持；此外，Flash对搜索引擎不够友好，有时候无法被搜索引擎读取，尤其是大型的网站更是应该避免使用。

1.2 使用文字导航

图片的载入速度要慢于文字，导航设计最好不要使用图片，如果是用图片也最好采用背景图片的形式，而导航内容保留文字的格式。当然，使用文字导航还有一个好处，就是有利于于搜索引擎目录索引和识别。

2 引导用户有效浏览

2.1 导航位置明了

导航的主要作用就是有效引导用户浏览信息，在网站中需要让用户一目了然。有研究跟踪测试者浏览网页的行为，发现用户浏览网站时的视线呈F形分布，即用户的视线主要集中在屏幕的上方和左侧，对于右侧和底部往往会忽视。导航需要遵循用户浏览习惯，引导用户快速操作，应该放置在用户视线集中的位置，具体实施需要以导航的形式为依据。

导航有两种形式：横向导航和竖向导航。横向导航通常放置在顶部，可以保证导航内容在第一屏中完整展示，适合做网站的主导航。由于用户水平移动鼠标比垂直移动更为快捷，所以采用横向导航使用户操作起来更为方便，不过，横向导航的内容不适合过多，否则容易显得凌乱。竖向导航的导航内容可以灵活延展，适合放置在左侧，对于大多数网站都适宜，但是用户浏览时不如横向导航方便。

2.2 导航路径清晰

即便小型的网站通常也会有三个层次：首页、栏目页、内容页，总体至少十几个页面，用户浏览网站从首页进入其他页面，在浏览过程中往往会有浏览其他页面的意愿，这就有个导航路径设计的问题。设计师需要细致设计用户的浏览路径，如何进入下一级页面，如何返回上级页面，如何进入其他页面。如果导航不明晰，就如同进入迷宫无所适从，导致用户耐心丧失，降低网站粘度。导航路径设计原则就是尽可能的简化清晰，排除干扰， 减少用户思考的时间。

2.3 导航分类明确

导航的内容设置要讲究，合理有效地导航分类清晰，层次分明，能准确描述链接页面的内容，可以使用户快速分辨，从而有效进行操作。根据用户浏览习惯，在浏览网站过程中视线移动具有从左向右、从上向下的规律，因此浏览网站时会更多的注意前面和上面的内容，所以导航内容要进行分析，重要的内容尽可能往前、往上排列，而其他内容根据重要性依次排列，吸引用户的注意力。

2.4 设置返回首页

通常而言，首页是进入栏目页的入口，而通过栏目页又可以进入内容页面，对于用户而言只要回到首页就不会迷失，所以，在页面中设置“返回首页”的链接会使用户浏览起来更为顺畅。

3 简化用户操作步骤

3.1 使用扁平式导航

大型网站导航的层级往往比较深，有的甚至到四级，而且通常采用弹出式导航和下拉式导航的形式，这样会导致导航过于庞大。网站导航的层级越少用户操作次数也会越少，采用三个层级和两个层级的导航相比，用户浏览网站时鼠标的动作更繁复，移动范围大，操作起来极不方便。而如果采用扁平式导航，将导航内容归类，将三个层级变为两个层级，可以最大限度的减少用户的操作频率和范围，用户浏览会更顺畅。一般而言，即便是大型网站，浏览者进入目的页面的点击次数最好也不要超过三次。

因此，有些网站虽然导航内容多，也会将所有的层级简化为一个层级，而以多行的形式出现，就是为了让用户能够尽量减少操作频率，快速找到操作内容。当然，这样也会带来一定的问题，会破坏原本层次分明的逻辑关系，需要设计师谨慎的选择。

3.2 提供搜索功能

网站的内容很多，少则几个页面，多则几十个上百个页面，即便对于浏览目标明确的用户，要找到自己需要的信息也不容易。增加搜索功能可以使用户快速准确寻找信息，避免用户盲目的浏览，对于大型网站而言非常有效。

3.3 标明当前位置

用户浏览网站时，当从首页不断深入网站内部浏览时往往会不知道身在何处，换言之，用户在网站中迷失了，在这种情况下，用户通常会尝试性的点击，或者返回首页重新浏览，更多的时候甚至会离开网站。最直接的方法是在导航栏中把当前页面的导航内容从视觉上做一下区分，就可以使用户清楚明了。

对于多层次的网站而言，采用面包屑导航是一种行之有效的方法。面包屑导航是一种辅助导航，其基本功能就是定位。例如：文库 > 专业资料 > 人文社科 > 广告传媒，通过这种方式可以使用户对于自身所处位置有明确的认识，清楚地表明了当前页面的层级，同时帮助用户很方便的返回到上面几级页面。面包屑导航适合层级较深的导航，加强了内部链接，可以降低用户跳出率。

4 改善用户感官体验

所谓的感官体验在网站中通常就是指网站浏览过程中给用户视觉和听觉上带来的感受，尤其是视觉感受。网站和用户之间的交互基本上都是依赖视觉来实现的，因此，虽然大部分用户浏览网站的目的并不是欣赏网站，但是网站带给用户的视觉体验却往往影响着用户是否会在网站上停留、能停留多久、会不会再次访问。

这种感官体验的影响因素很多，从视觉上看，色彩、风格、文字、布局都是影响因素，不同用户感受的差异性也是重要因素，而各个网站建设都有目标用户，是否针对目标用户进行分析和策划，决定着网站视觉设计是否符合目标用户的审美诉求。具体到导航而言，设计风格要符合整个网站的定位，色彩设计协调舒适，文字清晰可读，鼠标滑过状态和当前页面显示状态的设计醒目而不突兀，整体让用户感觉美观舒适，才能带给用户良好的感官体验。

5 结论

网站导航是网站中的一个基础元素，是关系到整个网站结构搭建是否清晰的重要元素。优秀的导航能够帮助用户了解网站结构，不仅仅是快速准确的搜索需求的信息内容，还要让用户明确自身在网站中的位置，明确操作流程，在整个浏览过程中轻松舒适，从而增加用户粘度，提高访问质量。

作为设计师，我们不可否认网站的真正使用者就是用户，在进行导航设计时就要从在用户的角度上去进行策划和设计，要从整体上去衡量用户在网站导航的内容搭建、视觉效果、操作路径、功能设计等多个方面的使用感觉，以达到最完善的使用体验。

参考文献：

[1] 尤文胜.以用户为中心的首页导航设计初探[J].上海艺术家，2009（4）.

[2] 黄燕云.浅谈网站导航系统设计[J].科教文汇，2009（7）.