为用户设计导航是每个应用程序设计者的首要责任。毕竟一旦用户迷路了不管动态效果有多酷内容有多有趣都没有意义。即使我们的网站有搜索功能我们也不能把搜索框当作用户导航的主要工具。大多数设计师已经意识到这一点并在自己的网站上设计了导航菜单。

定义：导航菜单是网站的主要内容或功能的列表通常由一组链接或图标组成在视觉风格上与网站的其他内容有着显著的不同。

导航菜单的重要性不言而喻。我们遇到的每一个网站或软件通常都有它的存在但并不是所有的导航菜单都是精确设计的。我们经常会发现由于导航设计不当用户感到困惑、操作困难甚至不知道导航在哪里。

1、大屏幕中的导航菜单不能太小。如果有足够的空间不要隐藏菜单。

2、将导航菜单放在熟悉的位置。通常用户会希望在他们访问过的网站或应用程序中类似的地方 如网站顶部、左侧等找到他们想要的UI元素。

3、使菜单链接看起来是交互式的。如果菜单选项看起来不可单击则用户可能无法将其识别为导航。如果我们的导航设计包含了太多的图形或者过于强调平面设计风格会使它们看起来更像装饰图片或标题。

4、确保导航菜单具有足够的视觉吸引力。许多导航菜单周围都有一点空白以便在视觉上突出显示。但是当网站的用户界面元素拥挤时如果导航菜单的视觉比例太弱就会在各种图形、促销广告、标题中丢失不易被用户识别。

5、菜单选项的颜色应与网站的背景色形成对比。令人惊讶的是有许多设计师忽视了对比原则。

即使是熟悉上述规则的设计师设计的导航菜单也可能被用户忽略因为他们很难客观地评价自己的作品——特别是当他们遇到更主观的设计标准时比如哪个UI元素应该具有更明显的视觉效果。如果你知道你的导航菜单在哪里你可以一目了然因为它是由你设计的。因此有必要让用户参与身份验证。

6、告诉用户当前的位置。用户成功导航的一个最基本的标准是他可以找到自己：“我在哪里？”通常选择的菜单选项在视觉上与其他选项不同这些选项可以帮助用户知道它们在哪里 或浏览面包屑。如果你不让用户确切知道他们在哪里导致他们迷路你将在网站设计中犯最基本的错误。具有讽刺意味的是用户并不总是通过主页到达目的地页面因此导航菜单对用户意义重大。

7、使用易于理解的链接标签。知道用户在寻找什么并使用类似和相关的类别标签。记住导航菜单不会用自己的语言和行话愚弄人。使用准确描述网站内容和功能的术语。

8、链接标签应该易于阅读。减少用户阅读菜单特定内容的时间例如使用左对齐的垂直菜单或前置关键字。

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

10、为密切相关的内容提供本地导航。如果用户喜欢经常比较一些相似的产品或者在某个场景中完成多个任务可以将这些相邻的页面做成本地导航菜单这样用户就不需要在复杂的路径中“上下跳跃”。

11、使用视觉传达。图片、颜色等元素可以帮助用户了解菜单选项同时也确保这些图形起到了积极的作用 至少不会让操作变得更加困难。

12、菜单选项应该足够大以便轻松单击。如果导航菜单选项过小或过于接近会给移动用户带来很大的麻烦；如果大屏幕网站的导航菜单选项也采用这种方式设计操作起来会比较困难。

13、确保下拉菜单不太大或太小。鼠标悬停触发的下拉菜单渲染时间太短无法给用户带来挫败感因为在用户单击菜单中的链接之前下拉菜单将消失。另外垂直导航菜单过长不利于底部选项的点击除非滚动屏幕。鼠标悬停触发的下拉菜单不能太宽否则用户会误以为是新页面想知道为什么在点击前会出现一个新的“页面”？

14、当页面内容很长时可以考虑使用吊顶 或固定底部菜单。要返回到个屏幕浏览到页面底部的用户需要反复滚动鼠标 移动端不断向上移动屏幕；如果导航可以暂停和吸收用户可以轻松切换其他菜单选项。这对小屏幕场景很好。

15、尽可能缩短导航菜单最常用操作的物理距离。当有许多下拉菜单时您可以通过将最常单击的链接放在离鼠标悬停选项最近的位置 移动端类似来缩短鼠标移动的距离。最近一些应用程序中流行的饼状菜单围绕着菜单的所有菜单选项 有些是半圆因此每个选项链接的物理单击距离最短。

酷的效果不是我们的首要目标。对于用户来说最让他们印象深刻的是网站的精彩内容以及熟悉易用的导航菜单。

免责声明：本文内容来自用户上传并发布，站点仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。请核实广告和内容真实性，谨慎使用。