10条必知的网页导航菜单设计原则

2017-06-26 本文已影响146人 athomas

网站的导航菜单是用户阅读了网页后想进一步了解网站其它部分时最重要的指示，对留住用户至关重要。设计导航菜单的方法有许多，每个网站都必须有自己的导航菜单。想要设计出一个出色的导航菜单，设计师必须突破传统限制来展示自己的创意。网站的导航是决定这个网站可用性的主要因素之一，如果访问者可以轻松不费力气的找到他们想要寻找的内容，他们将更有可能留在你的网站上，而不是关闭网页离开。有效的导航可以帮助网站提高浏览量，改善用户体验，甚至增加销售和利润。

贴士：设计导航栏菜单的常用原型工具：Axure，Mockplus，UXPin,Sketch

设计一个优秀的导航菜单并不是那么困难，但仍然需要把握以下这些关建点：

1. 容易找到

视觉上要容易区分并且能让用户一眼就能找到，导航文本与你的正文文本不要使用相同的颜色，字体和大小。导航文本应该突出和显眼。对于菜单按钮，使用高对比度颜色和清晰的文字。导航区域要保持一定的大小，用户容易发现。导航的位置要使用惯用的位置，例如页面顶部，左侧等。

2. 简单

一定要简单易操作，能够帮助你的用户快速查看哪些信息可用，以及在哪里可以找到所要查找的内容。用户需要能够预测你的网站的工作原理，而无需学习怎么做！如果他们需要考虑如何做，那么你已经失去了他们！避免让用户点击一个很小的倒三角然后展开二级菜单的方式，他们可能根本找不到它。

3. 可点击

确保所有导航中元素可点击。在导航中使用多个分类目录时，所有标题元素都应该是可点击的链接。即使使用下拉菜单，点击子类别链接也可能是访问者的自然倾向。不要觉得这一条可笑，我经常发现有些网站的导航点击后无法跳转。

4. 一致性

尽量在所有页面中使用相同的导航模式，这是非常重要的，因为没有一致的设计，用户可能会认为他在另一个网站。确保使用相同的导航模式，以便用户可以轻松地访问你的网站而不会丢失。

5. 清楚

你的菜单文本必须描述清楚，使用简单明了的术语，不要让用户思考这里的文本意思是什么，保持你的文字简短，具有描述性并且重点突出。如果需要五秒以上的时间来思考文本含义再去点击链接，那么这将会造成糟糕的用户体验。