騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

編者按:占據(jù)社交領(lǐng)域大半個江山的騰訊,到底是如何做社交產(chǎn)品的?今天用一個騰訊的實(shí)戰(zhàn)案例,為你完整展現(xiàn)騰訊內(nèi)部是如何從零開始構(gòu)建社交功能的。

社交現(xiàn)狀與痛點(diǎn)

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

保持距離、經(jīng)營人設(shè)、禮貌分寸,我們努力維系與迎合,去成為在社交關(guān)系中受歡迎的角色。曾幾何時,人們在使用社交APP時越來越忐忑,「這句話這樣說是否合適?」「是否影響到了我的公眾形象?」「這樣會不會太矯情?」又或是,大家開始抱怨社交產(chǎn)品上的紅點(diǎn)提示,似乎永遠(yuǎn)也刪不完。想聯(lián)系的人找不到,不想聯(lián)系的,卻又礙于社交禮儀,只能禮貌的客套。許多人在問,那個想說什么就說什么的「我」去了哪兒?

痛點(diǎn)分析

美國社會學(xué)家格蘭諾維特曾提出,人和人之間的連接分為「強(qiáng)」「弱」兩種關(guān)系。強(qiáng)關(guān)系常產(chǎn)生于家庭成員、同事、同學(xué)等之間,他們在生活和工作中有較多的互動機(jī)會。由于已經(jīng)有了固定的情感基礎(chǔ),社交動機(jī)以具體的「人」為維度,溝通與互動是主要場景。弱關(guān)系中,人與人之間聯(lián)系較少,可能只是聊過幾句或是打過招呼,人們關(guān)注的更多是信息的質(zhì)量和信息的傳播。

主流社交APP,在產(chǎn)品早期主要聚焦于強(qiáng)關(guān)系鏈。但隨著用戶數(shù)量的持續(xù)大量增長,私密性和封閉性逐步被打破。原本只承載強(qiáng)社交關(guān)系的圈子,變成了一個充滿看客的強(qiáng)弱社交關(guān)系混合的廣場。因此,雖然刺激用戶社交的功能一直在不停地迭代與增加,用戶卻因?yàn)樯缃画h(huán)境的變化,導(dǎo)致分享溝通更有負(fù)擔(dān)。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

解決方案與設(shè)計(jì)目標(biāo)

關(guān)系,決定了人與人之間產(chǎn)生交互;場景,決定了人與人之間產(chǎn)生什么樣的行為。具體的社交行為,是關(guān)系和場景這兩個要素的疊加。為嘗試解決現(xiàn)有的社交困境,DOV定位于「強(qiáng)關(guān)系」這一明確的關(guān)系鏈,清晰分隔混合的社交環(huán)境,聚焦于核心的密友社交場景,探索搭建合適的APP,為用戶提供新的社交幫助。

引導(dǎo)用戶導(dǎo)入

? 1. 建立合適的強(qiáng)關(guān)系群體

第一步,需要引導(dǎo)用戶導(dǎo)入和建立合適的強(qiáng)關(guān)系聯(lián)系人。我們將「強(qiáng)關(guān)系」定義為一個用戶更好理解的概念──「密友」,根據(jù)基本的用戶使用地圖,我們在推薦渠道,新手引導(dǎo)和功能設(shè)定三個步驟上,突出「密友」的概念。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

? 2. 從推薦渠道建立認(rèn)知

首先,在各個推薦渠道中強(qiáng)調(diào)「密友」概念。用戶需要通過一份「真假朋友大考驗(yàn)」,才能獲得友誼的通行券。在諸多運(yùn)營活動頁面的設(shè)計(jì)中,DOV使用了同一套字體系統(tǒng)和類似的四方連續(xù)底紋,保證設(shè)計(jì)風(fēng)格和氛圍的統(tǒng)一化。整體設(shè)計(jì)風(fēng)格偏娛樂化,同時兼顧DOV的品牌風(fēng)格,深化產(chǎn)品在用戶心中的形象定位,幫助用戶首次接觸DOV這個產(chǎn)品時,留下完整性的品牌印象。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

