认识达内从这里开始

认真做教育专心促就业

UI设计师须知道导航栏的基础模式（二）

发布：达内培训
来源：达内培训
时间：2018-08-06 19:13

    如果你有几个(一般≤ 5个)的优先级都很高的导航选项,你可以考虑使用标签或标签栏.-达内培训负责整理
    YouTuBe使用标签栏,使用户可以通过1次点击到达核心功能,并能快速在功能中切换
    仔细检查你的信息架构.好的APP会专注于某件事情.所以,如果你的APP非常复杂,你可以考虑将它拆分成两个(或更多)的简单的APP.Facebook发布了他们的Messenger应用程序来解决这个复杂性的问题.减少功能相应地也会减少导航选项,对汉堡菜单的需求就会减少.
    标签栏
    标签栏这种设计模式是从桌面端移植而来的.它通常包含一些相关的并且同等重要的信息,而这些信息需要从应用程序的任何地方都能让用户访问到.
    标签栏不会隐藏导航信息,用户可以直接访问,并且它的图标也能给用户的操作以反馈
    优点
    标签栏能相对容易地告诉用户他现在所处的位置.恰当地使用视觉提示(图标、标签和颜色)可以使导航信息显而易见,不再需要其他的解释.

标签栏是固定的.标签栏可以将导航选项始终固定在屏幕上,这样你的用户能清楚地了解APP的所有主页面,并且通过单次点击就可以达到某个主页面.

达内培训

    缺点
    导航选项数量有限.如果你的应用程序有超过5个导航选项,那就很难做到既把它们放进一个导航栏,又使它们保持最佳的可点击大小.
    在一个标签栏中不要设计超过5个选项
    iOS和Android的标签栏选项后面的逻辑不同.不同的平台关于UI和可用性有不同的规则和指南,你在为不同的平台设计标签栏的时候需要考虑这一点.标签栏可以出现在顶部(主要在Android平台)或者在底部(主要在iOS平台).使用底部标签栏在APP中的各个视图之间切换在iOS平台中很常见.然而,Android的平台惯例是在屏幕的顶部显示视图切换的标签.此外,Android平台的应用程序可能会使用底部栏来展示操作项.
    恰当的定位和逻辑可以帮助你的APP和平台上的其他APP保持一致的体验,防止操作和视图切换时造成的困惑
    小贴士
    点击目标需要足够大.你设计的点击区域要保证用户能轻松地触摸或点击.通过将导航栏的宽度除以导航操作的个数,就可以得到每个底部导航操作的宽度.
    大多数用户能舒适地点击10mm*10mm的触摸目标
    设计的图标需要经过可用性测试.可以使用"5秒规则"来测试:如果你需要超过5秒的时间来思考表达某个事物的图标,那这个图标不太可能有效地表达这个事物的含义.
    图标和标签要同时使用.大多数图标都没有标准的使用规范,配合使用文字标签能有效表达含义和减少歧义. 用户需要清楚地知道,当他点击某个元素后会发生什么.
    使用文字标签为底部导航图标提供简短的、意义明确的定义
    以上就是达内培训给大家做的内容详解,更多关于IT知识的学习,请继续关注达内培训

< 上一篇：UI设计师须知道导航栏的基础模式（一）

下一篇：UI设计师须知道导航栏的基础模式（三） >