游戲用戶界面設計的交互性優化趨勢淺析

南京傳媒學院 任燕 王思行

游戲界面是人機交互的載體，用戶界面設計要以實現功能操作和提升用戶審美體驗為前提，以促進人機交互和提升用戶沉浸感為具體目標。游戲界面設計的優化主要有技術交互與視覺設計互通，確保設計頁面布局合理；強化界面的功能指向，推進情景界面和系統界面的互動性；注重界面設計沉浸感體驗，引發用戶的情感共鳴等三個趨勢。

用戶界面（User Interface，簡稱UI）是人們和數字程序溝通的主要通道，也是實現操作功能和反饋用戶行為和結果的重要載體。游戲界面是實現人機交互的載體，界面設計的效果決定了用戶交互體驗感受。游戲用戶界面的設計研究方興未艾，其內容和呈現方式上也在不斷創新之中。游戲作為特殊的數字化產品，其界面設計的交互性具有獨特之處。游戲產品的交互，主要是用戶通過游戲的場景以及其他表現形式與程序實現互動的過程。由此，游戲的用戶界面設計成為玩家實現游戲體驗的前提和基礎，用戶界面設計現狀分析和優化策略研究就具有了積極的現實意義。

1 游戲用戶界面設計的現狀

20世紀80年代開始，蘋果計算機公司推出了“互式圖形界面”，這一革命性的變革為交互性的視頻游戲(VideoGames)開辟了新發展空間。隨著時代的發展，各類數碼平臺的對用戶界面設計及其互動性也提出了更高的要求。界面設計融合了藝術、科技、人文等眾多前沿學科領域的成果，用戶界面設計的呈現方式也日新月異。

游戲的用戶界面是一種對人機交互、操作邏輯、界面視覺傳達的整體設計，具體包括登錄界面、技能圖標、狀態欄、信息欄、游戲道具、游戲商城等。一直以來，游戲的界面設計者一直致力于提升用戶實際體驗，并著力推動人機交互的不斷深化。從大家熟知的王者榮耀、英雄聯盟等UI設計，隨著賽季變換不斷更新就可以明顯地感受到這一點。

某種程度上來說，游戲的界面設計是優秀游戲設計的重要方面，一款體驗良好的電競游戲離不開順暢的界面設計和人機互動。當下我國的游戲界面設計尚還處于起步階段，雖然很多游戲用戶界面設計頗費心思，基本上達到了兼顧了實用和美觀的基本要求，但更高等級的視覺化人機交互界面設計仍存在一定不足。主要表現在兩個方面：

（1）界面設計模式單一。游戲用戶界面設計的主要關注點在于能滿足用戶的基本交互功能，缺乏對不同類型電競游戲的審美元素的個性化發掘，對人機交互時的視覺化帶來的情感體驗關注不足。再者，設計模式的單一還表現為對成功游戲的模仿和追隨。如研究者指出，“也許是由于早期《魔獸爭霸》這款游戲的大獲成功，游戲開發者不約而同地在各類游戲中沿用了其用戶界面設計風格[1]。”此后，不少游戲的用戶界面與《魔獸爭霸》都有似曾相識之感，包括模塊的位置、按鍵的形狀、區域的劃分等都大同小異。

（2）界面層級的秩序性有待加強。游戲界面設計的主體思路是分級和逐層設計，通過合理的導航菜單和各級按鈕來實現界面間的轉換以及完成相關操作。目前，不少游戲的用戶界面的靈活性和秩序感不佳。再有，現有大多數系統界面相對固定的菜單和按鈕布局并不能完全滿足所有玩家的操作習慣，用戶也無法根據自己的習慣適時地調整界面的位置及相關操作鏈接。創建更為合理的界面分級，增加玩家操作的靈活性和愉悅感，進一步深化人機交互性仍有很大的提升空間。

2 游戲用戶界面設計的主要目標