? 3. 從閃屏頁與新手引導(dǎo)教育用戶

當(dāng)用戶首次登錄DOV時,一則趣味化的小短片,也向用戶表達(dá)了產(chǎn)品的主要核心:「雖然我們和多數(shù)人相識,卻只能和少數(shù)人親密。這里,是只屬于你和密友們的新天地?!故灼列《唐枰o用戶營造一種熱鬧的氣氛,視覺上會更加活潑來吸引用戶的眼球,采用黃黑與黑白兩種高對比的色彩去加重需要用戶所悉知的內(nèi)容。同樣,在短片中延續(xù)整個DOV常用的四方連續(xù)的設(shè)計(jì)手法。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

? 4. 從功能的設(shè)定強(qiáng)化概念

盡管人們可以借助社交網(wǎng)絡(luò)實(shí)現(xiàn)「好友」遍天下,但真正的密友屈指可數(shù),而且數(shù)量基本保持不變,結(jié)交一個新朋友往往會冷落一個老友。在DOV的密友生態(tài)環(huán)境中,我們希望杜絕泛泛之交,去限制每個用戶的密友的數(shù)量,從而讓用戶去珍惜每一個名額。視覺樣式上采用卡片的形式,強(qiáng)化視覺上的個人意識。通過大投影的卡片來與背景的白色拉開層次距離,讓整體卡片更加立體。同樣,排版上采用左齊的排版設(shè)計(jì)樣式,采用大字體的標(biāo)題設(shè)計(jì),偏向于海報(bào)的排版。

DOV的TAB頁,如同一個所有好友的集居地。用戶可以輕松地看到所有的好友每日狀態(tài),如果好友更新了日跡內(nèi)容,好友的卡片會透傳視頻內(nèi)容和未讀數(shù)。點(diǎn)擊好友卡片,就會以連續(xù)的小視頻播放展示好友24小時內(nèi)發(fā)布的生活小視頻。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

扁平設(shè)計(jì)已經(jīng)流行了好幾年,但是過于扁平的設(shè)計(jì)會讓整體空間層次混亂,在DOV的設(shè)計(jì)中大量運(yùn)用卡片以及大投影的設(shè)計(jì)來為空間層次感增效。同樣在動態(tài)的設(shè)計(jì)中,我們給2D圖形賦予更多的偽3D的一種動態(tài)質(zhì)感,讓整體動態(tài)以及界面的視覺呈現(xiàn)上更加立體,讓層次更加豐富細(xì)膩。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

維系與加強(qiáng)已有的情感基礎(chǔ)

引導(dǎo)用戶導(dǎo)入了強(qiáng)關(guān)系鏈聯(lián)系人之后,如何維系與加強(qiáng)已有的情感基礎(chǔ)就成了主要的目的。在網(wǎng)絡(luò)上,社交情感的維系依靠信息,特別是真正有價值的屬于「你與我」的獨(dú)有的信息。在交互設(shè)計(jì)中,參照實(shí)際的物理的社會互動因素,可極大提升用戶界面的參與感和趣味性。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

? 1. 實(shí)時體現(xiàn)社交情感溫度

DOV的AIO背景,從視覺層面體現(xiàn)實(shí)時的社交情感溫度。背景顏色會隨著聊天熱度變化從淡漠的淺灰色逐漸升溫到柔情的橙黃色,最終到達(dá)至炙熱的紅紫色。通過視覺表達(dá)上的色溫感受來透傳好友之間的親密熱度。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

? 2. 即時同步行為狀態(tài)

好友的意義,除了實(shí)際的溝通,精神上的陪伴感也非常重要。當(dāng)兩個用戶同時出現(xiàn)在AIO窗口中時,會激活「小狀態(tài)」功能。他或者正在寫著什么給你,或者正在等待著你說話。這些依據(jù)用戶行為觸發(fā)趣味性動效,可以有效的拉近情感空間。即便地理位置上也許相隔甚遠(yuǎn),但通過一塊共同的屏幕,卻仿佛就在眼前。

