导航设计的15个UX指导原则

为用户导航是每一位网站和app设计者的首要职责。毕竟用户一旦迷路,再炫酷的动效、再有趣的内容也都毫无意义。即使我们的网站中有搜索功能,也不能把搜索框当成用户导航的唯一工具。大多设计者已意识到这一点,并在自己的网站中设计了导航菜单。北京网站建设有很多建议您选择网建科技,效率高,定位准,很不错的选择!!
定义:导航菜单是网站主要内容或特征的列表,通常由一组链接或icon组成,并在视觉样式上与网站其他内容有显著差异。
导航菜单包含但不限于导航条和汉堡菜单。
导航菜单的重要性已经不言而喻,我们平时遇到的每一个网站或软件中都有它的存在;但并不是所有的导航菜单都设计得准确无误。我们也常发现用户因导航设计不当而感到困惑、难以操作,或者连导航在哪儿都不知道。
下面的设计原则,可以避免导航菜单出错。
导航菜单要清晰可见
1. 大屏中的导航菜单不要太小。如果空间足够,不要将菜单隐藏。
2. 把导航菜单放在用户熟悉的位置。通常用户会希望在浏览过的网站或app中的类似位置(譬如网站顶部、左侧等)中找到他们想要的ui元素。
3. 让菜单链接看起来有互动感。如果菜单选项看起来不可点击,用户未必能认出它是导航。如果我们的导航设计融入太重的图形、或太过追崇扁平化设计风格,会使它们看起来更像是装饰性图片或标题。
4. 确保导航菜单拥有足够的视觉吸引力。很多导航菜单的周围会留有一点空白区域以从视觉上突显它。但当网站ui元素比较拥挤时,如果导航菜单视觉比重太弱就会在各色图形、促销广告、标题里迷失,不易被用户识别。
5. 菜单选项的颜色要与网站背景色对比鲜明。令人惊讶的是,有非常多的设计师都忽视了“对比原则”。
即便是熟悉以上规则的设计师设计出来的导航菜单也有可能会被用户忽视,因为他们很难客观地评价自己的作品——尤其是碰上比较主观的设计标准时,比如哪个ui元素应该拥有更明显的视觉效果。如果你知道你的导航菜单在哪儿,自然能一看看到它,因为这是你设计的。因此,让用户参与验证十分必要。
告诉用户其当前位置
6. 告诉用户当前所处什么位置。用户成功导航的一个最基本的标准是他自己能发现:“我在哪儿?” 通常被选中的菜单选项在视觉上与其他选项是有差异的,这可以帮助用户明确自己的当前所在位置(或者通过面包屑导航定位)。如果没有让用户明确所在位置、导致他们迷路,那么就犯了网站设计最基本的错误。讽刺的是用户不总是通过首页到达目的页,所以导航菜单对于用户来说意义重大。