关于导航设计的几个UX指导原则

　虎网科技按：移动和PC用户都习惯于通过导航菜单探索网站内容及特性。本文虎网科技为你推荐15个UX指导原则可以让你的导航菜单更受用户青睐。

　　为用户导航是每一位网站和app设计者的*要职责。毕竟用户一旦迷路，再炫酷的动效、再有趣的内容也都毫无意义。即使我们的网站中有搜索功能，也不能把搜索框当成用户导航的先进工具。大多设计者已意识到这一点，并在自己的网站中设计了导航菜单。

　　定义：导航菜单是网站主要内容或特征的列表，通常由一组链接或icon组成，并在视觉样式上与网站其他内容有显著差异。

　　导航菜单包含但不限于导航条和汉堡菜单。

　　导航菜单的重要性已经不言而喻，我们平时遇到的每一个网站或软件中都有它的存在;但并不是所有的导航菜单都设计得有效无误。我们也常发现用户因导航设计不当而感到困惑、难以操作，或者连导航在哪儿都不知道。

　　下面的设计原则，可以避免导航菜单出错。

　　导航菜单要清晰可见

　　1. 大屏中的导航菜单不要太小。如果空间足够，不要将菜单隐藏。

　　2. 把导航菜单放在用户熟悉的位置。通常用户会希望在浏览过的网站或app中的类似位置(譬如网站顶部、左侧等)中找到他们想要的UI元素。

　　3. 让菜单链接看起来有互动感。如果菜单选项看起来不可点击，用户未必能认出它是导航。如果我们的导航设计融入太重的图形、或太过追崇扁平化设计风格，会使它们看起来更像是装饰性图片或标题。

　　4. 导航菜单拥有足够的视觉吸引力。很多导航菜单的周围会留有一点空白区域以从视觉上突显它。但当网站UI元素比较拥挤时，如果导航菜单视觉比重太弱就会在各色图形、促销广告、标题里迷失，不易被用户识别。

　　5. 菜单选项的颜色要与网站背景色对比鲜明。令人惊讶的是，有非常多的设计师都忽视了“对比原则”。

　　即便是熟悉以上规则的设计师设计出来的导航菜单也有可能会被用户忽视，因为他们很难客观地评价自己的作品——尤其是碰上比较主观的设计标准时，比如哪个UI元素应该拥有更明显的视觉效果。如果你知道你的导航菜单在哪儿，自然能一看看到它，因为这是你设计的。因此，让用户参与验证十分必要。

　　告诉用户其当前位置

　　6. 告诉用户当前所处什么位置。用户成功导航的一个较基本的标准是他自己能发现：“我在哪儿?” 通常被选中的菜单选项在视觉上与其他选项是有差异的，这可以帮助用户明确自己的当前所在位置(或者通过面包屑导航定位)。如果没有让用户明确所在位置、导致他们迷路，那么就犯了网站设计较基本的错误。讽刺的是用户不总是通过*页到达目的页，所以导航菜单对于用户来说意义重大。

　　导航菜单要与用户任务协调一致

　　7. 使用易懂的链接标签。清楚用户要找的是什么，使用相似且相关的类别标签。要记住导航菜单并不是拿自造词和行话去忽悠人的。请使用可以有效描述网站内容和特征的术语。

　　8. 链接标签要容易阅读。减少用户阅读菜单具体内容的时间，如使用左对齐的垂直菜单、或将关键词前置。

　　9. 对于大型网站来说，让用户通过导航菜单预览子级内容。对于喜欢挖掘网站各层级内容的典型用户来说，下拉菜单可以让用户快速浏览、节省时间。

　　10. 为息息相关的内容提供本地导航。如果用户喜欢对一些同类商品频繁对比、或在某个场景里完成多个任务，可以将这些临近页面做成本地导航菜单，这样用户就不需要在复杂的路径里“上蹿下跳”了。

　　11. 利用视觉的传达力。图像、颜色等元素可以帮助用户理解菜单选项，但也要这些图形起的是积极作用(至少不能让操作变得更难)。

　　导航菜单要易于操作

　　12. 菜单选项要够大、方便点击。如果导航菜单的选项过小或者彼此靠得太近，会给移动用户造成很大的困扰;大屏网站中导航菜单选项如果也设计成这样，那就会很难操作。

　　13. 下拉菜单不会太大或太小。鼠标悬停触发的下拉菜单呈现时间太过短暂会给用户带来挫败感，因为用户还没来得及点击菜单里的某个链接的时候，下拉菜单就消失了。另外，太长的垂直导航菜单也不利于底部选项的点击，除非滚动屏幕。较后，鼠标悬停触发的下拉菜单不能太宽，否则会让用户误以为是新页面、并且好奇为什么自己还没点击就出现了新的“页面”?

