在本文中，我们将高级地介绍如何为移动/ Web应用程序的导航菜单创建UI / UX设计。

应用程序就像他们自己的小世界。它们拥有大量的功能， 点缀着微交互，数据海洋以及用户的城市，他们的创作和贡献。应用程序设计师掌握着构建这些世界的力量，并将其磨练至完美，使导航变得轻松，并创建可访问的开放道路。每当用户启动应用程序时，他们首先要做的就是导航。当该道路发散时，为用户提供地图并使其易于阅读非常重要。

在本文中，您将看到UX和UI设计人员所做的一些最常见的导航错误，以及这些错误导致用户在山上运行的原因。铭记这些将帮助您从别人的错误中吸取教训，这样您就不会重复这些错误。同时，您的用户无需使用导航应用即可使用您的应用。

1.您的菜单包含太多选项

你有没有坐过一家餐馆，给了一个菜单，你认为狄更斯必须写这么久？当你有 这么多的选择时，通常很难做出决定，你最终会感到困惑和不知所措。应用程序也不例外。如果用户长时间看到选项列表以便快速消化，那么他们将完全放弃菜单。最好保持列表足够短，只需快速扫描即可。 希克定律 是确保你没有提供太多选择的绝佳方法。

2.您的菜单没有足够的选项

另一方面，一些菜单包含的项目很少，用户发现很难理解哪些功能可以在哪里找到。虽然在用户体验设计中努力追求极简主义往往是明智的，特别是对于移动设备的小屏幕而言，有一个隐藏的问题。如果您尝试在每个类别下循环太多选项只是为了在菜单上有三个图标，用户将不得不猜测首先去哪里。

找到他们想要的屏幕或功能可能需要长时间的点击。例如，他们将尝试猜测“我的朋友列表”是否位于“个人资料”或“设置”下，他们会想知道是否可以在“联系我们”屏幕或“主页”屏幕上看到“商店位置” - 基本上，用户旅程更加不稳定。更糟糕的是，当他们找不到他们想要的东西时，用户可能会失去耐心并寻找替代方案。

3.您的菜单不可见

关于汉堡包图标已经写了很多 ，有些人认为它是应用程序设计的必要部分，而其他人甚至称它为应用程序图标形式的魔鬼。问题不在于图标本身，而在于将菜单隐藏在另一个水龙头后面的想法更多。用户应该能够尽可能少地访问应用程序的内容。隐藏的菜单可能会导致用户迷路而无法找到所需内容。当用户无法找到他们想要的菜单或屏幕时，他们将开始 随机点击并轻扫，并迅速厌倦。确定用户遇到导航错误的位置（例如无响应的手势）可能具有挑战性 。触摸热图可以帮助可视化问题区域并改善导航。

4.你正试图重塑导航轮

越来越 热衷的新思路 用于界面设计很容易。在移动应用行业中振作起来无疑可以带来伟大的事物，但是有一个时间和地点，而且它不会出现在你的应用程序的导航中。不寻常的导航规则似乎具有创新性，但最终对您的用户来说并不直观，可能对应用程序的成功产生严重影响。到目前为止，在移动应用程序的历史中，大多数用户已经习惯于在某些地方使用某些元素。他们的眼睛将拍摄到屏幕底部以寻找底部导航菜单，或者在左上角查看是否有“后退”按钮。除非他们非常冒险和耐心，否则他们不会想要寻找他们需要的屏幕。

5.您正在使用不熟悉的图标

正如用户习惯于传统菜单一样，他们也习惯于特定的图标设计。不清楚或不熟悉的图标设计是一些最糟糕的UX违规者 - 使用公司徽标而不是心脏，星形或书签图标，或使用任何其他图标，但使用相机功能的相机图标。这些变化似乎是无辜的，甚至是创造性的，但它们让用户感觉他们在不同的国家，每个人都说不同的语言。这是导致导航困难的常见错误。尼克巴比奇 提供了一些很好的图标提示 ，可以帮助解决这个问题，包括5秒规则：“如果你需要超过5秒的时间来考虑适当的图标，那么图标就不太可能有效地传达这个意义“。

6.你不是在告诉用户他们在哪里

这是移动应用程序中的常见错误。正如在使用导航应用程序时关注您的小动作点一样，在使用应用程序时知道您的位置也是有益的。为用户提供他们正在查看哪个屏幕的可见指示器 - 例如，通过突出显示所选图标 - 有助于保持导航不复杂并消除使用应用程序时的一些猜测。

三个应用程序导航和菜单权利

尽管存在这些常见错误，但有些应用确实能够正确地获得导航和菜单。以下是对三款此类应用的呐喊：

1.Tastemade

这个美食视频网络 为我们提供了底部导航栏的一个很好的例子。图标都很容易识别：像房子一样的主页按钮，形状像放大镜的搜索按钮，以及经典书签和个人资料按钮。建议的数字是2-5个图标，四个是完美的平衡。这些熟悉的符号提供简单快速的入职培训，并确保回归用户可以沉浸在应用程序的主要功能中。

2. Duolingo

教育应用程序必须使其所有内容和类别易于发现和消化。尽管语言学习应用程序包含大量内容，但Duolingo仍然可以很好地相处，而不会将菜单隐藏在屏幕的左侧或右侧。相反，它具有底部导航菜单，其中包含五个灰度图标。选择图标后，它将显示为蓝色，屏幕名称将显示在其下方。仅显示突出显示的图标的名称使屏幕保持简约和轻量级，同时仍然帮助用户了解应用程序。

3.Airbnb

Airbnb的应用程序使用了一个小型的智能手机屏幕来完成通常用几十个打开的浏览器标签完成的任务，并且非常沮丧：在外国城市选择住宿。Airbnb导航设计最明智的方面是选择将整个用户旅程分成五个独立的屏幕，然后以正确的顺序显示每个屏幕的图标。用户可以在搜索结果中的房屋，他们已保存的房屋，已预订的房屋以及与之通信的房屋之间切换。这使得浏览和决定一个容易和直观的地方。

结束语

应用程序可能很少，但它们很激烈。要制作一款能够轻松上手但又易于使用的应用程序，重要的是要确保让用户轻松点击并轻扫他们为您创建的移动世界。要了解用户如何体验应用程序的导航，您必须首先走一步 - 通过使用移动应用程序分析，审阅者和测试人员，以及一点点的同理心和常识。