游戲界面的互動本質上是讓游戲與玩家之間建立一種流暢、愉悅的溝通方式，它是連接游戲各部分的重要橋梁。界面不僅是滿足用戶的感官視覺審美，還是完成個體化游戲操作的基礎。在電競游戲中，娛樂、審美和獲得感三者構成了質性等式。對于游戲的玩家而言，簡潔、直觀的視覺呈現，流暢、便捷的操作方式是人機交互過程中最為舒適的體驗。德國藝術理論家阿多諾指出：“正是通過感官享受滿足的契機，藝術作品才構成其作為表象顯現的自身[2]。”此外，界面設計在滿足各項技術性功能的基礎上，藝術化的審美體驗也不可或缺，缺乏審美意義的電子競技難以讓用戶獲得良好的體驗感。由此，我們認識到游戲用戶界面設計要以實現功能操作和提升用戶審美體驗為前提，把握不同游戲類型界面設計的特征，以促進人機交互和提升用戶沉浸感為具體目標。

2.1 促進人機交互

人機交互是游戲與玩家二者之間的雙向傳播系統，科學、合理的界面設計是用戶進行操作的前提。用戶在游戲的操作進程中存在各類疑問和困惑，也無法順暢地進行人機溝通。很難想象，一個界面導航信息都不甚清晰的設計會給玩家帶來良好的游戲體驗。游戲的界面設計包含視覺板塊、技術交互板塊和用戶體驗三個板塊。視覺設計板塊包括游戲主界面、標識、標志、按鈕等；各個界面之間的跳轉，讓玩家快捷地實現操作功能，屬于技術交互板塊；從用戶的審美心理和實際體驗需求完善色彩搭配、圖案線條的設計細節屬于用戶體驗板塊的設計。這三個方面緊密結合，共同打造推進易學、易用的人機交互界面，滿足用戶的實際需求。

2.2 提升流暢感和操縱感

游戲的自身所具有的挑戰性，使得玩家與程序之間的人機交互過程中充滿了需要不斷克服的層層“阻力”，用戶面對挑戰，不斷解決各類“問題”才是他們獲得樂趣的源泉。但這里的“阻力”并不包括人機交互過程中界面識別和操作上不通暢帶來的困難。相反，設計師應當保證游戲中的每一個界面按鈕都有最佳的體驗效果，界面設計都有明確的使用意圖，所有指令和操作都迅捷、有效，營造游戲操作過程中的流暢感和操控感，讓用戶沉浸于游戲的各級挑戰，獲得持續的愉悅體驗。

2.3 強化用戶沉浸感

“沉浸感”是游戲制作時所要考慮的基本元素，游戲界面設計也應當考慮到用戶的心流體驗和“在場感”，讓這些美妙的感受貫穿游戲互動的各個階段。美國心理學家米哈里·齊克森米哈里(Csikszentmihalyi)曾提出心流體驗（FlowExperience）理論。認為它是指“一種將個人的注意力完全投注在某種活動上的感覺，心流產生時同時會有高度的興奮感及充實感[3]。”當心流產生時，人們即進入一種全然沉浸的心理狀態，體驗到高度的幸福感和充實感，對提升當事者積極心理具有實際效果。“沉浸感”讓用戶能夠“在玩游戲時注意力非常集中，產生自我對虛擬角色的代入感，使用戶對游戲產生‘高黏性’，從而使用戶不斷沉浸在虛擬世界中[4]。”設計師可以在場景化設計、擬物化設計等方面，將游戲的功能與場景相結合等方面，為用戶營造更多的心流體驗和沉浸感。

3 游戲用戶界面視覺設計的優化趨勢

