在APP中,Tab bar是否要固定

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取舍有了自己的答案!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,362评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,283评论 4 61
  • 文/黄玉斌 今年的秋比以往来的稍晚,但却又不失它那独有的韵味,露水打在飘落的树叶上,鸣蝉与落叶一同入土为安,带...
    灰色系阅读 152评论 6 3
  • 新年记忆 文/吴永忠 有些人 不因联系稀少而疏远 有些事 不因时光流逝而淡忘 如果有一天 我没有听到你的歌唱 ...
    老吴所求阅读 252评论 6 5
  • 我狠狠地努力,是为了有天可以温柔的活着!静静坐在我世界的阁楼、透过那盛满阳光的窗,静看这世界的变幻,细数天空云卷云...
    云妮yunni阅读 188评论 0 0