基于沉浸體驗的手游界面設(shè)計研究

摘要：本文從界面設(shè)計入手，探究提升游戲沉浸體驗感的方法，尋找手機游戲界面設(shè)計未來優(yōu)化方向，以期增進游戲用戶黏度與產(chǎn)品競爭力。本文通過文獻分析法、案例分析法整理分析手機游戲界面設(shè)計的相關(guān)文獻，并從用戶體驗角度對幾款高品質(zhì)手游界面設(shè)計進行研究分析，發(fā)現(xiàn)可以通過加強游戲界面交互的高效性、代入感、流暢感、爽快感來營造沉浸式氛圍，提升游戲界面品質(zhì)與用戶體驗。本文為提升游戲沉浸體驗，優(yōu)化游戲界面設(shè)計提供參考。

關(guān)鍵詞：手機游戲;游戲界面設(shè)計;游戲視覺;沉浸體驗

中圖分類號：TB472 文獻標識碼：A 文章編號：1004-9436（2021）08-0-03

0 引言

信息時代，智能手機日益普及，手機性能也日漸提升，手游在我們?nèi)粘蕵飞钪械谋戎厝找嬖鲩L。據(jù)統(tǒng)計，中國游戲總收入已位列全球第一，其中2020年收益達2096.76億元，約占整體游戲市場的75%，龐大的玩家數(shù)量和較高的收益吸引了各互聯(lián)網(wǎng)廠商搶奪市場。在如今這個注重創(chuàng)新性與用戶體驗的時代，沉浸感的強弱越來越成為玩家選擇游戲的標準。游戲系統(tǒng)作為一個動態(tài)的多層次模型系統(tǒng)，其界面是提供給用戶最直觀的展示[1]，因此一款能夠提升游戲沉浸體驗的游戲界面是改款游戲在行業(yè)競爭中脫穎而出的重要因素之一。然而就目前手游市場而言，許多手機游戲界面設(shè)計仍駐足于以滿足功能需求為目的的階段，缺乏讓人眼前一亮的設(shè)計。如何通過游戲界面設(shè)計提升游戲沉浸體驗是目前面對的重要課題。

1 沉浸體驗概述

“沉浸體驗”是指人在全身心投入某項活動時，隨著時間的流逝而產(chǎn)生的一種忘我狀態(tài)[2]，它往往伴隨著積極的心理狀態(tài)與情緒。在交互活動中，用戶保持完全的專注和被引導(dǎo)而產(chǎn)生的心理愉悅，是沉浸體驗的兩個主要特征[3]。近年來，“沉浸體驗”作為熱門研究，被眾多領(lǐng)域所應(yīng)用，如博物館、游戲、影視音樂、教學(xué)等，其中游戲里設(shè)計者常常通過視覺、聽覺、嗅覺、觸覺為游戲設(shè)計介入多感官設(shè)計，以排除外界干擾，引導(dǎo)玩家全身心投入其中，使玩家體驗到沉浸式享受，獲得滿足感。

2 基于沉浸體驗的游戲界面設(shè)計方法

隨著移動端硬件運算能力與圖形技術(shù)的發(fā)展，游戲畫質(zhì)今非昔比，這對游戲界面設(shè)計也提出了更高的要求。游戲通過游戲界面的元素與玩家進行信息交換，建立起玩家溝通的橋梁，信息溝通的流暢度和準確性是影響玩家沉浸體驗和用戶數(shù)量的重要因素。游戲界面設(shè)計通常需要遵循7個原則：簡潔性原則、熟悉性原則、一致性原則、安全性原則、高效性原則、響應(yīng)性原則、美學(xué)性原則[4]。通過對市場熱門游戲進行調(diào)查，分析如何通過界面設(shè)計加強游戲沉浸體驗。

2.1 清晰的信息排布

