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

原创文章 分类: 经验/观点 版权:
16687 332 548 32
2018-03-06
126.9
首页推荐



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


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


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


Image title




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


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


Image title



1.品牌  



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


Image title



a.统一性


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


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


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


Image title




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


Image title



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


Image title



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


Image title



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

Image title




b.差异性


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


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


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


Image title




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


Image title





c.延续性


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


Image title



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


Image title



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


Image title



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


Image title





2.品质


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


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


Image title



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


Image title




a.直观感受


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


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


Image title


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


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



Image title



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


Image title



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


Image title



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




b.产品细节


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


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


Image title



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


Image title



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


Image title


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


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


Image title




c.情感关怀


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


Image title


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


Image title


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



Image title





3.创新   


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


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


Image title


a.大胆落地


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


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


Image title


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


Image title


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


Image title


b.挖掘本质


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


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


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


Image title


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


Image title


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


Image title


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


Image title





总结  


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


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


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





作者:大牙,百度用户体验部资深UI设计师。微信公众号:大牙的设计笔记。

本文由 @大牙 原创发布于UI中国。未经许可,禁止转载。




微信公众号:大牙的设计笔记

苏大牙

微信公众号:大牙的设计笔记

10604粉丝/0关注

原创小生
百度网盘品牌升级背后的故事。什么是“高级感”的设计?
3
把诗折叠

百度的产品设计真是应该好好学学了

精彩!

苏大牙

苏大牙

微信公众号:大牙的设计笔记

原创小生

扫描二维码
去手机端查看海报

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN