通過(guò)實(shí)戰(zhàn)案例教你如何營(yíng)造氛圍感
發(fā)布時(shí)間:2022-01-13 10:11 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3128

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

QQ 游戲中心作為服務(wù)于 QQ 玩家的平臺(tái),致力于為游戲玩家發(fā)現(xiàn)好游戲和提供游戲相關(guān)服務(wù),如何在為玩家提供好游戲推薦同時(shí),為他們提供好游戲相關(guān)服務(wù),是我們需要探尋的設(shè)計(jì)平衡點(diǎn)。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!


玩家需要什么服務(wù)


1. 找福利是核心訴求

QQ 游戲中心用戶主要是年輕人,他們精力充沛、好奇心足、對(duì)福利敏感、社交意愿強(qiáng)烈。調(diào)研發(fā)現(xiàn)他們對(duì)游戲中心理解是領(lǐng)福利、解任務(wù),讓自己變強(qiáng)。他們關(guān)注的點(diǎn)是福利、任務(wù)和游戲排行。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

2. 發(fā)現(xiàn)新游戲

還有部分玩家在游戲荒的時(shí)候,會(huì)主動(dòng)進(jìn)入游戲中心尋找自己感興趣的新游戲。這雖并非玩家使用的核心場(chǎng)景,但確是游戲中心的業(yè)務(wù)目標(biāo),我們需要思考如何更好地幫助玩家發(fā)現(xiàn)新游戲。

3. 參與游戲活動(dòng)

大多數(shù)的游戲是需要運(yùn)營(yíng)的,游戲中心也承接了各類游戲大量活動(dòng),很多玩家是因?yàn)榭吹搅俗约焊信d趣的活動(dòng)才進(jìn)入的游戲中心。此外,還有一些是玩家相關(guān)的事務(wù)通知,需要他們進(jìn)行處理。如何完成這些用戶轉(zhuǎn)化,也是需要在新版中提升的。

綜上所述,用戶在游戲中心訴求可以被分為主動(dòng)觸發(fā)和被動(dòng)觸發(fā)兩種類型,用戶需求可以總結(jié)如下:

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!


設(shè)計(jì)目標(biāo)


通過(guò)對(duì)需求整理和用戶行為路徑分析,提煉游戲中心的關(guān)鍵體驗(yàn)問(wèn)題和設(shè)計(jì)目標(biāo):

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!


圍繞設(shè)計(jì)目標(biāo)優(yōu)化體驗(yàn)


1. 強(qiáng)化福利認(rèn)知,提升獲得感

福利是玩家進(jìn)入游戲中心的核心動(dòng)力之一,也是游戲體系里玩家成長(zhǎng)任務(wù)中很重要一環(huán)。玩家在游戲中心很大一個(gè)痛點(diǎn)是福利少、要做一堆任務(wù),獲得感較低。針對(duì)這些問(wèn)題,我們從設(shè)計(jì)側(cè)梳理了 2 個(gè)主要原因:福利入口較分散,玩家感知弱,覺(jué)得沒(méi)什么福利可領(lǐng);福利獲取形式單一,玩家獲得感較差。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

入口整合,增強(qiáng)認(rèn)知

我們將游戲中心各類福利進(jìn)行了梳理,并按福利類型進(jìn)行了整合,讓玩家對(duì)福利有個(gè)整體感知。同時(shí)精選一些福利內(nèi)容外透,讓玩家有更直觀的感受。在禮包任務(wù)呈現(xiàn)上,對(duì)同類型任務(wù)進(jìn)行了歸類,方便用戶快速判斷禮包領(lǐng)取成本。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

構(gòu)建任務(wù)體系,激發(fā)探索興趣

在游戲中通常會(huì)將日常任務(wù)和階段性獎(jiǎng)勵(lì)結(jié)合起來(lái),激勵(lì)玩家探索并開(kāi)啟寶箱。在游戲中心,我們嘗試將禮包領(lǐng)取也作為活躍任務(wù),和游戲中心日常活躍任務(wù)結(jié)合起來(lái),當(dāng)玩家完成任務(wù)后獲得禮包和寶箱的雙重獎(jiǎng)勵(lì),寶箱的玩法也會(huì)增加神秘感,激發(fā)玩家探索興趣。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

2. 多維度推薦,提升內(nèi)容吸引力

原游戲中心首頁(yè)游戲推薦按運(yùn)營(yíng)主題分類,形式相對(duì)單一,難以快速識(shí)別游戲特色,喚起玩家興趣,從實(shí)際數(shù)據(jù)上看下載轉(zhuǎn)化并不理想。

挖掘社交因素和場(chǎng)景進(jìn)行推薦

