标签栏？工具栏？傻傻分不清楚

从视觉层面分析：抖音主打短视频业务，用户进入抖音，首页即开始播放视频。视频内容纷繁复杂，如果我们把视频内容看做一个页面的背景，那么这个背景还是复杂的、动态的。如果在标签栏中增加图标，必定要缩小标签标题文字size。并且页面中的信息，基本都聚集在屏幕底部。增加图标反而还要增加用户的认知成本。

从用户群体分析：抖音下沉用户居多，并且用户知识层面及年龄分布极广。直接用大号的标签文字，反而有助于各个层面的用户更清晰地理解应用结构。

与此相反，花瓣APP就只采用了图标，而没有采用标签文字。

其实这么做有一定的风险，请设计师谨慎尝试。标签栏如果仅有图标，对图标的意义传达要求极高，即使设计出符合大众认知的图案，也会让用户产生疑惑，要通过尝试点击，来验证自己的猜想是否正确。

花瓣敢如此设计，一来是因为用户群体大部分都是设计师，对图案表达有一定的认知程度；二来是因为对比web版的花瓣，移动端所承载的功能相对比较简单，结构比较清晰。

如果你的产品结构比较复杂，请不要轻易尝试省去标签文字。虽然减轻了用户的视觉负担，但用户认知成本增加了，不能让用户轻松地找到想要的功能，极大地降低了用户体验，那就得不偿失了。

所以综上所述，减少部分视觉元素可以减轻用户视觉负担。但减少图标的被接受程度是大于减少标签文字的。

四、优秀案例解析——马蜂窝标签栏的改版创新

年初，马蜂窝进行了10.0版本迭代。该版本对整个移动端页面进行了大幅改动，其中标签栏的样式与交互方式的更新，让我眼前一亮。

马蜂窝曾经的标签栏和市场内普遍的应用程序没有区别，而这一次大版本更新，马蜂窝设计团队对标签栏进行了新的尝试。

首先是标签类目减少，产品结构更加清晰。之前的“目的地”、“酒店”、“我的”全部移入页面之中，不再作为独立结构展示。仅保留了“首页”和“去旅行”（“去旅行”板块=前版本的“旅行商场”），新增了舵式按钮，强化用户创建旅行笔记的操作。

并且在用户下滑页面时，“首页”和“去旅行”被收缩隐藏，给首页的内容流增加了更多的视觉版面，方便用户阅览。

标签栏的改版，一定关系到产品框架层的重组和产品侧重面的偏移。从这一次马蜂窝标签栏改版，很明显地感受到了马蜂窝对主要营收业务的重视，剔除了许多引导用户进入商城的干扰路径。并且把UGC内容的重要程度也进行了拔高。

不论是从舵式标签的使用，还是合理减轻用户视觉负担，马蜂窝这一次标签栏改版都做的恰到好处，个人是非常欣赏的。但对于这次迭代，目前还没有相关用户数据可查，也没有查阅到相关设计师的改版总结文献，所以真实的用户效果和反馈我们可以再拭目以待一下。

五、总结

每一次讲到控件的进阶使用，我发现总离不开交互和产品商业价值。“进阶”就是为了突破规范的瓶颈，探索UI能够溢出表现层之外的价值。

所以标签栏也不例外，我们如果只关注于平台规范，那么标签栏只是一个承载框架的容器。但通过对众多应用程序的观察，许多产品、设计团队已经开始平衡控件的用户价值和商业价值。

多多去思考和学习，不仅仅能提升自己的视觉能力，对于产品思维方面也会得到一些进步。

作者：Howie_t；公众号：UCD耍家（ID：ucdplayer）

本文素材来自互联网

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!