课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 导航设计的15个UX指导原则
  • 导航设计的15个UX指导原则

    发布:南昌UI培训      来源:互联网的一些事儿      时间:2015-12-16


  •     网页/APP设计师都要设计导航菜单,毕竟动效再酷炫,内容再精彩,用户迷路了也就毫无意义了。

        导航菜单是网站主要内容或特征的列表,通常由一组链接或icon组成,并在视觉样式上与网站其他内容有显著差异。  导航菜单包含但不限于导航条和汉堡菜单。 

        南昌达内UI设计培训专家给出了15个指导原则,让你导航栏更受用户喜爱,避免出现用户体验错误。

    导航菜单要清晰可见 

        1. 大屏中的导航菜单不要太小,尽量不要隐藏菜单。

        2. 把导航菜单放在用户熟悉的位置。通常用户会希望在浏览过的网站或app中的网站顶部、左侧等位置,找到他们想要的UI元素。

        3. 让菜单链接看起来有互动感。如果菜单选项看起来不可点击,用户未必能认出它是导航。

        4. 确保导航菜单拥有足够的视觉吸引力。导航菜单的周围一般会留白来突显。若是网站UI元素过多,导航菜单视觉比重太弱,用户就难以识别导航。

        5. 菜单选项的颜色要与网站背景色对比鲜明,这一点常常被忽略。

    告诉用户其当前位置

        6. 告诉用户当前所处什么位置。用户成功导航的一个最基本的标准是用户能意识到自己当前所在位置。通常被选中的菜单选项在视觉上与其他选项是有差异,就可以做到这一点。由于用户不一定是通过首页到达目的页 ,所以导航菜单对于用户来说意义重大。

    导航菜单要与用户任务协调一致

        7. 使用易懂的链接标签。建议使用相似且相关的类别标签。导航菜单要使用可以准确描述网站内容和特征的术语。

        8. 链接标签要容易阅读。减少用户阅读菜单具体内容的时间,如使用左对齐的垂直菜单、或将关键词前置。

        9. 对于大型网站来说,让用户通过导航菜单预览子级内容。对于喜欢挖掘网站各层级内容的典型用户来说,下拉菜单可以让用户快速浏览、节省时间。

        10. 为息息相关的内容提供本地导航。如果用户喜欢对一些同类商品频繁对比、或在某个场景里完成多个任务,可以将这些临近页面做成本地导航菜单,用户就不需要在复杂的路径里来回找了。

        11. 利用视觉的传达力。图像、颜色等元素可以帮助用户理解菜单选项,但也要确保这些图形起的是积极作用。

    导航菜单要易于操作

        12. 菜单选项要够大、方便点击。如果导航菜单的选项过小或者彼此靠得太近,会给移动用户造成很大的困扰。

        13. 确保下拉菜单不会太大或太小。鼠标悬停触发的下拉菜单呈现时间太过短暂会给用户带来挫败感。太长的垂直导航菜单也不利于底部选项的点击,除非滚动屏幕。鼠标悬停触发的下拉菜单不能太宽,否则会让用户 以为是新页面。

        14. 当页面内容很长时,可以考虑悬浮吸顶(或固底)菜单。已浏览到页面底部的用户要想回到首屏需要一次又一次地回滚鼠标(移动端则是不断向上划动屏幕);如果导航可以悬浮吸顶,用户就可以很方便地进行其他菜单 项的切换。

        15. 尽可能缩短导航菜单最常用操作的物理距离。下拉菜单内容比较多时,将用户最常点击的链接放到离鼠标悬停的选项最近的地方可以减少鼠标移动的距离(移动端同理)。有一些app中流行的饼状菜单则将所有菜单选项 成圆(或半圆)状围绕在菜单周围,这样每一个选项链接的物理点击距离都是最短的。

    新颖有趣的交互方式很重要?

        炫酷的效果并非首要目标。对于用户来说,最能打动他们的还是网站的精彩内容、以及熟悉且操作简单的导航菜单。

    总结:

        南昌达内ui设计培训专家表示,大多数情况下,我们都需要遵循这15条指导原则来设计导航栏,提高导航栏的易用性。

    推荐文章

上一篇:UI设计师最不想听到的五个问题

下一篇:iOS界面设计要遵从3个原则

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56