游戏用户界面设计的交互性优化趋势浅析

南京传媒学院 任燕 王思行

游戏界面是人机交互的载体，用户界面设计要以实现功能操作和提升用户审美体验为前提，以促进人机交互和提升用户沉浸感为具体目标。游戏界面设计的优化主要有技术交互与视觉设计互通，确保设计页面布局合理；强化界面的功能指向，推进情景界面和系统界面的互动性；注重界面设计沉浸感体验，引发用户的情感共鸣等三个趋势。

用户界面（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.