游戲用戶界面的設計受到交互工程、游戲題材、玩法、風格等諸多元素的限制。游戲功能層級等技術性功能的劃分和設定，直接決定了頁面視覺化設計的基本布局。從用戶界面的功能指向出發，可以將用戶界面分為游戲的劇情界面和系統界面兩個類型。前者也可以稱為場景界面，是指玩家與游戲組件進行互動的，可感知的視覺和聽覺等UI元素。后者也可稱作系統界面，除場景之外，覆蓋于游戲內容之上的，面向現實玩家的相關元素。必須注意的是，游戲用戶界面的視覺優化都必須要遵循一個基本規則，即在保障信息傳輸和功能性的同時給玩家帶來更好的沉浸感和體驗感。游戲用戶界面視覺設計的優化主要有以下三個主要趨勢：

3.1 技術交互與視覺設計互通，確保設計頁面布局合理

游戲作為一種融合了新興媒體、計算機技術和藝術設計的新形式，業界對其用戶界面的設計并沒有太多嚴格的限制。在兼顧功能和美觀基礎上讓玩家融入游戲角色帶來更好的沉浸感是游戲設計者一致的追求。首先，從用戶需求、功能性和操作頻率等方面設置界面入口，將游戲的信息和功能分為高、中、低三個層級的重要性。重要性最高的信息和功能，應重點從位置和視覺效果上增加吸引力，引導用戶提高入口的轉化率。重要性相對較低的信息和功能或輔助學習的功能入口，相對于重要性高的要在視覺引導上主動弱化，可采用相對簡潔的排布。其次，操作頻率高的功能界面建議放置在左右兩側或底部等便于操作的區域。而操作頻率較低的功能可適當的隱藏。例如，當下不少游戲都會將各種非必要的界面進行適度隱藏，如血條、技能、精力等UI元素只會在戰斗等必要的時候顯示，而在探索游戲地圖時這些UI元素都會隱藏來，這樣可以不破壞游戲界面的完整性和用戶的沉浸感。

在結構層方面，要不斷優化功能區的分布，整合各功能之間的關系；在框架層方面，盡能地隱藏一些不常用的次級功能，通過其簡易的圖像和動效提示做必要的功能引導。同時，盡可能采用直觀的選項信息和文案顯示功能和導向；在表現層方面，壓縮功能按鈕的面積，為模型場景讓出更大的展示空間，以不斷貼合不同類型游戲的品牌定位。視覺界面的設計應主動壓縮功能按鍵的占屏面積，通過相對規整的按鈕、邊界劃分以及色彩對比等，使得界面的視覺層次清晰分明。

3.2 強化界面的功能指向，推進情景界面和系統界面的互動性

從游戲界面的功能我們可以將游戲用戶界面設計分為情景界面和系統界面兩種類型。情景界面的作用在于幫助玩家將需要的信息融入角色，進而讓玩家更加投入游戲場景和故事情節，這在加強人機互動的基礎上也給用戶帶來更好的體驗感。情景界面的設計有兩種視覺呈現效果，一種是全息化界面；另一種呈現于玩家虛擬形象的實體上。

全息化界面設計如《死亡空間》（游戲邦注：2008年由EA發行），這款游戲在界面設計時，將所有的界面視覺元素都展現于游戲世界中。除全息化界面外，《死亡空間》也將界面繪制于玩家的形象實體上，一個典型的例子是，用戶界面放棄了我們熟悉的生命值的表現方式，生命值表現為角色防護服脊柱部位的發光條。(如圖1所示)

圖1 《死亡空間》①Fig.1 "Dead Space"

除了《死亡空間》，第一人稱射擊游戲《半條命》和《孤島驚魂2》等幾款游戲也采用了情景化用戶界面。兩款游戲在進入方式和關卡細節等方面都有驚艷之處，它們為玩家帶來沉靜感的同時也實現了游戲的深入交互。(如圖2所示)

圖2 《孤島驚魂2》②Fig.2 "Far Cry 2"

