微博UDC设计中心:水器相形!新版微博设计录

微博UDC设计中心:水器相形!新版微博设计录

  几句慨叹

经过半年之多的磨炼,微博V6.0(以下简称V6)于十月正式公测。作为一个海量用户的老练产品,每一个改动都充溢应战。而作为微博产品规划团队,不仅仅是让国际变的更美好一些的不忘初心,更多了一份为用户服务为产品担任的方得一向。

  一套服务

细 (wu) 心(liao) 的用户应该现已发现,微博的slogan悄悄的发生了改变,随时随地“发现”新鲜事,这儿为什么是“发现”? 咱们是这样了解的:用户对微博的需求现已延伸,从播送式的信息获取转变到差异化的爱好内容获取。(请说普通话)意思便是咱们看腻了同质化的流水内容和大V转发的内容,开端更重视或开掘自己感爱好的内容。因而微博一向都在调整信息消费的进口,让用户更简单发现信息。所以,规划也要环绕供给用户个性化信息获取的服务翻开。

  那么,问题来了

处于微博功用爆破期的V5版别,许多的繁琐功用和曝光进口给产品留下了太多的体会伤口。所以V6改版降噪也是一大关键。意在营造出更清楚并相对朴实的信息/功用分区。

个人主页头部区域的简化,几经PK咱们把部分个人信息(粉丝计数、认证、材料)移到下方变成模块,杰出封面图与主人的联络,一起也更契合移动规划趋势到达两头风格共同。

  左导下方的运用模块,跳转分流的进口和不可控的icon款式影响了左导作为站内导航、feed消费导航东西的朴实性。干掉~

  主页和个人主页的导航各类产品进口繁复,弱化了东西类进口。抢手、运用产品干掉重做(合入新产品“发现”),连高富帅的会员进口也决然干掉(会员产品在洗手间里呆了好久)个人主页的导航也简化到了极致,除首要功用进口外悉数干掉~

  环绕降噪,还有许多细节的优化。其实每一个“干掉”都意味着巨大的本钱和压力,有来自用户习气的,有来自合作方的,进口改动了,功用删减了,数据必然会受到影响。但为用户获取内容削减搅扰才是最火烧眉毛的。

What?又是Card…?

敞开晋级以来,V6带给咱们最直观的改变应该便是Card(卡片化)模块。当然也有不少用户吐槽“支离破碎的页面”、“不连贯”、“刷微博功率差了”…

为什么咱们挑选了Card款式呢?其实,这是一盘很大的棋…(啪!跟爷好好说话)好吧,下面庞小的娓娓道来(扶脸…)

 一个概念:水器相形

微博首要构成是信息内容,各种内容比方水相同形态万千。V5之前都是一股脑的出现在用户面前,一开端任何内容都能引起用户的重视,用户只需由上至下的刷信息列表,所以那时总把阅读微博说成“刷微博”。后来跟着信息的爆破,海量信息中用户真实想要的内容却不多,往往要喝的撑肠拄腹也纷歧定能吸收到自己所缺少的养分 。如果有一个容器能把池里的水分装起来分类出现,是否能处理望池止步的困扰呢?

这个“容器”的选角儿,终究咱们也不免俗的挑选了业界当红炸子鸡——Card。选好了容器,接下来便是怎么治水。怎么做出进步产品体会、契合微博发展方向的规划。

  出现明晰,不能傻傻分不清楚

Card化规划让每组内容都能规规矩矩的出现,各类内容能被快速辨认。例如微博中心的Feed区(微博列表)里的图片微博、多图微博、内容引荐(联系引荐、音乐引荐等)、文字微博…本来良莠不齐形态万千的内容都被相同的Card容器分装起来有序陈设。敞开晋级后许多用户最直观的感触点评便是两个字“清新”,但Card之间的距离规划也让不少运用花样背景图模板的用户很不习气。好吧,换肤模板功用是多年以来咱们自己挖的坑,这个坑咱们日后会极力的添补,你知道主页为什么会有个底色遮罩的规划了吧(装个不幸:自界说换肤功用在UI规划界相当于IE6般存在)

  现如今不缺内容量的微博,由海量内容输出转向笔直内容出产势在必行。Card款式比较传统List的确能运用户更专心内容,不再是上至下一条接一条的“刷”(即便咱们现已养成了这样阅读微博的习气)。而是供给快捷并鼓舞用户主动寻觅自己感爱好的内容。

小小的提一下,V6个人主页的信息流右侧新增了时间轴功用,能够依据年份月份自在查阅自己的微博内容,便利老用户找回自己的青涩回忆哟…

  服务于跨端共同的规划。在哪看,都相同

PC端的用户中,跨端运用(一起运用移动端)的用户量已占59%,终端方面,Phone的尺度越来越大,Pad尺度越来越小,桌面机的分辨率越来越大,触屏遍及,技能打破…Web规划与移动规划的边界现已越来越含糊。因而咱们在本次改版之初就把服务于跨端共同体会做为规划主旨。众所周知,移动端的显现尺度有限,在有限的空间里Card能协助用户辨明区域层次,防止手指误操作。而Card运用在微博PC端则没有太大的坏处(自界说背景图的回嘤嘤嘤旋绕…),不管从款式仍是兼容性都更适合做多端的出现。

