3 个维度分析腾讯的设计体验

作者:苏大牙

原文首发于微信公众号:大牙的设计笔记

未经允许请勿转载,感谢您对作者版权的尊重。


前言

说到腾讯,大多数设计师对他们的体验设计,还是比较认可的。

那么,腾讯的设计到底好在哪呢?体量这么大的公司,如何处理好各种产品设计风格之间的关系呢?又有哪些体验让你眼前一亮?

今天大牙就跟大家一起来分析一下哈。


影响设计体验的因素有哪些?

影响设计体验的因素有很多,大到整个品牌给人的震撼,小到一个细节的感动。下面,我就从三个维度来分析腾讯产品的设计:1.品牌;2.品质;3.创新。


640.png


1.品牌  

品牌对于一个产品或公司的重要性,不必多说大家也知道。那么,从品牌的建立到品牌的运用,设计师通常会考虑3个方面,a.品牌的统一性(增强用户心智);b.品牌的差异性(区别于竞品);c.品牌的延续性(品牌基因拓展)。


640-2.png

a.统一性

市面上体量较大的产品有很多,比如:腾讯、阿里、百度、网易等等,他们都是有非常丰富的产品族群,那么他们如何进行品牌统一的呢?

像网易、百度等公司,都是通过大量运用品牌色,来加强用户对品牌的认知。比如,网易的产品以红色为主,百度以蓝色为主。这么处理,直观感受很统一。

然而,从下图可以看出腾讯的色彩运用更广、更多样,难道他们没有考虑到品牌的统一性么?

640-2.jpeg

其实通过调研可以发现,它们的色彩运用还是有规律可循的。比如运用蓝色,一般都是体现安全性,权威性的产品,比如:微云、手机管家、QQ安全中心...

640-3.jpeg

运用黄色,是体现娱乐,年轻,积极的产品。比如:QQ空间、兴趣部落、DOV...

640-4.jpeg

运用红色,是体现时尚,热情的产品。比如:闪咖、全民K歌、欢乐斗地主...

640-5.jpeg

所以可以看出,腾讯是把 “统一性” 的颗粒度规范的更小,给不同类型产品更大的发挥空间。

640-6.jpeg

b.差异性

大家都知道,越大的公司做的设计越倾向于保守,因为它会面临着品牌或设计规范的束缚。

而腾讯会根据产品的市场环境,以及用户群体,允许设计师跳脱规范,做处更大的差异性,让设计有足够的发挥空间去跟市面上同类产品进行竞争。

比如,在 14 年音频产品大战的时候,市面上音频产品有很多,但是整体来看,很难看出差异性,仿佛是一家外包公司做的。

640-7.jpeg

然而企鹅 FM,以独特的视觉品牌,及创新的设计交互手法,走差异化路线,让人们所熟知并记住。

640-8.jpeg

c.延续性

说起腾讯,大家都会想起他们的 “企鹅” 形象。这也是他们品牌的成功之处,因为将品牌基因充分的延续在产品上,会增强用户的品牌感知。

640-9.jpeg

下面是一些结合 “企鹅” 的 logo 探索。

640-10.jpeg

并且,通过品牌与线下活动的结合,做出一致性推广。

640-11.jpeg

所以,腾讯产品在品牌方面是:提取共性,缩小颗粒度,按不同属性做统一化处理;突显个性,根据市场环境,给设计更大的发挥空间,做突显个性的设计,让产品脱颖而出;延续基因,对自己的品牌基因做更好的延续,增强用户的品牌感知。

640-12.jpeg


2.品质   

体验一个商品或产品的品质好坏,不是单方面的,而是全链路的。

就像我们去逛奢侈品店,从你进店的直观感受,到你关注的产品细节,再到导购对你的贴心服务,都会影响你对这个产品品质感的认知。


640-13.jpeg

所以我把影响品质的元素氛围三个部分:a.直观感受;b.产品细节;c.情感关怀。


640-3.png

a.直观感受

我拿某读书 APP 和微信阅读举例对比。

作为新用户,当我打开某阅读 APP 时,一上来就开始各种引导浮出小广告签到代金券积分商城等等...


640-14.jpeg

这种感受特像你走在路上,小哥一直跟着你说:“游泳健身了解一下” 的感觉。

对比腾讯的微信阅读,新用户上来没有一大波无关紧要的引导,而是给用户一个新手福利,同时设计的也比较精致。

640-15.jpeg

当左滑卡片式,出来一个黑色的卡片,告诉我是多少位书友,点击卡片反转,是一些大V的赠言。一上来就很有仪式感的设计。

640-16.jpeg

针对老用户,过年期间做运营,会根据用户由于假期综合症,没缓过来好好学习工作的情况,推荐类似如果摆脱拖延症,时间管理的书。

640-17.jpeg

所以,从直观感受上来说,对比其他的读书应用,微信给人的第一感觉就更有品质感。

b.产品细节