相對于游戲情景界面的敘事性，系統界面主要指向特定的實際功能，這個界面設計對于提升用戶的互動性也有著重要的作用。一個典型的例子是，將HUD界面設計方式融入到游戲的系統界面設計中。平視顯示器（Head Up Display，簡稱HUD），是運用在航空器上的飛行輔助儀器，可以讓飛行員不需要低頭就可以看到所需的重要資訊。當下已經有一些游戲將重要的系統信息，以模仿HUD的方式呈現于游戲畫面上，而將其他次要的信息以菜單的方式另行存儲，可以使用戶免去切換場景，在正常的視野范圍內獲取信息。這個不失為一個增加玩家沉浸感和深化人機互動性的有效手段。(如圖3所示)

圖3 平視顯示器③Fig.3 Head up display

另外，在界面設計時，可以適當地給用戶留下創建獨立視覺界面的余地。如：暴雪公司開發的《魔獸世界》不僅允許用戶在屏幕上移動調動界面實體，甚至還可以創建新的用戶UI界面元素。這些向玩家提供所需信息和參與游戲改進的做法，無疑可以進一步增加用戶的參與感和主動性。

3.3 注重界面設計沉浸感體驗，引發用戶的情感共鳴

游戲交互設計師對于信息的整合，構成了用戶對游戲信息的基本認知，而界面視覺設計則是溝通用戶和游戲系統的重要環節。用戶如何進入游戲、如何獲取信息、如何操作游戲等，都依賴于預先設計好的交互技術和頁面的視覺化設計。由此，合理的技術交互和頁面視覺設計無疑可以強化用戶順暢而富有沉浸感的游戲體驗，在虛擬的游戲情景中引發用戶現實的共鳴。當然，玩家沉浸感的體驗要以清晰、明確的界面導航為前提，倘若連基本的界面導航都無法表達意圖，甚至在游戲進程中還存在操作上的疑問和困惑。那樣，再完美的游戲過程也無法順利進行，更遑論引發用戶的共情效應。

游戲界面設計與用戶接觸最多，且最具直觀性，界面設計對于用戶的情感激發和沉浸體驗具有重要影響。電子競技在前沿技術的推動下營造出一個逼真的虛擬世界，他可以讓用戶全然沉浸在這個主觀化的世界中，虛擬世界與現實的界限變得模糊了。玩家可以在虛擬的游戲情境和角色扮演中，暫時忘卻日常的煩惱和負面情緒。

對于電子競技產品而言，它所提供的是通過視覺和聽覺的感官系統，為特定用戶群帶來一場特殊的情感體驗，游戲與用戶的交互會更注重實際過程。用戶界面的情境營造，是提升視覺化的快感和沖擊感的重要手段，可以促使玩家逐步沉浸于游戲中，加深用戶的愉悅體驗和“在場感”。

4 結語

游戲作為一種新興的互動媒體，在用戶的界面設計中仍有較大的優化空間。在游戲的界面設計中，界面的優化和互動性提升的主要策略有從合理的信息和功能布局入手，情景界面和系統界面互相推進強化功能指向，共同構筑虛擬世界中的個體化理想。在不斷優化的界面功能和視覺審美指向下，用戶能夠迅速沉浸于游戲場景之中，并能按照自己的意愿自由地控制人物，在人機實時交互中獲得更為順暢愉悅的體驗。

注釋

①圖1來源：http://danji.huofeng.cn/game/7899.html

②圖2來源：https://www.duote.com/tech/farcry2/10063_8.html③圖3來源：https://www.sohu.com/a/295073357_703785

引用

[1] 尹岳.多人在線競技類游戲的用戶界面設計研究[D].鄭州:鄭州大學,2018.

[2] [德]阿多諾.美學理論[M].王柯平,譯.成都:四川人民出版社, 1998:25.

[3] [美]米哈里·齊克森米哈里.當下的幸福:我們并非不快樂[M].北京:中信出版社,2011:47-48.

[4] 宋旸.游戲交互設計對用戶身份重構的影響探討——以《王者榮耀》為例[J].工業設計,2021(2):65-66.