調(diào)研發(fā)現(xiàn)手 Q 內(nèi)多數(shù)玩家是通過(guò)朋友獲取新游資訊,因此我們嘗試強(qiáng)化社交因素進(jìn)行游戲推薦,突出玩家評(píng)論以及好友在玩的游戲推薦。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

游戲資訊+福利

玩家有探索游戲的意愿,對(duì)游戲相關(guān)的新聞也會(huì)比較感興趣。因此在游戲推薦上,我們嘗試以時(shí)間線方式,向玩家告知最近游戲相關(guān)的資訊,讓玩家快速了解核心內(nèi)容和福利,激發(fā)興趣實(shí)現(xiàn)下載轉(zhuǎn)化。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

3. 尋找興趣點(diǎn),完成用戶轉(zhuǎn)化

很多用戶因?yàn)榭吹礁信d趣的活動(dòng),進(jìn)入游戲中心或者活動(dòng)頁(yè)參與活動(dòng)。但原游戲中心首頁(yè)玩家并沒(méi)有太多可以做的事情,如何培養(yǎng)這些玩家的使用習(xí)慣呢?

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

4. 尋找興趣點(diǎn),設(shè)置多變籌賞

游戲中心作為游戲服務(wù)的延伸,玩家通過(guò)游戲中心輔助達(dá)成自己的游戲目的。研究發(fā)現(xiàn)玩家的游戲訴求主要是成就感、社交以及代入感。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

用戶習(xí)慣培養(yǎng)也就是讓玩家來(lái)到游戲中心可以獲取到更多的價(jià)值。通過(guò)玩家訴求研究,我們可以分析出哪些事情對(duì)玩家是有價(jià)值的,結(jié)合游戲中心具備的能力,我們嘗試梳理了可提供的服務(wù)和籌賞。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

玩家通過(guò)其他渠道進(jìn)入游戲中心首頁(yè)后,為玩家推薦最新在玩游戲的內(nèi)容,強(qiáng)化能夠喚起玩家興趣的內(nèi)容。讓玩家在游戲中心能夠被吸引,產(chǎn)生后續(xù)行為后,獲得有價(jià)值信息。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!


視覺(jué)升級(jí)


1. 現(xiàn)網(wǎng)問(wèn)題

由于 QQ 游戲中心一直處于小步快速迭代的狀態(tài)中,新舊交替產(chǎn)生了不少的設(shè)計(jì)問(wèn)題,借助產(chǎn)品方向的調(diào)整,從而提升整體的視覺(jué)設(shè)計(jì)。

這次升級(jí)的原因主要有:1.借助產(chǎn)品方向同步升級(jí)視覺(jué);2.解決現(xiàn)網(wǎng)版本一致性問(wèn)題;3.設(shè)計(jì)風(fēng)格老化,不符合年輕化的用戶定位。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

2. 確定設(shè)計(jì)目標(biāo)

基于以上的問(wèn)題分享,確定本次改版的設(shè)計(jì)目標(biāo),主要有以下 2 點(diǎn):

  • 提升年輕化氛圍:讓整體的設(shè)計(jì)的氛圍感,借助多彩化的設(shè)計(jì)讓整體的氛圍更加符合年輕人的狀態(tài),利用 3D 的圖形設(shè)計(jì)使得整體的設(shè)計(jì)更加具有游戲感和娛樂(lè)化。
  • 提升一致性:對(duì)舊版的設(shè)計(jì)進(jìn)行模塊化梳理,針對(duì)現(xiàn)網(wǎng)的零碎及一致性問(wèn)題進(jìn)行優(yōu)化,拋棄多余細(xì)節(jié)保留可延續(xù)性設(shè)計(jì)。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

3. 提升年輕化氛圍

年輕化氛圍主要從 2 個(gè)方面進(jìn)行打造:1)體現(xiàn)設(shè)計(jì)多元化:相比舊版的設(shè)計(jì),我們?cè)陬伾、質(zhì)感等方面做了更多的設(shè)計(jì)嘗試;2)氛圍強(qiáng)化,界面的背景設(shè)計(jì)上強(qiáng)化氛圍表現(xiàn)。

4. 設(shè)計(jì)多元化

在 UI 設(shè)計(jì)上,主要通過(guò)顏色和圖形來(lái)體現(xiàn)多元化的設(shè)計(jì)理念。舊版雖然體現(xiàn)了多顏色,但更多屬于點(diǎn)綴,新版的設(shè)計(jì)在整體的是顏色使用上更加大膽突出。

升級(jí)品牌色

舊版的顏色整體視覺(jué)感官比較偏灰,因此從飽和度及色相 2 個(gè)范疇進(jìn)行優(yōu)化。另外在整體的顏色區(qū)分上也更加明確。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

優(yōu)化用色比例

