为用户设计导航是每个应用程序设计者的首要责任。毕竟，一旦用户迷路了，不管动态效果有多酷，内容有多有趣，都没有意义。即使我们的网站有搜索功能，我们也不能把搜索框当作用户导航的主要工具。大多数设计师已经意识到这一点，并在自己的网站上设计了导航菜单。
定义：导航菜单是网站的主要内容或功能的列表，通常由一组链接或图标组成，在视觉风格上与网站的其他内容有着显著的不同。
导航菜单的重要性不言而喻。我们遇到的每一个网站或软件通常都有它的存在，但并不是所有的导航菜单都是准确设计的。我们经常会发现，由于导航设计不当，用户感到困惑、操作困难，甚至不知道导航在哪里。
1、大屏幕中的导航菜单不能太小。如果有足够的空间，不要隐藏菜单。
2、将导航菜单放在熟悉的位置。通常用户会希望在他们访问过的网站或应用程序中类似的地方（如网站顶部、左侧等）找到他们想要的UI元素。
3、使菜单链接看起来是交互式的。如果菜单选项看起来不可单击，则用户可能无法将其识别为导航。如果我们的导航设计包含了太多的图形，或者过于强调平面设计风格，会使它们看起来更像装饰图片或标题。
4、确保导航菜单具有足够的视觉吸引力。许多导航菜单周围都有一点空白，以便在视觉上突出显示。但是，当网站的用户界面元素拥挤时，如果导航菜单的视觉比例太弱，就会在各种图形、促销广告、标题中丢失，不易被用户识别。
5、菜单选项的颜色应与网站的背景色形成对比。令人惊讶的是，有许多设计师忽视了对比原则。
即使是熟悉上述规则的设计师设计的导航菜单也可能被用户忽略，因为他们很难客观地评价自己的作品——特别是当他们遇到更主观的设计标准时，比如哪个UI元素应该具有更明显的视觉效果。如果你知道你的导航菜单在哪里，你可以一目了然，因为它是由你设计的。因此，有必要让用户参与身份验证。
6、告诉用户当前的位置。用户成功导航的一个基本的标准是他可以找到自己：“我在哪里？”通常选择的菜单选项在视觉上与其他选项不同，这些选项可以帮助用户知道它们在哪里（或浏览面包屑）。如果你不让用户确切知道他们在哪里，导致他们迷路，你将在网站设计中犯基本的错误。具有讽刺意味的是，用户并不总是通过主页到达目的地页面，因此导航菜单对用户意义重大。
7、使用易于理解的链接标签。知道用户在寻找什么，并使用类似和相关的类别标签。记住，导航菜单不会用自己的语言和行话愚弄人。使用准确描述网站内容和功能的术语。
8、链接标签应该易于阅读。减少用户阅读菜单特定内容的时间，例如使用左对齐的垂直菜单或前置关键字。
9、对于大型网站，用户可以通过导航菜单预览子内容。对于喜欢挖掘网站各级内容的典型用户，下拉菜单可以让用户快速浏览，节省时间。
10、为密切相关的内容提供本地导航。如果用户喜欢经常比较一些相似的产品，或者在某个场景中完成多个任务，可以将这些相邻的页面做成本地导航菜单，这样用户就不需要在复杂的路径中“上下跳跃”。
11、使用视觉传达。图片、颜色等元素可以帮助用户了解菜单选项，同时也确保这些图形起到了积极的作用（至少不会让操作变得更加困难）。
12、菜单选项应该足够大，以便轻松单击。如果导航菜单选项过小或过于接近，会给移动用户带来很大的麻烦；如果大屏幕网站的导航菜单选项也采用这种方式设计，操作起来会比较困难。
13、确保下拉菜单不太大或太小。鼠标悬停触发的下拉菜单渲染时间太短，无法给用户带来挫败感，因为在用户单击菜单中的链接之前，下拉菜单将消失。另外，垂直导航菜单过长不利于底部选项的点击，除非滚动屏幕。鼠标悬停触发的下拉菜单不能太宽，否则用户会误以为是新页面，想知道为什么在点击前会出现一个新的“页面”？
14、当页面内容很长时，可以考虑使用吊顶（或固定底部）菜单。要返回到个屏幕，浏览到页面底部的用户需要反复滚动鼠标（移动端不断向上移动屏幕）；如果导航可以暂停和吸收，用户可以轻松切换其他菜单选项。这对小屏幕场景很好。
15、尽可能缩短导航菜单常用操作的物理距离。当有许多下拉菜单时，您可以通过将常单击的链接放在离鼠标悬停选项近的位置（移动端类似）来缩短鼠标移动的距离。近，一些应用程序中流行的饼状菜单围绕着菜单的所有菜单选项（有些是半圆），因此每个选项链接的物理单击距离短。
酷的效果不是我们的首要目标。对于用户来说，让他们印象深刻的是网站的精彩内容，以及熟悉易用的导航菜单。