2022-10-13 資深UI設(shè)計(jì)者
平時(shí)用QQ音視頻來(lái)做什么呢？和好友聊天？與家人聯(lián)系？還是工作開(kāi)會(huì)？現(xiàn)在你有了新選擇，解鎖視頻娛樂(lè)新方式，QQ一起派對(duì)讓你不必出門，也能和好友一起玩聚會(huì)游戲。
挖掘更好玩的娛樂(lè)社交場(chǎng)景，能帶給用戶更愉悅的體驗(yàn)。疫情期間，線下聚會(huì)因此受限，線上娛樂(lè)應(yīng)運(yùn)而生，在此契機(jī)之下，期望借助音視頻實(shí)時(shí)互動(dòng)、聲影重現(xiàn)的特性，開(kāi)啟了新的娛樂(lè)形態(tài)——QQ一起派對(duì)。
觀察競(jìng)品普遍存在不足之處，即缺乏真實(shí)聚會(huì)游戲的氛圍與互動(dòng)。因此，解決社交游戲產(chǎn)品缺少真實(shí)情境的問(wèn)題，成為QQ一起派對(duì)的創(chuàng)新機(jī)會(huì)點(diǎn)，有利于在競(jìng)品中突圍，塑造差異化優(yōu)勢(shì)。
QQ一起派對(duì)是基于音視頻展開(kāi)的線上聚會(huì)游戲，結(jié)合了實(shí)時(shí)互動(dòng)與娛樂(lè)化內(nèi)容。為了讓游戲過(guò)程更貼近真實(shí)聚會(huì)場(chǎng)景，我們從游戲氛圍和自然交互兩方面切入，尋找創(chuàng)新突破口。
游戲氛圍
構(gòu)建適用于游戲類型的界面框架，讓線上聚會(huì)更貼近真實(shí)世界，并運(yùn)用視覺(jué)感染力，營(yíng)造環(huán)境氛圍，包括場(chǎng)景具象化、增強(qiáng)代入感等方法，實(shí)時(shí)感知好友的情感變化，從而獲得社交臨場(chǎng)感，在心理上感到彼此的存在。
自然交互
有別于競(jìng)品需通過(guò)點(diǎn)擊按鈕作答，QQ一起派對(duì)利用實(shí)時(shí)語(yǔ)音識(shí)別，讓用戶通過(guò)更自然的人機(jī)交互方式，在游戲過(guò)程中進(jìn)行語(yǔ)音搶答，彷佛置身于真實(shí)世界中與好友互動(dòng)，成為QQ一起派對(duì)的獨(dú)特賣點(diǎn)（Unique Selling Proposition）。
綜上所述，QQ一起派對(duì)的設(shè)計(jì)要素包括：、
1. 社交臨場(chǎng)感（Social Presence）：場(chǎng)景具象化、高度同步實(shí)時(shí)響應(yīng)、感知他人情感變化
2. 沉浸感（Immersion）：營(yíng)造氛圍、增強(qiáng)代入感、突出內(nèi)容與主角
3. 可玩性（Playability）：游戲界面、游戲機(jī)制、游戲互動(dòng)
4. 凝聚力（Cohesion）：將好友聚在一起、吸引更多用戶來(lái)玩
舞臺(tái)場(chǎng)景化布局
QQ一起派對(duì)能讓用戶創(chuàng)建房間，邀請(qǐng)好友參加線上聚會(huì)，促使游戲氛圍具象化。游戲類型聚焦于〝你演我猜〞、〝明星問(wèn)答〞等猜題游戲，為了增強(qiáng)代入感，讓用戶融入情境之中，我們采用舞臺(tái)表演的界面隱喻（Interface Metaphor），借由深色背景突出內(nèi)容與表演者。界面框架選擇一個(gè)大畫(huà)面與多個(gè)小畫(huà)面的組合，更貼近輪流上臺(tái)表演的游戲類型。通過(guò)舞臺(tái)場(chǎng)景化布局，模擬線下互動(dòng)的真實(shí)感。
我們真實(shí)還原了線下?lián)尨鸬幕?dòng)體驗(yàn)，通過(guò)倒計(jì)時(shí)動(dòng)效、實(shí)時(shí)分?jǐn)?shù)標(biāo)簽，以及搶答成功反饋，增添游戲的緊張感與刺激感。
在游戲過(guò)程中，除了通過(guò)視頻畫(huà)面感知好友的情感變化，用戶的語(yǔ)音狀態(tài)也會(huì)實(shí)時(shí)反饋在頭像上，響應(yīng)搶答題目、好友交談，以及各種表達(dá)情緒的聲音，借著聲音視覺(jué)化的效果，搭配視頻與人聲的重現(xiàn)，交織出多層次的感官體驗(yàn)。
發(fā)送邀請(qǐng)是召集好友的重要途徑，而作為〝邀請(qǐng)函〞的消息，需要傳達(dá)明確的信息，讓用戶一眼就能感知房間內(nèi)的狀態(tài)，包括準(zhǔn)備開(kāi)始、游戲中、游戲結(jié)束等，避免用戶點(diǎn)擊加入游戲時(shí)，卻因游戲已開(kāi)始或結(jié)束而無(wú)法加入。為此，我們將邀請(qǐng)消息實(shí)況化，持續(xù)更新當(dāng)前狀態(tài)、參與成員等，讓用戶能實(shí)時(shí)感知派對(duì)房間的變化。
QQ一起派對(duì)初期聚焦于好友一起玩，但仍不免發(fā)生創(chuàng)建了房間，當(dāng)下找不到好友，或因等待過(guò)久而退出房間的狀況，使得創(chuàng)建房間到實(shí)際參與的轉(zhuǎn)化率受到影響。從用戶訪談結(jié)果來(lái)看，用戶存在排解寂寞的心理訴求，但對(duì)象不一定得是熟人好友，因此渴望找到游戲伙伴、快速開(kāi)始游戲，成為QQ一起派對(duì)擴(kuò)展至陌生人玩法的契機(jī)。
針對(duì)找不到好友的問(wèn)題，我們新增了匹配陌生人的能力，用戶可從游戲大廳進(jìn)行隨機(jī)匹配，倘若創(chuàng)建房間后找不到好友，也能在房間內(nèi)匹配玩家，降低游戲參與門檻。
此外，進(jìn)一步優(yōu)化房間內(nèi)的界面布局，將游戲卡片縮小平鋪排列，讓用戶一眼就能看到多款游戲，提升對(duì)游戲數(shù)量的感知與轉(zhuǎn)化率。在游戲類型上，新增了猜歌與知識(shí)問(wèn)答兩款游戲，并提升現(xiàn)有題庫(kù)質(zhì)量，避免游戲趣味性不足，影響用戶留存率。
為了增強(qiáng)游戲氛圍，我們通過(guò)情感化設(shè)計(jì)帶領(lǐng)用戶進(jìn)入情景中，讓用戶更好地理解每個(gè)玩法，并從游戲玩法與情感訴求提煉出場(chǎng)景元素，以此搭建游戲世界觀，并將故事情節(jié)加以推演，增強(qiáng)趣味性與獨(dú)特性，還能進(jìn)一步提升記憶度。
光效有利于吸引和聚焦視線，并以不同的表現(xiàn)形式來(lái)影響情緒。我們從光的色彩、動(dòng)效、光感和造型等層面，創(chuàng)造出五種增強(qiáng)感官體驗(yàn)的光效設(shè)計(jì)，將其應(yīng)用在游戲大廳入口，借由不同的光效類型與動(dòng)畫(huà)形態(tài)，強(qiáng)化用戶的世界觀感知。
帶有情感的故事會(huì)在記憶中發(fā)酵，引領(lǐng)用戶進(jìn)入場(chǎng)景。我們將游戲入口的功能屬性，轉(zhuǎn)化為富有故事性的場(chǎng)景設(shè)計(jì)，當(dāng)用戶被故事所吸引，多感官區(qū)域被激活，將會(huì)激發(fā)用戶情緒，有利于記憶與理解游戲入口，對(duì)游戲產(chǎn)生共情，進(jìn)而超出產(chǎn)品的功能價(jià)值，與用戶建立情感鏈接。
例如匹配陌生人入口，使用QQ的IP形象駕駛UFO，準(zhǔn)備召集用戶前往神秘的太空之旅，意味著通過(guò)陌生人匹配，你將擺脫寂寞，以光速般的速度找到游戲伙伴、快速開(kāi)始游戲。通過(guò)故事劇情激發(fā)情感共鳴，并適當(dāng)結(jié)合IP滲透品牌價(jià)值，吸引用戶參與游戲。
破格設(shè)計(jì)能夠加強(qiáng)張力、突出游戲主題，我們運(yùn)用破格效果的3D圖標(biāo)造型，彰顯游戲的獨(dú)特調(diào)性，樹(shù)立鮮明的品牌印象。
組件化除了提高設(shè)計(jì)效率，還能從整體一致性考量差異化。我們將游戲卡片、題庫(kù)卡片、提示卡片和入口卡片等功能界面，構(gòu)建一套組件系統(tǒng)，讓框架布局貫通全流程，打造體驗(yàn)一致的可玩性，利于后續(xù)的擴(kuò)充與延展。
根據(jù)游戲可玩性研究，提供挑戰(zhàn)與磨練技巧的機(jī)會(huì)，對(duì)持續(xù)參與游戲的動(dòng)機(jī)有正面影響。有鑒于此，除了提供隨機(jī)匹配、召集同好共樂(lè)，我們還設(shè)計(jì)了極限生存戰(zhàn)玩法，希望借著1v1淘汰賽制增添樂(lè)趣與挑戰(zhàn)性，激發(fā)用戶持續(xù)參與的動(dòng)力，特別是年輕人酷愛(ài)這種競(jìng)技感，擊敗的對(duì)手越多，獲得的獎(jiǎng)勵(lì)就越高，有利于勾起用戶的勝負(fù)欲。
為了營(yíng)造同場(chǎng)競(jìng)技的臨場(chǎng)感，我們利用匹配動(dòng)效強(qiáng)化氛圍。隨著已加入玩家的數(shù)字不斷增加，底部會(huì)實(shí)時(shí)展示用戶頭像，具象化呈現(xiàn)玩家數(shù)量，烘托熱鬧氣氛，消除等待時(shí)的焦慮感，讓用戶處于蓄勢(shì)待發(fā)的狀態(tài)，而紅藍(lán)對(duì)戰(zhàn)布局則進(jìn)一步強(qiáng)化PK宣戰(zhàn)的氛圍。過(guò)程中若有玩家遭到淘汰，用戶也能通過(guò)底部頭像感知剩馀玩家數(shù)量，以此增強(qiáng)游戲臨場(chǎng)感與成就感。
每輪擊敗對(duì)手時(shí)，答題區(qū)域?qū)⒆優(yōu)槿恋膽c祝畫(huà)面，搭配撒花特效、頭像聚光燈，營(yíng)造歡愉的勝利氛圍。而在游戲結(jié)果頁(yè)，我們同樣利用色彩和動(dòng)效的差異對(duì)比，塑造勝敗雙方的情緒氛圍，以此增強(qiáng)榮譽(yù)感與儀式感。在生存戰(zhàn)登頂挑戰(zhàn)成功的用戶，將會(huì)站上頒獎(jiǎng)臺(tái)授予最高榮譽(yù)，在舞臺(tái)聚光燈的照耀下，迎接光榮勝利。排行榜有助于強(qiáng)化擊敗眾多好手的感知，激發(fā)勝利者的分享欲。
QQ一起派對(duì)推出后深受用戶喜愛(ài)、獲得廣泛好評(píng)，調(diào)研結(jié)果顯示，用戶整體評(píng)價(jià)相當(dāng)高，也樂(lè)于將QQ一起派對(duì)推薦給好友。
綜而觀之，音視頻除了廣泛應(yīng)用在通訊場(chǎng)景，正逐漸賦能更多創(chuàng)新場(chǎng)景，而娛樂(lè)場(chǎng)景更成為兵家必爭(zhēng)之地。QQ一起派對(duì)開(kāi)啟了新的娛樂(lè)形態(tài)，充分發(fā)揮音視頻聲影重現(xiàn)的獨(dú)特優(yōu)勢(shì)，消弭了空間距離，嘗試解決社交游戲產(chǎn)品缺少真實(shí)情境的問(wèn)題，讓游戲過(guò)程更具臨場(chǎng)感，就像面對(duì)面進(jìn)行游戲一般。未來(lái)將從玩法豐富性、游戲挑戰(zhàn)性、題庫(kù)可玩性三方面持續(xù)優(yōu)化，打造更好玩的音視頻體驗(yàn)。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加微信ban_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
作者：騰訊ISUX團(tuán)隊(duì) 來(lái)源：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.miumiuwan.com