美文网首页@产品0岁的产品经理
APP中的Tab Bar 固定好还是不固定好?

APP中的Tab Bar 固定好还是不固定好?

作者: ee6bac0a08be | 来源:发表于2017-05-01 21:16 被阅读147次

    国内的现状是绝大部分APP的Tab Bar不固定即进入二级界面后Tab Bar消失。难道Tab Bar 是不固定的好?但是我们也可以看到一些行业具有代表性的APP的Tab Bar是固定的(进入二级界面不消失)。

    这篇文章我来着重谈谈APP中的Tab Bar 是固定好还是不固定好?

    首先来看看行业具有代表性的APP的Tab Bar是固定的例子:

    四个APP的二级界面截图

    Tab Bar常驻固定带用户带来的好处:当用户进入较深的层级界面,那么用户想快速进去其他tab的界面可快速切换进入而不需要一步步返回,然后在点击tab bar进入。

    Tab Bar常驻固定带用户带来的坏处:如果底部的tab一直存在的话,用户对整个App的层级结构会混乱掉,同时用户来回不同tab bar的切换,页面呈现的逻辑也会乱掉相互冲突。tab bar 固定让用户难以聚焦主要任务流,尽可能的提供沉浸感,确保用户完成任务的闭环。

    举个例子:

    就拿微信来说吧,好友的个人相册的进入方式有3种,通过两种进入的方式来看待如果tab bar固定带来的后果是怎么样的

    1.通过消息列表进入个人相册。

    如果tab bar固定,那么用户进入聊天个人详情,tab bar高亮和上一界面维持不变(不然也没有更好的规则定义)。按照tabbar 维持不变的逻辑。那么点击图像进入个人详细资料,也应该维持不变。那么问题就来了。详细资料按照逻辑应该是是属于通讯录的二级界面。如图1所示

    图1

    2.通过通讯录列表进入个人相册。

    图2

    结合图1和图2,可以看出两个tab下都跑到同一个页面了。这个如何理解?

    产生这种情况的根本原因是操作路径和页面层级的路径产生了冲突。所以对于界面层级复杂的APP ,是很容易出现上述情况。

    那么为什么instagram app store  ,推特tab bar固定呢?原因是他们的界面层级简单,操作路径和页面层级的路径产生了冲突的概率低。

    回到标题上来:APP中的Tab Bar 是固定在下面好还是不固定的好?

    这个问题要分情况来说明。

    1.如果设计的App界面层级简单,不存在操作路径和界面层级的冲突,那么推荐使用Tab Bar 是固定的方案。

    2.如果设计的App界面信息层级负责,那么推荐使用Tab Bar 是不固定的方案。

    相关文章

      网友评论

        本文标题:APP中的Tab Bar 固定好还是不固定好?

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