在游戲玩法日益豐富，游戲體量不斷擴大的同時，游戲界面所需承載的信息量直線上升，大量的信息承載容易破壞玩家對信息感知的準確度和高效性。用戶在接觸新的產(chǎn)品和界面時，往往會經(jīng)歷三個階段的情緒變化——陌生到習(xí)慣再到疲勞，糟糕的用戶體驗、令人費解的界面、不符合用戶習(xí)慣的使用方式很容易讓用戶失去耐心，直接由陌生階段跳轉(zhuǎn)至內(nèi)心疲勞的階段[5]。根據(jù)游戲界面設(shè)計原則，優(yōu)秀的游戲界面設(shè)計往往會控制界面單一屏信息量，并根據(jù)信息優(yōu)先級、視覺規(guī)律等來編排界面內(nèi)容，設(shè)置定制化交互模型，保證界面簡潔高效，提高玩家界面信息接收效率。

據(jù)研究，游戲主界面UI占比超過20%時，復(fù)雜的功能入口和戰(zhàn)斗系統(tǒng)會擠占玩家的游戲視角，致使游戲游離感嚴重，相比之下，UI占比較小的游戲界面信息一目了然。在游戲設(shè)計時，設(shè)計師想要通過對主界面部分功能做一定取舍來保證界面整潔，擴大游戲視角，提高玩家的界面信息接收率與游戲?qū)Ｗ⒍?，就要注重以?點：一是抓準游戲核心玩法，弱化輔助功能;二是角色拆分，分散技能區(qū)域容量（建議每個角色的技能控制在2～3個）;三是改變傳統(tǒng)技能釋放方式，運用手勢或圖標不同狀態(tài)處理技能（點擊、長按蓄力、能量累計等），減少技能圖標占比;四是對大部分次要功能進行收納。

除控制界面單一屏信息量外，與格式塔心理學(xué)相結(jié)合也是提高游戲界面信息傳達率、提升沉浸體驗的有效手段。格式塔心理學(xué)是研究人的視知覺系統(tǒng)的理論，人的視覺認知習(xí)慣是整體的，人的視覺系統(tǒng)能自動輸入并構(gòu)建結(jié)構(gòu)，對形狀、圖形和物體等視覺元素進行整體組織[6]。設(shè)計師通過格式塔心理學(xué)設(shè)計方法，巧妙利用格式塔的接近性、相似性原則對界面元素及信息進行排列，將關(guān)聯(lián)信息設(shè)計成相似控件安排在同一區(qū)塊，組成不同功能區(qū)，這種方式可以讓玩家快速識別界面功能分區(qū)，讓龐雜的界面信息變得清晰可讀，減弱游戲割裂感。此外，信息在界面中的位置、大小、顏色也是一種有趣變量，利用視覺規(guī)律按照界面交互邏輯確定界面分區(qū)，讓信息呈現(xiàn)在視覺上存在先后順序，可以減少玩家學(xué)習(xí)成本，使玩家擁有流暢的操作體驗。

2.2 界面載體融入游戲世界

在傳統(tǒng)游戲中，游戲UI往往被獨立于游戲之外。而近年來，越來越多的游戲開始嘗試將界面UI融入游戲世界中，使界面與游戲世界成為一個有機整體，加強游戲情感化表達，通過營造真實的游戲氛圍讓玩家認同并融入世界觀。

游戲界面設(shè)計有故事內(nèi)界面和故事外界面兩種表現(xiàn)形式，可通過信息是否能被玩家所扮演的角色在游戲世界中看到來區(qū)分。故事內(nèi)界面使玩家在使用界面時不產(chǎn)生脫離感，有助于玩家情緒代入，這種面向角色的設(shè)計思路使界面呈現(xiàn)變得合理化，能讓玩家快速代入角色，強化玩家情緒體驗。然而，純故事內(nèi)界面實現(xiàn)難度大，耗費成本高，更多游戲界面設(shè)計會選擇局部故事內(nèi)界面的表現(xiàn)形式，即故事內(nèi)界面與故事外界面相結(jié)合的界面。這種界面既帶有故事內(nèi)界面的高沉浸感，也具有故事外界面的高延展性。局部故事內(nèi)界面設(shè)計形式眾多，主要有3種形式。

