美文网首页产品烹饪师日常
在APP中,Tab bar是否要固定

在APP中,Tab bar是否要固定

作者: 极光射手 | 来源:发表于2017-05-04 19:23 被阅读0次

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

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

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

    首先我们分析一下固定Tab bar的优劣

    优点:

    1.能够让用户在2、3级页面甚至更深的层级内快速切换到其他模块,不用进行多次的返回操作;

    2.模块清晰化,让产品整体结构一览无余,易于用户理解和操作。

    缺点:

    1.最直观的,Tab bar模块会占据屏幕一部分区域,使整个屏幕展示的内容相对减少,造成寸土寸金的屏幕产生一定的浪费;

    2.持续存在的Tab bar占用屏幕的同时,也无法给用户带来沉浸式的用户的体验,虽然可以用滑动等交互来进行隐藏操作,但是还是专注内容本身方面还是有所欠缺;

    3.虽然手机屏幕在不断的扩大,但app依然无法像web界面一样设置复杂的导航,固定Tab bar情况下,如果二、三级界面依然存在导航,无论视觉还是界面逻辑都会趋于复杂,难以理解使用;

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

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

    综上所述,是否固定Tab bar需要从自己的产品业务逻辑考虑!

    产品是工具型产品,需要用户快速找到模块“用完即走” or内容型产品,需要给用户代入感和沉浸式体验?

    产品本身是否有足够清晰,浅层次的逻辑设计,能够避免Tab bar的路径冲突?

    产品导航设计是否能兼顾美观、简单和易用?

    能否协调好屏幕各模块占比关系?

    回答好以上内容,相信你心中对app的Tab bar取舍有了自己的答案!

    相关文章

      网友评论

        本文标题:在APP中,Tab bar是否要固定

        本文链接:https://www.haomeiwen.com/subject/svddtxtx.html