如果还拿刚才的两个读书类产品做对比,左边的阅读APP,当用户选中文字想翻页复制或标注时,是不支持的,可操作感就不强。而右边的微信读书,当你长按到最后一个字符的时候,恰当的时机给出简洁的提示。

啧啧,虽然是个小小的细节,在我有这个需求的时候,很感动。


640-18.jpeg

还有一些图标的细节,对比可以看出微信读书的,非常统一精致。


640-19.jpeg

包括文字的排版,信息的优先级处理,微信读书更表意清晰,重点突出。


640-20.jpeg

我觉得,腾讯的设计最值得我们学习的是,虽然微信读书在公司层面上不是那么核心的产品,但他们在细节的打磨上,并不松懈,从而在市场同类产品中上脱颖而出。

再举个腾讯游戏的例子:王者荣耀,里面的细节设计,包括升段位或拿 MVP 时的音效和视觉双重体验,都让你觉得王者峡谷里我是最牛逼的!hiahiahia~

640-21.jpeg

c.情感关怀

还拿微信图书举例,如果你送给朋友一本书,它会默认生成一句手写的赠语,特别的人性化。


640-22.jpeg

当你滑卡片滑到尽头时,文案提醒也很暖心。这些小小的情感上的惊喜的不断累积,也会增加用户对这个产品的黏度。

640-23.jpeg

所以,总的来说腾讯产品在品质方面值得我们学习的是:懂得克制,不管在功能引导还是在产品kpi的压力下,都尽可能的做减法,保证用户体验;匠心精神,不管是大产品,还是小产品,它们对体验的打磨都非常的用心;深入人心,除了满足产品的基础使用的基础上,运用更多的人性化设计和文案。感觉跟用户是朋友,整个使用过程都在对话。

640-4.png


3.创新   

说到腾讯的创新,肯定有很多同学会说:“卧槽,它有创新么?不也各种抄袭么?”。但是人家能抄的比原创更好,比别人更深入,也是一种能力。

不过,我这里说的创新是,相比较别的体量大的公司,腾讯的创新设计方案更能做到:a.大胆的落地,b.挖掘本质。

640-5.png

a.大胆落地

在大公司的设计师们,经常会吐槽,创新的设计方案,独特的设计想法不好推进,只能发在 dribbble,behance 上过把瘾,很难落地到真实的产品上。

但是再看微信阅读,去分割线、大标题、大投影的设计,在前两年就落地了。

640-24.jpeg

像微信读书里投稿页面的图标,抽象的处理手法,也可以落地在真实产品上。

640-25.jpeg

就算办公类的产品,也能设计的很大胆,采用背景斜切面的设计语言。

640-26.jpeg

b.挖掘本质

这部分不同于上面所说的偏向于直观视觉层面的创新,而是挖掘用户的本质需求,然后去满足,做好自己,不盲目的追随模仿趋势。

那么拿微信举例吧。在更换头像页面的弹窗中,有一项是“查看上一张头像”,相信大家都有这种经历,照片换来换去,觉得还是这熊样儿,还不如之前那一张的。

这时候,微信就发现了用户的需求,实现此功能。

640-27.jpeg

然后,微信的下拉操作,大家应该也不陌生,目前是小程序的便捷入口,曾经是短视频下来拍摄。像这种下拉推广自己新功能的操作,同时不打扰用户的操作,是微信的一个创新点。

640-28.jpeg

包括,朋友圈可见天数的设置操作,也是微信对人性背后本质的需求挖掘。而不是单纯的看别的社交产品做了什么,它才做。

640-29.jpeg

所以,腾讯产品在创新方面做到:大胆落地,把创新的设计方案,推进且落地到用户可使用的真是产品中;挖掘本质,每个功能背后,都是承载着用户本质的需求,可能别的产品都会忽略,而腾讯的设计却一直做到尽可能的完美,给用户带来眼前一亮的创新。

640-6.png


总结  

以上是从品牌,品质,创新三个维度对腾讯设计体验的分析。可以看出在品牌方面,他们提取共性,突显个性,延续品牌基因;在品质方面,懂得克制,拥有匠心精神,不端打磨产品细节,同时做出情感化设计;在创新方面,敢于将创新想法进行落地,懂得挖掘需求本质,去推动产品的体验提升,从而产出这么多的优秀的产品设计。

当然,你可能会说,腾讯设计体验也有很多不好,特别坑的地方阿 balabala~ 但是,吐槽容易,发现和学习别人优点,也是提升自己的关键一步。

希望这篇文章对你有所帮助❤️。 

大牙的设计笔记二维码.jpg


更多文章,欢迎访问 uicircle.club

微信公众号:uicircle

成为会员

UIcircle Member

Local Groups

UIcircle 会员

目前仅需 59 元即可加入我们

成为会员后,您可以

  • 加入所在城市的微信群
  • 免费参与各种线上活动、线下聚会
  • 其他会员福利,如周边礼物、软件折扣等

如有疑问,可以先 了解我们

加入我们