在APP中,Tab|在APP中,Tab bar是否要固定

Tab bar即我们手机app中的一级导航栏,打开你的微信首页,便可以看到底部那条每天被你点击无数次的导航栏,那么在app软件设计中,Tab bar是否要固定呢?也就是说当你点击到二级、三级页面里的时候,这个导航栏是否会消失?


我们先来看看典型的Tab bar固定设计的案例


在APP中,Tab|在APP中,Tab bar是否要固定
文章图片
如上图所示,我们日常常用的app store、网易云音乐、Twitter、instagram都采用了固定Tab bar模式,而其他我们常用的如微信、支付宝等产品却没有采用这种设计,那么当我们进行app规划时,如何对两种方案进行取舍?


【在APP中,Tab|在APP中,Tab bar是否要固定】首先我们分析一下固定Tab bar的优劣
优点:
1.能够让用户在2、3级页面甚至更深的层级内快速切换到其他模块,不用进行多次的返回操作;
2.模块清晰化,让产品整体结构一览无余,易于用户理解和操作。
缺点:
1.最直观的,Tab bar模块会占据屏幕一部分区域,使整个屏幕展示的内容相对减少,造成寸土寸金的屏幕产生一定的浪费;
2.持续存在的Tab bar占用屏幕的同时,也无法给用户带来沉浸式的用户的体验,虽然可以用滑动等交互来进行隐藏操作,但是还是专注内容本身方面还是有所欠缺;
3.虽然手机屏幕在不断的扩大,但app依然无法像web界面一样设置复杂的导航,固定Tab bar情况下,如果二、三级界面依然存在导航,无论视觉还是界面逻辑都会趋于复杂,难以理解使用;

4.也就是最重要的原因,就是会带来路径逻辑上的冲突,我们用微信为例子分析这种情况的产生。


在APP中,Tab|在APP中,Tab bar是否要固定
文章图片
在APP中,Tab|在APP中,Tab bar是否要固定
文章图片


根据上述例子我们可以看到,通过不同的Tab bar路径,我们进入了同一个好友相册的界面,产生了逻辑冲突,因此这种条件下Tab bar是不合理的。


综上所述,是否固定Tab bar需要从自己的产品业务逻辑考虑!
产品是工具型产品,需要用户快速找到模块“用完即走” or内容型产品,需要给用户代入感和沉浸式体验?
产品本身是否有足够清晰,浅层次的逻辑设计,能够避免Tab bar的路径冲突?
产品导航设计是否能兼顾美观、简单和易用?
能否协调好屏幕各模块占比关系?
回答好以上内容,相信你心中对app的Tab bar取舍有了自己的答案!

    推荐阅读