起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)從游戲類UI中學(xué)到的5個(gè)用戶體驗(yàn)技巧
游戲類App的UI通常是情感化的，表達(dá)的信息清晰直接。在設(shè)計(jì)其他產(chǎn)品時(shí)，我們?nèi)钥梢詤⒖加螒蝾怳I的特點(diǎn)，帶來(lái)更出色的使用體驗(yàn)。文章對(duì)游戲類UI常見(jiàn)的5個(gè)UI設(shè)計(jì)進(jìn)行了梳理總結(jié)，供大家一起參考學(xué)習(xí)。
休閑類游戲是與我們?nèi)粘Ｉ盥?lián)系最為密切的游戲類型，其獨(dú)特的設(shè)計(jì)讓它成為用戶日常通勤或短暫休息時(shí)一種放松的方式。
01 引導(dǎo)用戶首次使用
在游戲UI中，通常用很自然的方式在游戲過(guò)程中嵌入指導(dǎo)，作為入門指南或通向下一級(jí)的提示。
用戶在玩游戲的同時(shí)應(yīng)該學(xué)會(huì)如何與游戲進(jìn)行互動(dòng)。嘗試在App中無(wú)縫地嵌入指示：使用微妙的動(dòng)畫、中性的顏色和字體以及容易跳過(guò)的提示。
請(qǐng)注意不要一次給用戶多個(gè)提示。因?yàn)檫@是無(wú)效的，用戶可能不會(huì)記住這些提示，但會(huì)對(duì)產(chǎn)品的復(fù)雜性感到沮喪。
引導(dǎo)流程應(yīng)該簡(jiǎn)單明了：一次提供一條線索。Tik-tok界面的引導(dǎo)做得很清晰，通過(guò)交互手勢(shì)的提示，讓用戶明確了解功能。
有時(shí)可以完全省略提示，只需引導(dǎo)用戶完成核心的流程。HabitMinder不會(huì)在首次啟動(dòng)時(shí)在屏幕上顯示“創(chuàng)建第一個(gè)習(xí)慣”，而是直接引導(dǎo)用戶創(chuàng)建第一個(gè)習(xí)慣。
02 直觀地顯示用戶進(jìn)度
很多游戲中都有可視化的進(jìn)度圖，清晰地顯示當(dāng)前所在的關(guān)卡，之前的游戲進(jìn)度和獎(jiǎng)勵(lì)以及接下來(lái)的關(guān)卡情況。憤怒的小鳥(niǎo)(左)和糖果傳奇(右)頁(yè)面中都有可視化的進(jìn)度。
不僅要顯示當(dāng)前和未來(lái)的狀態(tài)，后面源源不斷的游戲進(jìn)度也能激勵(lì)用戶進(jìn)一步前進(jìn)。
除了激勵(lì)效果外，這種可視化進(jìn)度是保持用戶和產(chǎn)品之間長(zhǎng)久關(guān)系的紐帶，讓用戶從直觀的進(jìn)度中有所收獲。
03 預(yù)先填寫任務(wù)進(jìn)度
玩游戲的時(shí)候，會(huì)發(fā)現(xiàn)前幾個(gè)關(guān)卡通常很簡(jiǎn)單，很快就能完成任務(wù)。這樣做的目的是增加滿足感和前進(jìn)的動(dòng)力，通過(guò)任務(wù)反饋也增加了用戶的忠誠(chéng)度。
Notion就使用這種方法來(lái)提示用戶探索產(chǎn)品的功能：首次啟動(dòng)時(shí)會(huì)顯示一個(gè)任務(wù)清單，其中第一項(xiàng)是已完成的狀態(tài)，以此激勵(lì)用戶繼續(xù)操作。
04 利用視覺(jué)反饋
游戲時(shí)的反饋總是以最直接的方式進(jìn)行：設(shè)計(jì)令人上癮和滿意的視覺(jué)效果和音效。
當(dāng)用戶做出某個(gè)交互動(dòng)作時(shí)，可以直接使用視覺(jué)反饋。例如點(diǎn)擊加入購(gòu)物車后，圖標(biāo)上會(huì)顯示商品數(shù)量的變化，作為視覺(jué)提示也方便尋找操作結(jié)果。
05 讓獎(jiǎng)勵(lì)看起來(lái)有趣
游戲中經(jīng)常會(huì)彈出任務(wù)窗口或獎(jiǎng)勵(lì)窗口，這些窗口通常具有引人注目的樣式或者有趣的視覺(jué)效果，促使用戶點(diǎn)擊。
交易完成后的彈出窗口是很好的例證，考慮使用插圖或動(dòng)畫增加一種有趣的氛圍，創(chuàng)造出一種被感謝和獎(jiǎng)勵(lì)的感覺(jué)。玩游戲也能學(xué)UX！
原文：uxdesign.cc/5-ux-tips-i-learned-working-in-gamedev-5f68285bf72d
作者：Julia Dzyubina
譯者：Clippp，微信公眾號(hào)：Clip設(shè)計(jì)夾。每周精選設(shè)計(jì)文章，專注分享關(guān)于產(chǎn)品、交互、UI視覺(jué)上的設(shè)計(jì)思考。
本文由 @Clippp 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。
題圖來(lái)自 Pixabay，基于 CC0 協(xié)議
我覺(jué)得好游戲，用戶留存和活躍都做的不錯(cuò)。