舊版的顏色使用整體比較單調(diào),因此在不影響主色調(diào)感知的情況下,我們強(qiáng)化其他配色的使用比例,更加明確突出多彩的表達(dá)。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

強(qiáng)化多彩氛圍

多彩化的氛圍主要體現(xiàn)在首頁(yè)和頁(yè)面的頂部背景。整體上來(lái)看,改版后的首頁(yè)框架模塊更加清晰了,每個(gè)模塊都具有清楚的屬性內(nèi)容,因此也更加符合通過(guò)顏色來(lái)進(jìn)行模塊區(qū)分。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

圖形多元化

由于基礎(chǔ)圖標(biāo)無(wú)法滿足不同頁(yè)面模塊的設(shè)計(jì)表現(xiàn),因此,基于不同場(chǎng)景我們拓展了三種不同維度的圖形表現(xiàn),明確劃分 3 個(gè)設(shè)計(jì)等級(jí)。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

2D-基礎(chǔ)圖標(biāo):

整體以漸變色為主,通過(guò)顏色疊加的方式加強(qiáng)圖標(biāo)的層次感,提升整體的年輕化氛圍。

2.5D 強(qiáng)氛圍操作性型圖標(biāo):

在 2D 圖標(biāo)的基礎(chǔ)上增加了角度,讓原本較為方正的圖形變得更加具有活潑感,顏色依然使用漸變的方式來(lái)增強(qiáng)圖標(biāo)的層次感。

3D-裝飾作用的圖標(biāo):

整體的角度與 2.5D 較為接近,依舊保留 2.5D 圖標(biāo)的活潑,但在整體質(zhì)感和圖形細(xì)膩度上更有提升。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

基礎(chǔ)圖標(biāo)多彩化

圖標(biāo)從線形過(guò)渡到面形的設(shè)計(jì)整體的細(xì)節(jié)表現(xiàn)會(huì)相對(duì)有所減弱,因此在升級(jí)圖標(biāo)設(shè)計(jì)時(shí)做了新的考量:

  • 增加漸變顏色,豐富圖標(biāo)的細(xì)節(jié)表現(xiàn);
  • 通過(guò)顏色疊加的方式增加圖標(biāo)的層次感。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

5. 氛圍強(qiáng)化

相比于舊版,新版在整體的背景氛圍上也做了一定的升級(jí),主要體現(xiàn)在主 tab 頁(yè)面和游戲?qū)^(qū)的相關(guān)頁(yè)面。主 tab 頁(yè)面主要是體現(xiàn)游戲中心的品牌氛圍為主,游戲?qū)^(qū)更是突出游戲本身的氛圍。

品牌化背景

整體的背景以品牌藍(lán)為主色調(diào),使用 3D 圖形結(jié)合 2D 顏色背景來(lái)進(jìn)行氛圍烘托。除了主 tab 之外,在一些二級(jí)的頁(yè)面上也嘗試結(jié)合多彩化的表達(dá),例如在商城部分的頁(yè)面則選擇橘黃色的背景,元素上也講火箭替換成飛碟。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

最近在玩主卡人物氛圍

根據(jù)不同游戲的差異化,在最近在玩的主卡片設(shè)計(jì)上進(jìn)行了游戲 IP 角色的強(qiáng)化,讓用戶的體驗(yàn)更有代入感。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

專區(qū)背景

專區(qū)背景更多是體現(xiàn)該款游戲相應(yīng)的氛圍,因此在設(shè)計(jì)上更多是應(yīng)用游戲相關(guān)的品牌背景圖來(lái)進(jìn)行氛圍烘托,并且把專區(qū)與最近在玩的卡片背景進(jìn)行對(duì)應(yīng)的關(guān)聯(lián)性,提示整體的延續(xù)性。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

福利中心

福利中心做為一個(gè)福利承載頁(yè),在氛圍上突出寶箱和福利內(nèi)容,嘗試輸出了六個(gè)方案,最終選擇方案 A,整體模塊感強(qiáng),沒(méi)有過(guò)強(qiáng)的氛圍感,以避免太像運(yùn)營(yíng)頁(yè)面。畢竟福利中心還是功能頁(yè)面。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

彈框

獲得類的彈框增加相應(yīng)的氛圍來(lái)增強(qiáng)用戶在游戲中心中的福利獲得感。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!


總結(jié)


在這次的設(shè)計(jì)改版中,整體的設(shè)計(jì)得到一定的提升,因此可以從幾個(gè)不同的角度來(lái)看看改版過(guò)程及改版后的一些反饋。在這次改版中,我們梳理并完善了項(xiàng)目設(shè)計(jì)流程。

如何營(yíng)造氛圍感?來(lái)看QQ游戲中心的實(shí)戰(zhàn)案例!

CorelDRAW2021視頻教程
我要自學(xué)網(wǎng)商城 ¥100 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC