從3個(gè)維度來分析騰訊的產(chǎn)品,設(shè)計(jì)經(jīng)驗(yàn)分析

來源:
秋秋
時(shí)間:
2018-03-13 18:53:44
閱讀:
4293


 

說到騰訊,大多數(shù)設(shè)計(jì)師對(duì)他們的體驗(yàn)設(shè)計(jì),還是比較認(rèn)可的。

那么,騰訊的設(shè)計(jì)到底好在哪呢?體量這么大的公司,如何處理好各種產(chǎn)品設(shè)計(jì)風(fēng)格之間的關(guān)系呢?又有哪些體驗(yàn)讓你眼前一亮?

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

 

影響設(shè)計(jì)體驗(yàn)的因素有哪些?

影響設(shè)計(jì)體驗(yàn)的因素有很多,大到整個(gè)品牌給人的震撼,小到一個(gè)細(xì)節(jié)的感動(dòng)。下面,我就從三個(gè)維度來分析騰訊產(chǎn)品的設(shè)計(jì):

  1. 品牌;
  2. 品質(zhì);
  3. 創(chuàng)新。

 

 

1. 品牌 

品牌對(duì)于一個(gè)產(chǎn)品或公司的重要性,不必多說大家也知道。那么,從品牌的建立到品牌的運(yùn)用,設(shè)計(jì)師通常會(huì)考慮3個(gè)方面:

  • 品牌的統(tǒng)一性(增強(qiáng)用戶心智);
  • 品牌的差異性(區(qū)別于競品);
  • 品牌的延續(xù)性(品牌基因拓展)。

 

 

(1)統(tǒng)一性

市面上體量較大的產(chǎn)品有很多,比如:騰訊、阿里、百度、網(wǎng)易等等,他們都是有非常豐富的產(chǎn)品族群,那么他們?nèi)绾芜M(jìn)行品牌統(tǒng)一的呢?

像網(wǎng)易、百度等公司,都是通過大量運(yùn)用品牌色,來加強(qiáng)用戶對(duì)品牌的認(rèn)知。比如,網(wǎng)易的產(chǎn)品以紅色為主,百度以藍(lán)色為主。這么處理,直觀感受很統(tǒng)一。

然而,從下圖可以看出騰訊的色彩運(yùn)用更廣、更多樣,難道他們沒有考慮到品牌的統(tǒng)一性么?

 

 

 

其實(shí)通過調(diào)研可以發(fā)現(xiàn),它們的色彩運(yùn)用還是有規(guī)律可循的。比如運(yùn)用藍(lán)色,一般都是體現(xiàn)安全性,權(quán)威性的產(chǎn)品,比如:微云、手機(jī)管家、QQ安全中心…

 

 

運(yùn)用黃色,是體現(xiàn)娛樂,年輕,積極的產(chǎn)品。比如:QQ空間、興趣部落、DOV…

 

 

運(yùn)用紅色,是體現(xiàn)時(shí)尚,熱情的產(chǎn)品。比如:閃咖、全民K歌、歡樂斗地主…

 

 

所以可以看出,騰訊是把“統(tǒng)一性”的顆粒度規(guī)范的更小,給不同類型產(chǎn)品更大的發(fā)揮空間。

 

 

 

(2)差異性

大家都知道,越大的公司做的設(shè)計(jì)越傾向于保守,因?yàn)樗鼤?huì)面臨著品牌或設(shè)計(jì)規(guī)范的束縛。

而騰訊會(huì)根據(jù)產(chǎn)品的市場環(huán)境,以及用戶群體,允許設(shè)計(jì)師跳脫規(guī)范,做處更大的差異性,讓設(shè)計(jì)有足夠的發(fā)揮空間去跟市面上同類產(chǎn)品進(jìn)行競爭。

比如,在14年音頻產(chǎn)品大戰(zhàn)的時(shí)候,市面上音頻產(chǎn)品有很多,但是整體來看,很難看出差異性,仿佛是一家外包公司做的。

 

 

 

然而企鵝FM,以獨(dú)特的視覺品牌,及創(chuàng)新的設(shè)計(jì)交互手法,走差異化路線,讓人們所熟知并記住。

 

 

(3)延續(xù)性

說起騰訊,大家都會(huì)想起他們的“企鵝”形象。這也是他們品牌的成功之處,因?yàn)閷⑵放苹虺浞值难永m(xù)在產(chǎn)品上,會(huì)增強(qiáng)用戶的品牌感知。

 

 

下面是一些結(jié)合“企鵝”的logo探索。

 

 

 

并且,通過品牌與線下活動(dòng)的結(jié)合,做出一致性推廣。

 

 