一是全屏界面，與傳統(tǒng)的游戲公式化界面框架不同，將扁平的UI元素與游戲三維動態(tài)模型相結(jié)合，可以明顯提升游戲沉浸效果，而部分后期迭代需求較大的信息解釋部分作為故事外界面根據(jù)格式塔原理進行排布，規(guī)避傳統(tǒng)的底板承載信息設(shè)計形式，減少界面切割，弱化界面感，提升沉浸效果。二是半透明全屏界面，定格游戲內(nèi)場景并做模糊處理，模擬毛玻璃樣式，給玩家擬造一直處于游戲世界的錯覺。如此可以減輕玩家的思維在游戲世界和現(xiàn)實中來回切換的游離感，再結(jié)合規(guī)范化的界面框架，是最具性價比的一種設(shè)計形式。三是半屏界面，半屏信息界面結(jié)合半透明遮罩，呈現(xiàn)信息的同時保留游戲交互對象和場景，讓玩家不會因為打開界面而缺失真實感。

從整體來看，在設(shè)計游戲界面時，游戲核心概念不可忽視。設(shè)計師需要根據(jù)世界觀設(shè)定，掌握游戲設(shè)計核心概念，再以這個核心概念為原點進行界面設(shè)計才能使游戲所有系統(tǒng)界面創(chuàng)意可以彼此融合，保證游戲的整體性與統(tǒng)一性，構(gòu)成一個和諧的故事。

2.3 流暢的界面變化

數(shù)字化技術(shù)與手機硬件設(shè)備的快速發(fā)展賦予了手游更多可能性，手游設(shè)計越來越追求電影質(zhì)感，開始融入大量電影符號或電影敘事手法以加強游戲沉浸體驗感。根據(jù)調(diào)查，手游越來越注重游戲的流暢性，運用特殊的鏡頭技巧或巧妙的運鏡方式是目前大多游戲提升界面轉(zhuǎn)換流暢度的主要方式。游戲中的鏡頭運用與電影敘事手法具有相似性，能夠通過規(guī)則設(shè)定和參數(shù)調(diào)整攝像機鏡頭放大、的美術(shù)呈現(xiàn)，明顯提升游戲沉浸感和游戲品質(zhì)。下面通過幾款優(yōu)秀的手游案例來介紹一些鏡頭機制。

第一，交互體驗升級。游戲中不同功能界面的切換可以通過鏡頭的搖擺推拉來實現(xiàn)，如圖1從左至右，角色培養(yǎng)信息的變化直接由攝像機運動表現(xiàn)，過渡平滑自然，使玩家不再停留在以往平面、生硬的界面元素替換或繁雜的界面切換中，沉浸效果更顯著。

第二，流程指引與目標聚焦。在游戲中，利用鏡頭在游戲世界中設(shè)置隱晦的流程指引，可以讓玩家保持專注度的同時了解任務(wù)提示，為玩家提供沉浸體驗。如玩家在控制角色向前方跑動，到達目標點附近時，會自動觸發(fā)鏡頭聚焦來傳達關(guān)鍵場景視覺信息，類似于電影敘事拍攝手法。一般有兩種呈現(xiàn)形式：一是鏡頭自動校正，當(dāng)目標終點在玩家所扮演角色左側(cè)時，在向前奔跑過程中鏡頭會自動進行校正，向左偏移，指引玩家向正確目標點行動;二是動畫鏡頭聚焦，玩家在到達觸發(fā)點時，畫面開始上下切邊，同時鏡頭轉(zhuǎn)動聚焦目標，完成指引。這兩種方式的畫面呈現(xiàn)能讓游戲具有電影質(zhì)感的同時能最大限度地降低玩家對強制指引的排斥感。綜上所述，建議在未來的游戲界面設(shè)計中多采取輕UI的界面設(shè)定，盡可能減少游戲中的控件信息，通過鏡頭偏移與少量3DUI來完成游戲指引與信息傳達。在保證功能性的前提下，盡可能地為游戲沉浸體驗而服務(wù)。

2.4 多維度的信息呈現(xiàn)

