设计导航菜单
导航菜单是界面中浏览次数最多、点击次数最多的部分之一。让我们来看看导航设计的一些原则,这些原则将帮助我们的用户获得更好的体验。
位置很重要
web已经为导航的位置开发了一个清晰的模式(非常靠上,左侧,或在页脚)。当菜单放在这些区域之外时,会感到尴尬、混乱和难以找到。
告诉他们他们在哪里
清楚地传达用户的当前位置。使用多种线索,比如下面的这些,帮助他们定位。我们的用户永远不必担心他们在哪里。
超大菜单vs下拉菜单
研究表明,超大菜单比列表下拉菜单提供了更好的体验,因为它们可以一目了然地显示所有内容,能够利用图像,允许更好的分组,感觉更吸引人。
有效的链接标题
用户应该能够在点击链接之前很容易地预测链接将带他们去哪里(这被称为信息气味)。其中最大的一个因素是我们在链接标签方面做得有多好。
有几项?
菜单中正确的条目数量取决于几个因素,比如你的产品有多复杂或者你的用户有多精明。但是尽量少吃6到7件。顺序也很重要。
不要隐藏
导航菜单是界面中最常被点击的部分之一,它们为用户提供了主要的上下文信息,所以它应该总是可见的。
如今,移动设备上的默认菜单似乎是汉堡菜单,但也有其他选项不能完全隐藏导航:选项卡、渐进折叠、可滚动列表等等。
视觉设计技巧
好的UI设计会带来很大的不同。以下是一些建议,可以创造更好的体验。当有疑问时,测试!不要忘记可访问性。
原文链接:https://blog.prototypr.io/ux-design-for-navigation-menus-d9875c91a7ea
作者:Jordan Bowman