聲臨其境 | QQ音視頻娛樂社交設計

2021-7-28    seo達人



 

01 音視頻娛樂新形態(tài)

挖掘更好玩的娛樂社交場景,能帶給用戶更愉悅的體驗。疫情期間,線下聚會因此受限,線上娛樂應運而生,在此契機之下,期望借助音視頻實時互動、聲影重現(xiàn)的特性,開啟了新的娛樂形態(tài)——QQ一起派對。

觀察競品普遍存在不足之處,即缺乏真實聚會游戲的氛圍與互動。因此,解決社交游戲產(chǎn)品缺少真實情境的問題,成為QQ一起派對的創(chuàng)新機會點,有利于在競品中突圍,塑造差異化優(yōu)勢。

 

02 打造真實聚會游戲體驗

2.1 回歸本質(zhì),突圍創(chuàng)新

QQ一起派對是基于音視頻展開的線上聚會游戲,結(jié)合了實時互動與娛樂化內(nèi)容。為了讓游戲過程更貼近真實聚會場景,我們從游戲氛圍和自然交互兩方面切入,尋找創(chuàng)新突破口。

游戲氛圍

構(gòu)建適用于游戲類型的界面框架,讓線上聚會更貼近真實世界,并運用視覺感染力,營造環(huán)境氛圍,包括場景具象化、增強代入感等方法,實時感知好友的情感變化,從而獲得社交臨場感,在心理上感到彼此的存在。

自然交互

有別于競品需通過點擊按鈕作答,QQ一起派對利用實時語音識別,讓用戶通過更自然的人機交互方式,在游戲過程中進行語音搶答,彷佛置身于真實世界中與好友互動,成為QQ一起派對的獨特賣點(Unique Selling Proposition)。

 

綜上所述,QQ一起派對的設計要素包括:、

1. 社交臨場感(Social Presence):場景具象化、高度同步實時響應、感知他人情感變化

2. 沉浸感(Immersion):營造氛圍、增強代入感、突出內(nèi)容與主角

3. 可玩性(Playability):游戲界面、游戲機制、游戲互動

4. 凝聚力(Cohesion):將好友聚在一起、吸引更多用戶來玩

 

2.2 游戲界面設計

舞臺場景化布局

QQ一起派對能讓用戶創(chuàng)建房間,邀請好友參加線上聚會,促使游戲氛圍具象化。游戲類型聚焦于〝你演我猜〞、〝明星問答〞等猜題游戲,為了增強代入感,讓用戶融入情境之中,我們采用舞臺表演的界面隱喻(Interface Metaphor),借由深色背景突出內(nèi)容與表演者。界面框架選擇一個大畫面與多個小畫面的組合,更貼近輪流上臺表演的游戲類型。通過舞臺場景化布局,模擬線下互動的真實感。

 

 

多層次感官體驗

我們真實還原了線下?lián)尨鸬幕芋w驗,通過倒計時動效、實時分數(shù)標簽,以及搶答成功反饋,增添游戲的緊張感與刺激感。

在游戲過程中,除了通過視頻畫面感知好友的情感變化,用戶的語音狀態(tài)也會實時反饋在頭像上,響應搶答題目、好友交談,以及各種表達情緒的聲音,借著聲音視覺化的效果,搭配視頻與人聲的重現(xiàn),交織出多層次的感官體驗。

 

 

邀請消息實況化

發(fā)送邀請是召集好友的重要途徑,而作為〝邀請函〞的消息,需要傳達明確的信息,讓用戶一眼就能感知房間內(nèi)的狀態(tài),包括準備開始、游戲中、游戲結(jié)束等,避免用戶點擊加入游戲時,卻因游戲已開始或結(jié)束而無法加入。為此,我們將邀請消息實況化,持續(xù)更新當前狀態(tài)、參與成員等,讓用戶能實時感知派對房間的變化。

 

 

03 拯救孤獨,陌生人玩法登場

3.1 讓你隨時找到伙伴

排解寂寞心理訴求

QQ一起派對初期聚焦于好友一起玩,但仍不免發(fā)生創(chuàng)建了房間,當下找不到好友,或因等待過久而退出房間的狀況,使得創(chuàng)建房間到實際參與的轉(zhuǎn)化率受到影響。從用戶訪談結(jié)果來看,用戶存在排解寂寞的心理訴求,但對象不一定得是熟人好友,因此渴望找到游戲伙伴、快速開始游戲,成為QQ一起派對擴展至陌生人玩法的契機。

引入陌生人匹配

針對找不到好友的問題,我們新增了匹配陌生人的能力,用戶可從游戲大廳進行隨機匹配,倘若創(chuàng)建房間后找不到好友,也能在房間內(nèi)匹配玩家,降低游戲參與門檻。

此外,進一步優(yōu)化房間內(nèi)的界面布局,將游戲卡片縮小平鋪排列,讓用戶一眼就能看到多款游戲,提升對游戲數(shù)量的感知與轉(zhuǎn)化率。在游戲類型上,新增了猜歌與知識問答兩款游戲,并提升現(xiàn)有題庫質(zhì)量,避免游戲趣味性不足,影響用戶留存率。

 

3.2 游戲大廳情感化設計

搭建游戲世界觀