游戲中存在龐大的信息量，快速有效的傳遞信息是防止玩家產(chǎn)生疲憊感，增加游戲沉浸體驗的重要途徑，因此，如何在龐大的信息中快速傳達給玩家此階段所需信息是進行游戲界面設(shè)計時需要考慮的首要因素。多維度的信息呈現(xiàn)能更好地提升玩家游戲興趣，吸引玩家注意力，游戲中通常借由3種維度呈現(xiàn)信息：視覺、聽覺、觸覺.其中視覺又有動、靜之分。按照視覺規(guī)律，眼睛對畫面的識別順序一般為：動態(tài)>顏色>圖形>具體物件，因此在游戲中，動態(tài)信息能夠更好地引起玩家視覺關(guān)注，增加游戲操作上的連貫性。一般情況下，動態(tài)信息主要用于游戲內(nèi)目標位置指示、狀態(tài)變化以及游戲外界面控件交互反饋和界面背景動效。此外，聽覺也是玩家接收信息的一個重要維度，游戲可以通過音效來烘托氛圍或增加交互反饋豐富度，常規(guī)聲音信息大多為游戲內(nèi)背景音樂和界面觸發(fā)音效。一方面，玩家在游戲中可以通過游戲內(nèi)背景音樂來感受不同場景和主題氛圍，強化游戲沉浸感;另一方面，在觸發(fā)交互過程中給予不同音效反饋有助于強化玩家的操控感受，豐富界面交互反饋。

3 手游界面設(shè)計優(yōu)化方向

3.1 高效性

在快消時代，信息傳達的高效性是留住用戶的關(guān)鍵。當(dāng)游戲因信息傳達過于繁雜破壞游戲沉浸感時，就會被大多數(shù)玩家遺棄，因此具有高效信息傳達性的信息架構(gòu)和內(nèi)容框架是提升游戲沉浸感，保證用戶留存的基礎(chǔ)。在信息架構(gòu)設(shè)計上，應(yīng)注意界面層級的權(quán)衡，層級過深容易使玩家在一層層交互中迷失方向;層級過淺則會導(dǎo)致一個層級信息量過多，玩家需花大量時間識別入口，導(dǎo)致時間成本過大，難以獲得對應(yīng)的收益，游戲體驗感就會下降。因此在進行游戲設(shè)計前期應(yīng)明確游戲核心玩法，評估系統(tǒng)信息總量，做出合理取舍以權(quán)衡設(shè)計層級以及每個界面的信息承載量。在內(nèi)容框架設(shè)計上，設(shè)計者應(yīng)多利用格式塔原理，根據(jù)游戲信息優(yōu)先級建立清晰的視覺層級，引導(dǎo)玩家快速了解和獲取同一層級的信息和功能。楊潔認為建立信息視覺層級最重要的是設(shè)計出可以被用戶理解的視覺差異系統(tǒng)[7]。通過簡單的顏色、大小、位置、形狀等對信息進行模塊化設(shè)計和優(yōu)先級劃分可以降低玩家學(xué)習(xí)成本，高效傳達游戲想要玩家了解的信息和玩家需要的信息。

3.2 代入感

游戲代入感是增強游戲沉浸感的核心要素，增強玩家情緒體驗是實現(xiàn)代入感的關(guān)鍵路徑之一。在游戲設(shè)計中，代入感主要表現(xiàn)為角色與環(huán)境之間的互動帶給玩家的情緒，往往需要界面UI去完成，即將UI融入游戲場景，使其成為角色能接觸的一部分。考慮到設(shè)計成本，建議手游界面以局部故事內(nèi)界面為主，量運用設(shè)計成本較高的故事內(nèi)界面少，這可以在增強界面品質(zhì)的同時提升游戲界面豐富度。在設(shè)計局部故事內(nèi)界面時，需保證玩家盡可能地處于游戲世界中，減少信息提示帶來的打斷感和跳脫感。同時，在保證當(dāng)前系統(tǒng)界面視覺核心合理化的情況下，需要與游戲所有系統(tǒng)界面創(chuàng)意邏輯自洽，確保系統(tǒng)間界面跳轉(zhuǎn)不突兀，引導(dǎo)玩家情緒沉浸于故事中，形成閉環(huán)。

3.3 流暢感

