当前位置: 首页 >文章 > 在APP中,Tab Bar 是固定好还是不固定好?
收藏
分享

在APP中,Tab Bar 是固定好还是不固定好?

举报Echo的设计笔记Echo的设计笔记发布于 2018-09-061665阅读2点赞
综上所述:APP中的Tab Bar 是固定在下面好还是不固定的好? 这个问题要分情况来说明: 如果设计的App界面层级简单,不存在操作路径和界面层级的路径的冲突,同时下级界面不存在底部固定工具栏,那么推荐使用Tab Bar 是固定的方案。 如果设计的App界面信息层级复杂,那么推荐使用Tab Bar 是不固定的方案。...

国内的现状是绝大部分APP的Tab Bar不固定,即进入二级界面后Tab Bar消失。难道Tab 

Bar 是不固定的好?但是我们也可以看到一些行业具有代表性的APP的Tab Bar是固定的

(进入二级界面不消失)。

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

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

Tab Bar固定带用户带来的好处

当用户进入较深的层级界面,那么用户想快速进去其他Tab Bar的界面可快速切换进入而

需要一步步返回,然后在点击tab bar进入。

Tab Bar常驻固定带用户带来的坏处

如果底部的tab一直存在的话,用户对整个App的层级结构会混
乱掉,同时用户来回不同tab bar的切换,页面呈现的逻辑也会
相互冲突。Tab Bar 固定让用户难以聚焦当前主要任务流,难以
提供沉浸感,容易破坏用户完成任务的闭环。
如果有的二级,三级界面有底部固定工具栏,那么Tab Bar 如何
处理,叠为两层,太过于尴尬。只能去掉Tab Bar的固定。
Tab Bar的固定会导致当前界面信息量展示变少。


举个例子:通过微信两种进入个人主页的方式来分析如果tab bar固定会出现怎么样的情

况?

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

如果tab bar固定,那么用户进入聊天个人详情,Tab Bar高亮和上一界面维持不变(不

也没有更好的规则定义)。按照Tab Bar维持不变的逻辑。那么点击图像进入个人详细资

料,也应该维持不变。那么问题就来了。详细资料按照界面层级的结构说应该是是属于

通讯录的二级界面。

下图第二个界面,Tab Bar和输入框叠在一起 这是多么别扭的事情,同时会出现误触其他

的Tab Bar产生跳转


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

结合图1和图2,可以看出两个tab下都跑到同一个页面了。产生这种情况的根本原因是操

作路径和页面层级的路径产生了冲突。所以对于界面层级复杂的APP同时又有同一个界

面 ,就会出现上述情况。

那么为什么instagram 、app store  、Twitter、网易云的Tab Bar固定呢?原因是他们的界

面层级简单,操作路径和页面层级的路径几乎不会发生冲突,同时就算发生冲突也会定其

他的规则避免掉。

综上所述:APP中的Tab Bar 是固定在下面好还是

不固定的好?

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

如果设计的App界面层级简单,不存在操作路径和界面层级的路
径的冲突,同时下级界面不存在底部固定工具栏,那么推荐使用
Tab Bar 是固定的方案。
如果设计的App界面信息层级复杂,那么推荐使用Tab Bar 是不
固定的方案。


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,481人)

【4月】趣味MG动画制作训练营
距离开班仅剩11天33人已报名
【4月】零基础手绘插画训练营
距离开班仅剩11天63人已报名
电商海报设计训练营
距离开班仅剩39天23人已报名
猜你喜欢
直播闪屏海报

2018-08-03

凉老湿 发表

直播闪屏海报
【AE教程】旋转文字图形制作

2021-03-25

设计小余 发表

【AE教程】旋转文字图形制作
AIGC对于UI设计影响以及发展方向

2023-03-08

虎虎职场学院 发表

AIGC对于UI设计影响以及发展方向
iPhoneX创意渐变动态设计

2018-09-20

真·兰陵王 发表

iPhoneX创意渐变动态设计
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了46,688
并提交了341份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证