设计导航菜单

导航菜单是界面中浏览次数最多、点击次数最多的部分之一。让我们来看看导航设计的一些原则,这些原则将帮助我们的用户获得更好的体验。

位置很重要

web已经为导航的位置开发了一个清晰的模式(非常靠上,左侧,或在页脚)。当菜单放在这些区域之外时,会感到尴尬、混乱和难以找到。

734

告诉他们他们在哪里

清楚地传达用户的当前位置。使用多种线索,比如下面的这些,帮助他们定位。我们的用户永远不必担心他们在哪里。

734

超大菜单vs下拉菜单

研究表明,超大菜单比列表下拉菜单提供了更好的体验,因为它们可以一目了然地显示所有内容,能够利用图像,允许更好的分组,感觉更吸引人。

734

有效的链接标题

用户应该能够在点击链接之前很容易地预测链接将带他们去哪里(这被称为信息气味)。其中最大的一个因素是我们在链接标签方面做得有多好。

734

有几项?

菜单中正确的条目数量取决于几个因素,比如你的产品有多复杂或者你的用户有多精明。但是尽量少吃6到7件。顺序也很重要。

734

不要隐藏

导航菜单是界面中最常被点击的部分之一,它们为用户提供了主要的上下文信息,所以它应该总是可见的。

如今,移动设备上的默认菜单似乎是汉堡菜单,但也有其他选项不能完全隐藏导航:选项卡、渐进折叠、可滚动列表等等。

734

视觉设计技巧

好的UI设计会带来很大的不同。以下是一些建议,可以创造更好的体验。当有疑问时,测试!不要忘记可访问性。

734

原文链接:https://blog.prototypr.io/ux-design-for-navigation-menus-d9875c91a7ea

作者:Jordan Bowman

本页面最后更新于 2021年01月22日 14:30