一個流暢的游戲體驗可以增加玩家在游戲操作中的連貫度，避免玩家被拉扯出沉浸游戲體驗中。設(shè)計者可以通過賦予鏡頭更多的功能化價值與細節(jié)填充，達到更流暢的游戲體驗這一目標。就目前手游市場而言，大多數(shù)鏡頭表現(xiàn)仍是作為簡單的“信息獲取”窗口，建議在未來的游戲界面設(shè)計中適當(dāng)介入攝像機搖桿，緩解或替代界面間生硬、不含感情的切換。根據(jù)用戶體驗數(shù)據(jù)分析，信息數(shù)據(jù)提示的學(xué)習(xí)成本往往高于鏡頭指引，建議以鏡頭指引替代彈窗提示，減少游戲中玩家被打斷的次數(shù)。

3.4 爽快感

游戲體驗的爽快感是游戲得到美譽度的重要因素之一，因此設(shè)計師需格外關(guān)注UI反饋對玩家情感的抒發(fā)，借由恰當(dāng)?shù)腢I反饋刺激玩家神經(jīng)，使玩家在不同狀態(tài)下的情緒得到依托與抒發(fā)，讓界面情景體驗更加生動。相較于單純的靜態(tài)信息，不同維度的信息呈現(xiàn)方式可以更好地完成對玩家的注意力導(dǎo)向，提升游戲的沉浸體驗，動態(tài)視覺信息相較于靜態(tài)信息更易吸引注意力，聽覺信息具有很強的方向性和辨識性，觸覺信息能讓玩家更直接地感受到對游戲的操控感。建議在進行游戲界面設(shè)計時，適時適量地運用動態(tài)、聽覺和觸覺信息，增強游戲體驗，把控游戲氛圍。

4 結(jié)語

在互聯(lián)網(wǎng)產(chǎn)業(yè)經(jīng)濟大潮的推動下，手游市場蓬勃發(fā)展，但作為高收益產(chǎn)業(yè)，品質(zhì)參差不齊。游戲作為“第九藝術(shù)”，其藝術(shù)性是備受爭議的話題，在發(fā)展的過程中，設(shè)計師們不僅需要關(guān)心其商業(yè)收益，還需思考如何轉(zhuǎn)變?nèi)藗儗τ螒虻钠姡瑐鬟_出更好的價值觀。目前，通過游戲界面帶來的沉浸體驗只是游戲發(fā)展的冰山一角，游戲仍有無數(shù)可能性未被挖掘與試驗。未來應(yīng)著重考慮手游界面設(shè)計為玩家?guī)淼那榫w體驗，通過完整、系統(tǒng)的游戲界面設(shè)計提升游戲沉浸體驗，并在此基礎(chǔ)上不斷完善，形成全新的游戲界面設(shè)計風(fēng)格。

參考文獻：

[1] 董歡.色彩在游戲界面設(shè)計中的應(yīng)用研究[J].工業(yè)設(shè)計，2020（06）：95-96.

[2] 張博，胡瑩.基于沉浸體驗的標簽式導(dǎo)航轉(zhuǎn)場方式研究[J].包裝工程，2020，41（06）：205-210.

[3] 郭伏，于聰，丁一.網(wǎng)頁交互任務(wù)的用戶情感測量方法[J].東北大學(xué)學(xué)報（自然科學(xué)版），2014（1）：131-134.

[4] 張曉明，李娜.扁平化風(fēng)格在游戲界面設(shè)計中的應(yīng)用[J].美術(shù)大觀，2018（07）：122-123.

[5] 左騰嘉，辛向陽，肖菂.游戲化體驗，一個突破性和重塑性的行為模型——以DOTA2為例的MOBA游戲交互模式案例分析[J].設(shè)計，2018（15）：54-56.

[6] 郭鵬飛，鐘廈，肖丹.基于格式塔心理學(xué)的手機游戲界面設(shè)計研究[J].工業(yè)設(shè)計，2020（03）：71-73.

[7] 陳雪，周美玉.基于用戶體驗的界面設(shè)計因素分析[J].設(shè)計，2019，32（01）：81-83.

作者簡介：詹鈺（1995—），女，浙江紹興人，碩士在讀，研究方向：視覺傳達設(shè)計。