合理運(yùn)用迪士尼的動畫設(shè)計(jì)原則,更加擬人化的動態(tài)設(shè)計(jì)可以更好地調(diào)動用戶的內(nèi)心情緒,夸張的表現(xiàn)手法也同樣會賦予UI界面更多的戲劇性效果。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

? 3. 豐富信息交換的載體

視頻,能傳達(dá)豐富的信息。但傳統(tǒng)的視頻聊天作為一種非常需要雙人同步在線的重社交方式,存在天然痛點(diǎn)。比如旅行途中,我想給朋友看看我正在進(jìn)行時的美景美食,朋友卻在會議中,不能接收視頻聊天邀請。鑒于此,DOV新設(shè)定了一個同框功能,允許只打開一方的攝像頭,并且默認(rèn)語音靜默。這樣如果用戶想將現(xiàn)在所處的環(huán)境展示給朋友,就不需要發(fā)起一個非常重的視頻聊天,而只需要打開同框功能,將攝像頭內(nèi)拍攝到的內(nèi)容作為AIO背景同步給好友。

而當(dāng)時間點(diǎn)方便時,好友也可以選擇加入同框,成為一個類似視頻聊天的體驗(yàn)。此時,按下「記錄」的按鈕,就生成了一張拍立得質(zhì)感的記錄圖片,沉淀在AIO內(nèi),成為友誼的見證。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

? 4. 提升信息交換的效率

強(qiáng)關(guān)系的一大特征在于有高頻的信息交換訴求。在QQ,微信等諸多社交軟件的培養(yǎng)下,異步發(fā)布自己的生活點(diǎn)滴和心情,分享給好友,已經(jīng)成為了一種非常天然的心理訴求和用戶習(xí)慣。作為好朋友,常常會互相告知所在的位置,心情,所做的事情等等。DOV在AIO內(nèi)加入了一個「此時此刻」功能,可以快速拉起攝像頭拍攝現(xiàn)在的場景,再加上簡單有趣的圖像化狀態(tài)說明。相比一本正經(jīng)的匯報(bào)現(xiàn)狀,更強(qiáng)調(diào)分享生活小點(diǎn)滴,以及自己的碎碎念和小心情,是一種更具有趣味性和輕量化的溝通分享能力。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

? 5. 創(chuàng)建更多C2C溝通場景

當(dāng)朋友們在談?wù)撋缃痪W(wǎng)絡(luò)中的內(nèi)容時,經(jīng)常說一句話是「嘿,你看到那張照片了嗎?」DOV將C2C的溝通起點(diǎn),前置于觀看場景。當(dāng)用戶看見朋友的生活小視頻時,可以用消息和輕互動直接開啟聊天。異步分享成為了即時溝通的社交動機(jī),因此而開啟更多的可能的溝通場景。

同時,DOV的分享體系下,視頻不僅僅是一種異步分享方式,而是想對著所有好友說的碎碎念。所以,相比一般發(fā)在朋友圈里的那種展現(xiàn)美好生活形態(tài)的記錄,DOV內(nèi)更多的是我的各種好的、壞的、大的、小的、當(dāng)下心情與境遇。因此,朋友的即時反饋就極為重要。好友的回復(fù),是對分享發(fā)表的直接正向鼓勵,可以有效的刺激更多的內(nèi)容產(chǎn)出。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

總結(jié)

年輕一代往往希望更純粹的社交,讓溝通分享脫離功利,回歸純粹的友誼。圍繞著這種年輕人的新訴求,為他們搭建舒適貼心的溝通與分享場景,一直以來,都是DOV的產(chǎn)品創(chuàng)新設(shè)計(jì)的主路徑?;蛟S將來的社交潮流,更多的是小社交,每個人都有自己的小圈子,既有獨(dú)立性,也有合作性,而且各有各自的規(guī)則,私密和公開相結(jié)合,去正式化,去平臺化。社交模式創(chuàng)新的嘗試,路阻且長。但望,流年笑擲,未來可期。

最后,附上DOV二維碼,歡迎大家下載體驗(yàn)。

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

騰訊設(shè)計(jì)師是如何做社交功能的?這里有一份實(shí)戰(zhàn)案例復(fù)盤!

收藏 127
點(diǎn)贊 7

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。