為了增強游戲氛圍,我們通過情感化設計帶領用戶進入情景中,讓用戶更好地理解每個玩法,并從游戲玩法與情感訴求提煉出場景元素,以此搭建游戲世界觀,并將故事情節(jié)加以推演,增強趣味性與獨特性,還能進一步提升記憶度。

 

利用光效聚焦視線

光效有利于吸引和聚焦視線,并以不同的表現(xiàn)形式來影響情緒。我們從光的色彩、動效、光感和造型等層面,創(chuàng)造出五種增強感官體驗的光效設計,將其應用在游戲大廳入口,借由不同的光效類型與動畫形態(tài),強化用戶的世界觀感知。

 

會講故事的界面

帶有情感的故事會在記憶中發(fā)酵,引領用戶進入場景。我們將游戲入口的功能屬性,轉(zhuǎn)化為富有故事性的場景設計,當用戶被故事所吸引,多感官區(qū)域被激活,將會激發(fā)用戶情緒,有利于記憶與理解游戲入口,對游戲產(chǎn)生共情,進而超出產(chǎn)品的功能價值,與用戶建立情感鏈接。

 

例如匹配陌生人入口,使用QQ的IP形象駕駛UFO,準備召集用戶前往神秘的太空之旅,意味著通過陌生人匹配,你將擺脫寂寞,以光速般的速度找到游戲伙伴、快速開始游戲。通過故事劇情激發(fā)情感共鳴,并適當結(jié)合IP滲透品牌價值,吸引用戶參與游戲。

 

 

破格設計能夠加強張力、突出游戲主題,我們運用破格效果的3D圖標造型,彰顯游戲的獨特調(diào)性,樹立鮮明的品牌印象。

 

組件化卡片設計

組件化除了提高設計效率,還能從整體一致性考量差異化。我們將游戲卡片、題庫卡片、提示卡片和入口卡片等功能界面,構(gòu)建一套組件系統(tǒng),讓框架布局貫通全流程,打造體驗一致的可玩性,利于后續(xù)的擴充與延展。

 

3.3 生存戰(zhàn)增添挑戰(zhàn)性

激發(fā)持續(xù)參與動力

根據(jù)游戲可玩性研究,提供挑戰(zhàn)與磨練技巧的機會,對持續(xù)參與游戲的動機有正面影響。有鑒于此,除了提供隨機匹配、召集同好共樂,我們還設計了極限生存戰(zhàn)玩法,希望借著1v1淘汰賽制增添樂趣與挑戰(zhàn)性,激發(fā)用戶持續(xù)參與的動力,特別是年輕人酷愛這種競技感,擊敗的對手越多,獲得的獎勵就越高,有利于勾起用戶的勝負欲。

 

 

匹配動效強化氛圍

為了營造同場競技的臨場感,我們利用匹配動效強化氛圍。隨著已加入玩家的數(shù)字不斷增加,底部會實時展示用戶頭像,具象化呈現(xiàn)玩家數(shù)量,烘托熱鬧氣氛,消除等待時的焦慮感,讓用戶處于蓄勢待發(fā)的狀態(tài),而紅藍對戰(zhàn)布局則進一步強化PK宣戰(zhàn)的氛圍。過程中若有玩家遭到淘汰,用戶也能通過底部頭像感知剩馀玩家數(shù)量,以此增強游戲臨場感與成就感。

 

增強榮譽感與儀式感

每輪擊敗對手時,答題區(qū)域?qū)⒆優(yōu)槿恋膽c祝畫面,搭配撒花特效、頭像聚光燈,營造歡愉的勝利氛圍。而在游戲結(jié)果頁,我們同樣利用色彩和動效的差異對比,塑造勝敗雙方的情緒氛圍,以此增強榮譽感與儀式感。在生存戰(zhàn)登頂挑戰(zhàn)成功的用戶,將會站上頒獎臺授予最高榮譽,在舞臺聚光燈的照耀下,迎接光榮勝利。排行榜有助于強化擊敗眾多好手的感知,激發(fā)勝利者的分享欲。

 

04 結(jié)語

QQ一起派對推出后深受用戶喜愛、獲得廣泛好評,調(diào)研結(jié)果顯示,用戶整體評價相當高,也樂于將QQ一起派對推薦給好友。

綜而觀之,音視頻除了廣泛應用在通訊場景,正逐漸賦能更多創(chuàng)新場景,而娛樂場景更成為兵家必爭之地。QQ一起派對開啟了新的娛樂形態(tài),充分發(fā)揮音視頻聲影重現(xiàn)的獨特優(yōu)勢,消弭了空間距離,嘗試解決社交游戲產(chǎn)品缺少真實情境的問題,讓游戲過程更具臨場感,就像面對面進行游戲一般。未來將從玩法豐富性、游戲挑戰(zhàn)性、題庫可玩性三方面持續(xù)優(yōu)化,打造更好玩的音視頻體驗。

 

立即打開QQ,邀請好友暢玩聚會游戲!

原文地址:ISUX

作者:騰訊ISUX

 

轉(zhuǎn)載請注明:學UI網(wǎng)》聲臨其境 | QQ音視頻娛樂社交設計

藍藍設計建立了UI設計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png


文章來源:csdn

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設計www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務


分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