　　14. 当页面内容很长时，可以考虑悬浮吸顶(或固底)菜单。已浏览到页面底部的用户要想回到*屏需要快速又快速地回滚鼠标(移动端则是不断向上划动屏幕);如果导航可以悬浮吸顶，用户就可以很方便地进行其他菜单选项的切换。这很适合小屏幕场景。

　　15. 尽可能缩短导航菜单较常用操作的物理距离。下拉菜单内容比较多时，将用户较常点击的链接放到离鼠标悬停的选项较近的地方可以减少鼠标移动的距离(移动端也类似)。较近一些app中流行的饼状菜单则将所有菜单选项成圆(有的是半圆)状围绕在菜单周围，这样每一个选项链接的物理点击距离都是较短的。

　　用新颖有趣的交互方式去惊艳用户?

　　实际上……答案是“不”。

　　炫酷的效果并非我们的*要目标。对于用户来说，较能打动他们的还是网站的精彩内容、以及熟悉且操作简单的导航菜单。

　　当然，有的时候一些创新型菜单的确可以提升用户体验(下拉菜单就是一个例子)。在某些场景下，由于新技术的独特要求，这15条原则也未必使用——举个例子，第4条 “导航菜单拥有足够的视觉吸引力” 就不适用于语音识别。但大多数情况下，这15条都是我们需要考虑的指导原则，因为它们会大大提高导航菜单的易用性。

摩洛哥新加坡旅游 去香港澳门旅游要注意些什么？

    在新加坡，厕纸是扔到马桶里还是扔到垃圾桶里？ 人这一生都离不开吃喝拉撒睡，拉撒是个比较隐晦的话题，但是就算是仙女也需要拉屎啊。 有个史诗级的问题，用过的厕纸应该丢哪，马桶or垃圾桶？各个国家都快因为这个问题打起来了。有人认为丢进马桶里，容易造成马桶堵塞，浪费水资源，真不环保；而反方队友表示，丢在垃圾桶里滋生细菌，不卫生！ 近日，新加坡社会热议，应向游客宣导，把用过的厕纸扔进马桶，而不是垃圾桶。 ...

       深圳市永昊润精密有限公司网站建设 深圳市光明区公明街道西田社区第二工业区第33栋201附近公司经营范围电子元器件、五金、塑胶零配件、机械设备、自动化设备、模具的技术开发与销售。连接器、连接器租金、电子元器件的生产；连接器、连接器租金、电子元器件、五金、塑胶零配件、机械设备、自动化设备的生产；电子元器件、五金、塑胶零配件、线束、线缆组件的加工。

       企业网站通常必放的六大栏目 网站建设的出现给很多的企业带去了商机，在互联网的今天，它基本上已经替代了传统的营销方式，成为当今企业最主流的营销推广平台，不过，由于不同的企业所经营的范围不同，自然所需要建设的网站类型不同，然而不管任何类型的企业网站，有些栏目是必不可少的，具体请看 天津网站建设 - 虎网科技 的小编为您详细讲解。 一、首页 不仅是企业网站，任何类型的网站基本上都有首页这个栏目，它是网站中最主要的一页，它的好坏...

       网站制作后的日常工作有哪些 维持网站一个正常的访问状态，是建站企业也是企业的责任。一般情况下，网站出现问题是企业先发现，然后联系建站企业处理。对网站的日常维护管理是不可缺少的，访问量的增涨以及排名的上升等都是企业要去关心要去操作的事情。网站上线不表示这件事情的结束，而是新的开始，那么网站制作后的日常工作有哪些呢？ 网站制作后的日常工作有哪些 　　一、内容更新 　　网站内容的更新不仅要与行业和本身品牌相关，也要符合客户需求。切...

       广州网站建设企业认为优化需要任性 大家都知道，俗话说的好，取其精华，去其糟粕是我们人类向文明迈进的必然里程，那种撞了南墙也不回头的性格是不可取的，在SEO的日常工作中，可以说100个人会有100种优化方法，而这100人中绝对不止一个人会获得成功，那么原因就是，条条大路通罗马，我们只要实现自己的预定目标，那么无论怎样的道路都是可取的，而一味的遵循着别人的道路也许会让我们少走不少弯路，但是那毕竟适合于别人，并非适合于自己。 　　在当前...

       龙岗迪索生活日用跟虎网科技签定网站建设合同 迪索在深圳市龙岗区龙岗街道平南社区平南一路38号。迪索是经深圳市龙岗区工商局审核的有资质公司，统一社会信用代码：914403005827327532。同时经国家工信部和广东省通信管理局审核通过ICP备案；备案号：粤ICP备18143335号。迪索选用虎网站网络实用型网站案例，此案例比经济型多了些功能，如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。 　　经营电子...