所以,騰訊產(chǎn)品在品牌方面是:提取共性,縮小顆粒度,按不同屬性做統(tǒng)一化處理;突顯個(gè)性,根據(jù)市場環(huán)境,給設(shè)計(jì)更大的發(fā)揮空間,做突顯個(gè)性的設(shè)計(jì),讓產(chǎn)品脫穎而出;延續(xù)基因,對(duì)自己的品牌基因做更好的延續(xù),增強(qiáng)用戶的品牌感知。

 

 

 

2. 品質(zhì)

體驗(yàn)一個(gè)商品或產(chǎn)品的品質(zhì)好壞,不是單方面的,而是全鏈路的。

就像我們?nèi)ス渖莩奁返辏?strong>從你進(jìn)店的直觀感受,到你關(guān)注的產(chǎn)品細(xì)節(jié),再到導(dǎo)購對(duì)你的貼心服務(wù),都會(huì)影響你對(duì)這個(gè)產(chǎn)品品質(zhì)感的認(rèn)知。

 

 

所以,我把影響品質(zhì)的元素氛圍三個(gè)部分:

  • 直觀感受;
  • 產(chǎn)品細(xì)節(jié);
  • 情感關(guān)懷。

 

 

(1)直觀感受

我拿某讀書APP和微信閱讀舉例對(duì)比。

作為新用戶,當(dāng)我打開某閱讀APP時(shí),一上來就開始各種引導(dǎo)、浮出小廣告、簽到代金券、積分商城,等等…

 

 

這種感受特像你走在路上,小哥一直跟著你說:“游泳健身了解一下”的感覺。

對(duì)比騰訊的微信閱讀,新用戶上來沒有一大波無關(guān)緊要的引導(dǎo),而是給用戶一個(gè)新手福利,同時(shí)設(shè)計(jì)的也比較精致。

 

 

 

 

當(dāng)左滑卡片式,出來一個(gè)黑色的卡片,告訴我是多少位書友,點(diǎn)擊卡片反轉(zhuǎn),是一些大V的贈(zèng)言。一上來就很有儀式感的設(shè)計(jì)。

 

 

 

針對(duì)老用戶,過年期間做運(yùn)營,會(huì)根據(jù)用戶由于假期綜合癥,沒緩過來好好學(xué)習(xí)工作的情況,推薦類似如果擺脫拖延癥,時(shí)間管理的書。

 

 

 

所以,從直觀感受上來說,對(duì)比其他的讀書應(yīng)用,微信給人的第一感覺就更有品質(zhì)感。

(2)產(chǎn)品細(xì)節(jié)

如果還拿剛才的兩個(gè)讀書類產(chǎn)品做對(duì)比,左邊的閱讀APP,當(dāng)用戶選中文字想翻頁復(fù)制或標(biāo)注時(shí),是不支持的,可操作感就不強(qiáng)。而右邊的微信讀書,當(dāng)你長按到最后一個(gè)字符的時(shí)候,恰當(dāng)?shù)臅r(shí)機(jī)給出簡潔的提示。

嘖嘖,雖然是個(gè)小小的細(xì)節(jié),在我有這個(gè)需求的時(shí)候,很感動(dòng)。

 

 

還有一些圖標(biāo)的細(xì)節(jié),對(duì)比可以看出微信讀書的,非常統(tǒng)一精致。

 

 

包括文字的排版,信息的優(yōu)先級(jí)處理,微信讀書更表意清晰,重點(diǎn)突出。

 

 

我覺得,騰訊的設(shè)計(jì)最值得我們學(xué)習(xí)的是,雖然微信讀書在公司層面上不是那么核心的產(chǎn)品,但他們在細(xì)節(jié)的打磨上,并不松懈,從而在市場同類產(chǎn)品中上脫穎而出。

再舉個(gè)騰訊游戲的例子:王者榮耀,里面的細(xì)節(jié)設(shè)計(jì),包括升段位或拿MVP時(shí)的音效和視覺雙重體驗(yàn),都讓你覺得王者峽谷里我是最牛逼的!hiahiahia~

 

(3)情感關(guān)懷

還拿微信圖書舉例,如果你送給朋友一本書,它會(huì)默認(rèn)生成一句手寫的贈(zèng)語,特別的人性化。

 

 

當(dāng)你滑卡片滑到盡頭時(shí),文案提醒也很暖心。這些小小的情感上的驚喜的不斷累積,也會(huì)增加用戶對(duì)這個(gè)產(chǎn)品的黏度。

 

 

所以,總的來說騰訊產(chǎn)品在品質(zhì)方面值得我們學(xué)習(xí)的是:懂得克制,不管在功能引導(dǎo)還是在產(chǎn)品kpi的壓力下,都盡可能的做減法,保證用戶體驗(yàn);匠心精神,不管是大產(chǎn)品,還是小產(chǎn)品,它們對(duì)體驗(yàn)的打磨都非常的用心;深入人心,除了滿足產(chǎn)品的基礎(chǔ)使用的基礎(chǔ)上,運(yùn)用更多的人性化設(shè)計(jì)和文案。感覺跟用戶是朋友,整個(gè)使用過程都在對(duì)話。

 

 

