腾讯的设计到底好在哪?高手是从这3个维度分析的! - 优设-UISDC

腾讯的设计到底好在哪?高手是从这3个维度分析的!

2018/03/07 12536评论区

@苏大牙牙牙 :说到腾讯,大多数设计师对他们的体验设计,还是比较认可的。那么,腾讯的设计到底好在哪呢?体量这么大的公司,如何处理好各种产品设计风格之间的关系呢?又有哪些体验让你眼前一亮?今天大牙就跟大家一起来分析一下。

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

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

二、品牌

品牌对于一个产品或公司的重要性,不必多说大家也知道。那么,从品牌的建立到品牌的运用,设计师通常会考虑3个方面:

  • 品牌的统一性(增强用户心智)
  • 品牌的差异性(区别于竞品)
  • 品牌的延续性(品牌基因拓展)

1. 统一性

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

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

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

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

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

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

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

2. 差异性

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

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

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

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

3. 延续性

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

下面是一些结合「企鹅」的 logo 探索。

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

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

三、品质

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

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

所以我把影响品质的元素分为三个部分:

  • 直观感受
  • 产品细节
  • 情感关怀

1. 直观感受

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

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

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

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

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

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

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

2. 产品细节

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

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

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

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

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

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

3. 情感关怀

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

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

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

四、创新

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

不过,我这里说的创新是,相比较别的体量大的公司,腾讯的创新设计方案更能做到:

  • 大胆的落地
  • 挖掘本质

1. 大胆落地

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

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

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

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

2. 挖掘本质

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

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

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

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

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

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

总结

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

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

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

欢迎关注作者的微信公众号:「大牙的设计笔记」

「腾讯团队案例经验汇总」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/3-dimensions-analysis-tencents-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里