生活工程体验信仰哲学精神
投稿投诉
精神世界
探索历史
哲学文学
艺术价值
信仰创造
境界审美
体验技术
技能工具
工程信息
医学生产
生活运用
操作能力

标签设计三问的标签布局设计

8月16日 风雨峰投稿
  为什么主流资讯应用都选择4Tab的标签布局?这个看似理所当然的功能设计背后有哪些前潜在的逻辑?看完文章后你可能会有个解答。
  为什么主流资讯应用都选择4Tab的标签布局?
  为什么它们的主TabMenu都放置在屏幕底部?
  为什么放置在底部的TabMenu不支持左右滑动切换?
  不难发现上图中列举的三款应用都使用了放置在底部的4Tab模式,并且在Tab样式上都选择了图标文字的信息展示。
  1。为什么都选择4Tab的界面模式?
  我印象中页面布局要选用Tab时,应该遵循52的原则,即Tab的数量应该维持在这个数量区间内。下图显示了2016年12月份和2017年1月份市场主流安卓手机型号,根据数据:当前用户使用手机的屏幕尺寸维持在5。05。5寸之间。在这个先提条件下,Tab的数量维持在3到5个之间无疑使最好的选择。
  在网络直播和短视频还没有现在这么火热的时候,这类资讯应用大多是选择3Tab的设计,随着视频形式媒体受到用户的热捧,它们迅速跟进升级,形成现在的4Tab格局,看上去整体比较和谐,没有拥簇的突兀感。
  Tab的信息提示以扁平化处理的小图标文字标题的形式展示,选中的Tab与其它Tab之间以颜色高亮区分显示清晰明了,极大降低了用户进行选择的成本。
  我个人感觉腾讯新闻底部Tab的布局较其它两款应用要略微紧凑一点,但是没有过分拥挤的感觉,反而迎合了整体白色的色调显得优雅大气,保持了新闻类信息传递的严肃紧凑性(之所以使用严肃一词,是与下文要提到的天天快报形成比对)。
  2。为什么TabMenu要放置在屏幕底部?
  资讯应用大都将TabMenu放置在屏幕底部,在屏幕顶部大都选择沉浸式设计,紧跟二级Tab:按照信息特征进行标签化分类的小标题。这些二级Tab从根本上讲是隶属于底部Tab的,是对信息的进一步整合,方便用户对信息进行选择甄别。
  按照我们平时的阅读习惯,是不是喜好先着眼于手机屏幕(信息媒介,如书本、报纸等)左上方呢?作为资讯应用,它对用户的核心价值在于媒介性,因此要保证用户以最低的时间成本获取到最新资讯,设置在顶部的二级Tab无疑帮助用户减轻了阅读压力,使得用户很快认识到产品的核心功能与自我需求。
  而主Tab显然只是应用的扩展功能,在保证基本的信息媒介作用基础上深层次发掘用户潜在需求,是对产品基本功能的补充和扩展。二级Tab对信息进行分类,按照理解从左向右的顺序,其信息类别权重大体呈现逐级递减(不完全保证),但是最重要的是一定是默认选择的Tab。上述的三款应用中对应的则是要闻、推荐、头条,是面向主流用户的权重最高的信息类别。
  当用户在最短的时间成本内获取到满意的信息后,他可以有两种选择:一是离开应用,二是探索应用更深层次的功能。底部的主Tab就发挥出它的功能,它是用户在使用完基础功能(信息获取)之后目光停留的最后区域,对发掘潜在的用户粘性和延长用户停留在产品上的时间具有特殊意义。
  3。为什么底部的TabMenu不支持左右滑动切换呢?
  在使用过程中,进行横向滑动操作你会发现此时应用进行二级Tab,即信息分类之间的切换,而不是位于底部的主Tab响应。为什么主要Tab在响应这一操作的优先级输给了二级Tab呢?
  同样是因为应用基础功能的需求,底部的主Tab是应用潜在功能,而横向滑动响应应该以满足应用的主体功能为主,方便用户对于信息的快速选择,这样可以进一步降低用户获取资讯的成本。
  此外,在一些场景用户需要单手操作手机,而单手操作时用户一般握持手机下半部机身,拇指的操作受到目前主流屏幕大小的限制。将主Tab放置在屏幕底部保证用户单手握持可操作性的同时,保证更受用户青睐的滑动操作被产品的基本诉求所响应。
  联想到更多的去验证它
  基于这样的想法,我特意去搜索了国内主流安卓OS,小米的MIUI、魅族的Flyme以及华为的EMUI,基本上都选择在主屏幕底部设置四个基础的快速访问图标(电话、信息、联系人其它)。微信底部有4个Tab,手Q系列是3个Tab,基本上维持了52的设计原则。
  可不是所有的资讯应用都是4Tab
  首先来看一组数据:
  可以看出,同样主打资讯传播的天天快报在同类应用的安装规模甚至超过了资深门户网易、新浪和搜狐,虽然在2017年2月份的统计区间段内呈下滑趋势,但总体规模仍然位列前三。打开这款产品,不难发现它与其它应用最大的不同之处:
  天天快报没有遵循其它同类产品的设计思路,它选择了更加简洁的无底部TabMenu的设计思路,完全舍弃主流路线,仅仅保留基本的资讯诉求功能,产品的结构更加扁平化,独具产品特色。同时作为腾讯系产品,在色调上与腾讯新闻一贯的白色保持一致。因此我猜测应该是与腾讯新闻搭成双驾马车,一方面与传统的门户新闻产品竞争,另一方面开创独具特色的快报产品,在内容更新上寻求差异化路线,以此作为产品吸引用户的核心竞争点。
  小结与猜测
  为什么主流资讯应用都选择4Tab的标签布局?我想这个问题应该有了一个大致的答案,在思考这个问题的时候我有两个停留点:一是数字4,我在想为什么不是3,或者不是5呢?其实在短视频和直播没有当下这样火爆的时候,这些应用确实经历过3Tab的格局,当新的需求产生的时候要去不断迭代升级,迎合用户。在未来,可能会有新的需求产生,那么它们可能会进行扩展,到时候可能会变成5Tab,但是应该不会有超过5Tab的时代产生,那样产品架构进一步复杂化,用户的使用成本会提高,显然不是一种更好的选择;二是我的一个大胆猜测,未来可能会回到3Tab,信息进一步整合,当下火热的视频需求也许会被取代,也说不好呢!