3. 創(chuàng)新   

說到騰訊的創(chuàng)新,肯定有很多同學(xué)會(huì)說:“臥槽,它有創(chuàng)新么?不也各種抄襲么?”。但是人家能抄的比原創(chuàng)更好,比別人更深入,也是一種能力。

不過,我這里說的創(chuàng)新是,相比較別的體量大的公司,騰訊的創(chuàng)新設(shè)計(jì)方案更能做到:

  • 大膽的落地;
  • 挖掘本質(zhì)。

 

 

(1)大膽落地

在大公司的設(shè)計(jì)師們,經(jīng)常會(huì)吐槽,創(chuàng)新的設(shè)計(jì)方案,獨(dú)特的設(shè)計(jì)想法不好推進(jìn),只能發(fā)在dribbble,behance上過把癮,很難落地到真實(shí)的產(chǎn)品上。

但是再看微信閱讀,去分割線、大標(biāo)題、大投影的設(shè)計(jì),在前兩年就落地了。

 

像微信讀書里投稿頁面的圖標(biāo),抽象的處理手法,也可以落地在真實(shí)產(chǎn)品上。

就算辦公類的產(chǎn)品,也能設(shè)計(jì)的很大膽,采用背景斜切面的設(shè)計(jì)語言。

(2)挖掘本質(zhì)

這部分不同于上面所說的偏向于直觀視覺層面的創(chuàng)新,而是挖掘用戶的本質(zhì)需求,然后去滿足,做好自己,不盲目的追隨模仿趨勢。

那么拿微信舉例吧。在更換頭像頁面的彈窗中,有一項(xiàng)是“查看上一張頭像”,相信大家都有這種經(jīng)歷,照片換來換去,覺得還是這熊樣兒,還不如之前那一張的。

這時(shí)候,微信就發(fā)現(xiàn)了用戶的需求,實(shí)現(xiàn)此功能。

然后,微信的下拉操作,大家應(yīng)該也不陌生,目前是小程序的便捷入口,曾經(jīng)是短視頻下來拍攝。像這種下拉推廣自己新功能的操作,同時(shí)不打擾用戶的操作,是微信的一個(gè)創(chuàng)新點(diǎn)。

包括,朋友圈可見天數(shù)的設(shè)置操作,也是微信對(duì)人性背后本質(zhì)的需求挖掘。而不是單純的看別的社交產(chǎn)品做了什么,它才做。

所以,騰訊產(chǎn)品在創(chuàng)新方面做到:大膽落地,把創(chuàng)新的設(shè)計(jì)方案,推進(jìn)且落地到用戶可使用的真是產(chǎn)品中;挖掘本質(zhì),每個(gè)功能背后,都是承載著用戶本質(zhì)的需求,可能別的產(chǎn)品都會(huì)忽略,而騰訊的設(shè)計(jì)卻一直做到盡可能的完美,給用戶帶來眼前一亮的創(chuàng)新。

總結(jié)

以上是從品牌,品質(zhì),創(chuàng)新三個(gè)維度對(duì)騰訊設(shè)計(jì)體驗(yàn)的分析。可以看出在品牌方面,他們提取共性,突顯個(gè)性,延續(xù)品牌基因;在品質(zhì)方面,懂得克制,擁有匠心精神,不端打磨產(chǎn)品細(xì)節(jié),同時(shí)做出情感化設(shè)計(jì);在創(chuàng)新方面,敢于將創(chuàng)新想法進(jìn)行落地,懂得挖掘需求本質(zhì),去推動(dòng)產(chǎn)品的體驗(yàn)提升,從而產(chǎn)出這么多的優(yōu)秀的產(chǎn)品設(shè)計(jì)。

當(dāng)然,你可能會(huì)說,騰訊設(shè)計(jì)體驗(yàn)也有很多不好,特別坑的地方阿balabala~ 但是,吐槽容易,發(fā)現(xiàn)和學(xué)習(xí)別人優(yōu)點(diǎn),也是提升自己的關(guān)鍵一步。

希望這篇文章對(duì)你有所幫助。

 

 

#專欄作家#

大牙,微信公眾號(hào):大牙的設(shè)計(jì)筆記,人人都是產(chǎn)品經(jīng)理專欄作家。百度資深UI設(shè)計(jì)師。一個(gè)對(duì)生活充滿好奇心,擅長用直白的語言去分析產(chǎn)品、交互、視覺的同學(xué)。

 



轉(zhuǎn)載請注明:優(yōu)波設(shè)計(jì)


掃描二維碼可分享給好友