所以,V6每个功用模块以Card方式跨端对应,两头共同的款式带来体会共同,削减用户认知本钱。在哪里,都相同。

  当然,跨端共同并不意味着出现上要肯定共同,比方PC端有更大的尺度,确保中心操作显露共同的前提下,在PC端还能够供给更具体的内容。一起,咱们以为Card应该是聪明灵敏的,要做到跨端共同,关键不在“共同”而在“跨端”,做跨端其实便是做适配。本次微博还有个不明觉厉的地便利是:全站依据呼应式规划(呼应式规划是啥?问度娘啊,字写多了费流量啊),简单说便是网页在不同的分辨率下能够出现不同的视觉体会,在业界现已火了好久,但在国内外的干流互联网产品上,只要淘宝网做了一部分(仅主页)嗯…感觉咱们好吊的说…但显着咱们做的还不行完美(担任这块的产品司理先拉出去弹小JJ),还没有完成对大屏幕显现器以及更多用户场景的主动适配,这块咱们一定会持续尽力滴(还不是由于老板催着上线。。。) 手上有Pad的朋友能够试试用阅读器翻开微博,微博的Card会依据不同显现宽度做出呼应。

  一份内容,多端出现。接入方so easy

微博有许多内容出产者(媒体、大V)和接入方(例如音乐、电影),他们供给的内容或许依据PC端或许依据移动端也或许依据第三方自身,当内容要出现在多途径多终端的微博时,出现作用往往变的不可控… 现如今在V6,接入方只需供给一份内容,多途径能一起消费。

  在微博跨端规划体系下,一份内容多端出现趋于共同,作用可控,大大下降接入方本钱一起也下降内部的开发、规划本钱。

支撑灵敏布局,接入方可自在组合,个性化内容亦能以Card出现。

  Wdesign

最终讲讲品牌化规划,从V5版别开端,微博便开端有意构成一套自己的规划风格,V6版别持续与时俱进采用了更大尺度的控件,加入了适度的动态交互反应,减去剩余装修元素增大留白使全体版面愈加清新。优化后的品牌色(微博橙)也在两头共同连续,icon款式和语义也得到共同。咱们还界说了圆形的用户头像,不仅仅是为了在规划趋势上抢先,用圆形做“头像”与方形做“图片”来区别“人”与“物”。当用户构成习气,便能快速区别内容的特点。例如咱们的电影爱好主页归于物类,咱们自己的个人主页是人类,他们的头部头像形状便是不同的。

本次改版还有个争议比较大的地便利是运用了微软雅黑字体。由于许多用户反应字体“变小”“含糊”为什么作死抛弃宋体运用雅黑?由于宋体是纯像素字体,作为文本字体许多出现,单字的辨认度不如CleraType字体雅黑( ClearType 是一种 Windows 用来优化液晶显现器文字显现作用的技能,运用 ClearType 能够让文字显现得滑润而漂亮。)Windows在Vista年代便将微软雅黑作为默许字体替代了XP年代的宋体 ,跟着现在硬件屏幕分辨率的进步,操作体系和阅读器的晋级雅黑的烘托作用将会越来越好。

那么为啥还有用户反应字体“变小”“含糊”呢?冤有头,债有主。前面右转是微软…咱们发现雅黑在部分环境下的确显现有差错(哎呀,都怪老板对美工太好,全给配的真八核大显)比方XP体系用户(也是给你们跪了)装置的高档阅读器(恩…除IE外的阅读器就叫高档阅读器)会强制运用雅黑,但他们对雅黑的烘托又很差。针对这种状况,咱们在上线后现已紧迫处理,将这部分用户的字体降级为宋体,更多的优化计划也都在拟定中。

V6是微博的严重迭代,这次改版的意图是给用户供给更好的个性化信息获取服务,给内容出产者供给更多曝光和取得鼓励的途径。尽管罗马非一日建成,期望经过咱们的规划能让微博变的更朴实,让用户用的更适意。

来历:微博UDC规划中心 作者:微博UDC规划中心

上一年今天运营文章2022:66个高效能作业习气(0)2022:活动策划办法及过程(sop)(1)2022:思想模型系列之:5W2H作业法(0)2020:用户运营的道与术(0)2020:PPT共享 | 项目司理的职场提升:简历编写+面试关键(0)

特别申明:本站的主旨在于收集互联网运营相关的干货知识,给运营小伙伴提供便利。网站所收集到的公开内容均来自于互联网或用户投稿,并不代表本站认同其观点,也不对网站内容的真实性负责,如有侵权,请联系站长删除,转载请注明出处:https://www.lnwcn.com/156055.html。
(0)
运营学社的头像运营学社官方
上一篇 2023年8月24日 下午3:58
下一篇 2023年8月24日 下午5:53

猜你喜欢

QQ:1124602020
微信:vl54120
备注:周一至周五全天在线,周末可能不在线,另外联系时,请告知来意。

公众号
交流群
运营学社会员,开通可享海量资源与多项权益,点击了解详情