投诉 评论 转载

环保宣传标语遵守法律法规,防治环境污染落实环保责任,完善环保制度推展减废运动,做好废弃管理垃圾混置是垃圾,垃圾分类是资源有限的资源,无限的循环发展经济不能以牺……论技校语文教学中的德育教育摘要:近年來,技工院校越来越重视发挥文化基础课程的德育教育作用,把德育教育放在重要的位置,强化德育与其他学科的渗透与衔接。语文学科成为技校德育教育的重中之重,德育的渗透与语文的……数字货币日评以太币日内大幅走高【数字货币概述】数据显示,比特币报5296。00美元,上涨136。70美元,涨幅2。65。以太币报183。71美元,上涨13。96美元,涨幅8。22。瑞波币报0。3589……标签设计三问的标签布局设计为什么主流资讯应用都选择4Tab的标签布局?这个看似理所当然的功能设计背后有哪些前潜在的逻辑?看完文章后你可能会有个解答。为什么主流资讯应用都选择4Tab的标签布局?……小公鸡喔喔遇险记【小公鸡喔喔夹在墙缝里】在动物城的公园旁边,住着小公鸡喔喔的一家,小公鸡喔喔的妈妈,是一个漂亮的鸡妈妈,她戴着肉红色的女士帽,两只圆圆的闪着光泽的眼睛,穿着碎花的连衣裙,……正确判断病情在意外伤害的事故现场,作为参与救护的人员不要被当时混乱的场面和危急的情况所干扰。应该沉着镇静地观察伤者的病情,在短时间内作出伤情判断,本着无抢救生命后减少伤残的急救原则,先对伤……小学数学教科研小结精选多篇第一篇:小学数学教科研小结以展示交流提升为主题,立足于课堂,以课例研究为载体,以培养研究型教师队伍为目标,最终达到提高……德国安全座椅品牌有哪些年轻父母对婴幼儿出行知识及孕婴安全知识的认识比以往更加重视,婴儿乘汽车过程中婴儿坐车如何确保安全这个问题引人深思。儿童座椅的出现,解决了这个问题。汽车儿童安全座椅在西方国家普及……全封闭救生艇材质有哪些救生艇按结构形式的不同可分为开敞式、全封闭式和部分封闭式等。开敞式遇45级以上风浪时,乘员就会受到海水侵袭,在低温或暴晒时乘员还会受到死亡的威胁。因此,《1974年国际海上人命……中分发型太沉闷那是因为你不懂怎么创造新鲜感不少人认为中分发型过于成熟、形象不能多变,始终觉得齐阴或空气刘海较可爱及平易近人。但其实很多明星都偏爱此发型!因为中分发型轻易打造气质、率性、干净俐落等不同形象,也令你的发型更……甘宁是怎么被沙摩柯杀的说到甘宁想必大家也都知道这个人其实真的挺厉害的,话说他被誉为是锦帆贼,但是最后还好是在孙权门下效力了,但是话说这么厉害的甘宁应该有个好结局啊,但是最后却被一位叫沙摩柯的蛮将给射……产品设计原则技术的独家看法产品设计关乎用户体验,最终影响产品的口碑和生存期,在产品经理的角度之外,技术VP是如何看待产品设计呢?作为一个写的了SQL、看得懂代码、找得了BUG的产品狗,在中秋节放假……
反对校园暴力手抄报大全少儿不宜时光匆匆亲情绵绵解读年版企业所得税年度纳税申报表之企业基础信息表次序造句用次序造句大全大赦天下是什么所有犯人都会被赦免吗那不该忘记的年华你的孩子真的缺微量元素吗破晓七梦里不知身是客青青子衿傅远之结局是什么傅远之黑化了吗仰望星空网站推广的好处推广效果差的网站制作共性都有哪些

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找