最常见的导航错误设计及优秀导航设计案例

导航设计千变万化，同时还需要兼备可用性和易用性，给用户提供舒适顺畅的网站用户体验。可靠的导航设计能帮助用户找到想要的内容，提升页面的转化率;但设计不合理的导航对网站用户体验来说简直就是一个灾难，甚至间接影响网站的转化率和用户的留存率。

下面，Inspirr Creation将为大家分享最常见的导航错误设计，以及优秀导航设计案例，希望对各位有所帮助!

最常见的导航错误设计

错误设计一：菜单选项太多

当用户花费很长时间来查看导航栏的菜单选项列表时，往往很难快速地进行选择，这会让他们感到困惑或不知所措!这时他们多半会直接放弃继续浏览该菜单。因此，让列表尽量短一些，能方便用户可以快速查阅。

错误设计二：菜单没有足够的选项

菜单选项太多不好，菜单没有足够的选项，同样会让用户难以理解在哪里可以找到相关的功能，而失去耐心放弃使用你的APP/网页，继而投向竞争对手的怀抱。

错误设计三：菜单不见了

这种错误设计的代表作，首当其冲肯定就是汉堡包图标。汉堡包图标最大的问题在於将菜单隐藏在另一个点击後的做法，隐藏菜单会导致用户迷失方向找不到想要的东西，当用户无法找到想要的菜单或界面，就会开始胡乱点击或滑动，因而感到非常烦躁。

错误设计四：视图重制导航规则

不寻常的导航规则可能看起来非常有创意，但对用户来说可能并不直观。在APP应用中，大部分用户已经习惯某些元素或图标固定在某些地方，如果要调整这些规则，除非这些用户有极好的冒险精神和耐心，否则他们不会花太多时间去寻找他们需要的界面。

错误设计五：使用不熟悉的图标

正如用户习惯传统的菜单一样，他们同样习惯认定的图标设计，或许不太熟悉的图标设计具有一定的创造性，但它们会让用户觉得像身处异国他乡一样不太自在，这是导致导航困难的一个非常常见的错误，同时也是最差的UX设计。

错误设计六：没向用户显示当前位置

这是APP设计中最常见的错误，显示用户的当前位置，能有助於保持导航清晰明了，不复杂，同时还可以避免用户在使用APP时出现一些不必要的猜测。

优秀导航设计案例鉴赏

虽然现在很多APP都出现这些常见的导航设计错误，但仍有不少APP可以把导航和菜单设计得很优秀，下面我们来看看：

优秀导航设计一：Tastemade

Tastemade是一个美食视频应用，房屋式的主页按钮、形状像放大镜的搜索按钮、以及经典的书签按钮和个人资料按钮，这四个图标显示出UI设计师完美地把控了平衡。熟悉的符号能确保用户返回应用程序的其他主要功能。

优秀导航设计二：Duolingo

虽然学习教育类APP中包含着大量的内容，但Duolingo仍然没有隐藏起菜单，而是采取在底部导航菜单设置5个灰色图标，当选择一个图标时，图标颜色变成蓝色，界面名称则显示在其下方。这种设计方式不仅使界面保持简洁，还帮助新用户了解应用程序。

优秀导航设计三：Airbnb

Airbnb的APP采用五个明显易懂的图标，避免用户打开数十个浏览器标签来查看搜索结果的麻烦。另外，Airbnb最明智的导航设计，是将整个用户浏览轨迹分成几个独立界面，以合理的顺序显示每个界面的图标。

市场上的同类型APP多不胜数，要脱颖而出！这就必须确保你的用户能够在你设计的APP中轻松点击和滑动。此外，您还需要花一点时间进行换位思考，考虑用户的使用习惯。