底部tab
定义
用于一级目录的导航,位于页面底部,能告诉用户当前位置及用户切换统一层级之间的不同模块,一般最多不超过五个标签。
特点
标签导航是目前最常见的导航形式。最常见的原因是标签式导航可以让流量更大化,分化流量,使得各个模块都有机会获取流量提高页面流量的转化。
将常用的导航放在底部,无论用户单手还是双手操作都能轻松点击,从而实现各功能模块之间的跳转。
标签式导航有底部导航和顶部导航两种,底部导航用于全局导航,顶部导航用于二级导航(遵循Material Design规范的除外)。
优点
它可以承载重要性和频率处于同一级别的功能模块、信息或任务。
它能在第一时间支持使用者获取重要性最高、频率最大的信息或任务。
它能支持用户在不同模块、信息和任务之间快速切换。
它具有包容性,可以将其他信息的框架溶解掉,构建出容量更大的模块、信息或任务架构。也就是说,很多app的整体架构都是标签式结构,然后又使用其他的架构去承载界面中的具体信息。
缺点
由于尺寸限制,标签式导航的数量上限最好是5个,超过5个就要考虑产品的需求分组是否合适或考虑更换框架。
标签栏占用了一定的空间,所以减少了页面的信息承载量。
底部拓展(舵式)tab
定义
为了突出中间的功能,将中间标签图标设计的比较突出,鼓励用户多使用该功能。除去两侧4个标签之外,其他重要的标签都隐藏在舵式导航中,或者将那些重要性高、使用相当频繁的功能入口放在里面。
缺点
这些功能放在二级界面中相当于被埋起来了,会增加用户的记忆负担和操作负荷。
顶部静态
定义
通常用于展示同意模块下不同类别的信息或者筛选不用模块的信息。
优点
可以很好地扁平化信息层级,同时提供了进入不容信息分类或模态的入口
用户可以迅速实现同一模块下不同类别信息之间的切换并且不会迷失方向。
缺点
分段控制式导航位于顶部,切换起来不方便,虽然iOS有左右滑动手势,但是很多用户并不知道。
占据空间,导致屏幕可展现区域变少。