设计有效的用户界面的最佳方法

Double Eleven的Edd Coates分享了易用有效的游戏UI设计基本要素

 

游戏和玩家之间的关系是双向的。游戏所呈现的信息以及玩家如何与这些信息互动是创造直观、流畅和轻松的游戏体验的关键元素。

 

取决于类型、主题和风格,有多种不同的方式可以做到这一点,但有效的用户界面设计——也就是说,游戏如何通过屏幕让玩家得到他所需要的信息,以及如何通过用户体验将其分层——有一些基本规则,可以使你的UI变得更优秀。无论你制作的是什么游戏,总有办法让UI与玩家体验无缝融合。

 

Edd Coates是Double Eleven的资深UI美术,该公司最近开发了《Minecraft地下城》。在接受GamesIndustry.biz采访时,Coates列举了开发者需要注意的一些关键因素,以确保他们的UI和UX是有效的。协同工作,永远不会阻碍玩家体验游戏。

 

值得注意的是,Coates最近创建了游戏UI数据库(Game UI Database),该网站专门通过大量屏幕截图对不同的游戏如何使用UI来呈现玩家需要了解的信息层次进行分类。你可以单独搜索游戏,或者通过筛选题材、UI类型和特定UI信息(如标题屏幕或抬头显示)来获取需要的内容。

 

善用其他开发人员迭代过的设计模式


Coates从一开始就清楚地表明,你的想法并不是独一无二的。有许多游戏已经探索了你想要探索的类型和主题。你可以使用其他游戏的UI作为自己设计的灵感来源,因为这些成功的经验可以为你的设计决策提供依据。

20210318_1.jpg

Edd Coates

UI的不断发展创造了Coates所谓的“设计模式”。 之所以存在这些模式,是因为随着时间的推移,通过共同的努力,设计师们已经找到了适用于他们想要制作的游戏类型的方法。

 

Coates说道:“观察了同类型的游戏,你就会知道你该做些什么。“如果你的游戏是第一人称射击游戏,那么生命值就会出现在屏幕底部,因为许多其他游戏都是这么做的。事实上——这就是人们期望的。”

 

了解你想要的UI的历史


如果你的研究让你意识到你所处的类型存在特定的UI和UX惯例,那么整合它们将有助于熟悉这类游戏的玩家理解UI所传达的内容,而无需过多的外部努力。

 

例如,红色通常是指玩家的生命值。如果你决定在UI中使用绿色来代表生命值,那么在最关键的时刻玩家可能会感到困惑。这取决于你对游戏类型的理解,以及该类型中不成文的指代含义。

20210318_2.jpg

“用户体验将更多地与游戏类型联系在一起,而用户界面将与游戏主题联系在一起,”科茨解释说。 “假设我正在寻找一个RPG,我将研究‘其他RPG’如何做背包库存、菜单选择、装备,并注意其他游戏如何实现这些屏幕功能。

 

“然后,就UI而言,我会研究主题。假设你拥有一个以海盗为主题的RPG,我会去了解所有以海盗为主题的游戏是如何接近这种艺术的,看看从中能得到什么启示。”


这是Game UI数据库真正发挥作用的地方,因为它是本课中易于搜索的百科全书。你可以建立大量资源来帮助确定UX可用性和UI美学基准。如果你喜欢,Coates也鼓励尝试打破常规,因为这可能会给UI带来一些全新的结果。

 

使用线框图来决定UI元素的位置


一旦你对设计模式有了一些考量,甚至是总体美学(尽管在这里这不是必要的,因为UI的可用性是第一位的),那么你就需要考虑信息布局了。这来自线框图。

 

你所想要的UI外观的灰度图可以通过线框图展示出来。科茨说,在Persona 5中,每个UI元素的位置和形状都是先通过线框确定,然后才添加各种颜色或风格。

 

“线框图会关注位置或者形状,但不会在意颜色。所以线框图主要展示对比度、灰度形状和布局,这些是UI和UX的核心基础。只有当这些东西完成后,你才能进行下一步美化。”

20210318_3.jpg

作为一个过程,你首先需要明白你所做的游戏的类型和主题,并以此来确定你能使用的设计模式。然后就可以将这些想法放入线框结构中,再将美学和风格融入UI。

正如Coates所言:“从题材中提取线框图,并将其与主题中的UI结合起来。”

 

预测玩家将如何与你的UI交互


在设计UI时,你需要确保自己总是像玩家一样思考。从最基本的意义上说,这意味着得让人们玩你的游戏、使用UI,并在事后评测他们的体验。

 

虽然存在许多通过UI功能预测玩家的小方法,但Coates概述了你该如何减少玩家的猜测。沟通应该简明扼要。

 

UI元素按重要性排序


“你应该预测玩家想知道什么,他们想看到什么。“

 

例如,当你进入一个背包界面时,最重要的元素便是物品,即带有所有图标的网格。其次可能是控件,告诉玩家如何导航。也可以在那里添加描述说明,但你必须想好,描述是必要的,还是只是锦上添花?”

 

Coates以《黑暗之魂》中的背包为例,背包只是一个网格,控件在底部。当你选择物品时,你只会得到关于它的信息说明,所以把它隐藏在子菜单后面,创建一个信息层次结构。FromSoftware已经预测到了使用背包时,对玩家来说最重要的功能。

20210318_4.jpg

预测UI的每个页面上的信息层次结构是至关重要的。Coates说,控制信息是建立层次结构的有效方法,但你也可以使用其他方法。

 

“你可以通过减少事物周围的事物来吸引人们的注意力。糟糕的做法是使用大量的按钮和箭头,或类似的东西,因为这会使页面混乱。好的方法可以减少外围UI的存在感,自然地将他们的视线吸引到你希望他们点击的内容上。

 

“免费游戏在这方面做得很好,他们把这一点归结为一门精美的艺术。他们基本上会通过UI隐藏一半的游戏内容,直到你看到教程。当你第一次启动Pokémon Masters EX时,它看起来很简单。它并不想吓到玩家,但你玩得多了,就会出现更多功能。”

20210318_5.jpg

隐藏UI直到首次需要到它,这可以采用不同的方法,但其目的是相同的,即不会让屏幕混乱、让玩家不知所措。

 

UI中使用动画


Coates表示,动作和动画可以以多种方式支持你的UI,如增强其视觉设计,让游戏感觉更“生动”,并将玩家的注意力吸引到特定元素上。

 

静态屏幕在视觉上很无趣,甚至会给人游戏已经崩溃的印象。无论是一个微妙的冲击效果、一个闪烁的小插图,还是一个移动的背景,只要在屏幕上添加一点动画就可以让游戏看起来更精致和吸引人。

 

“例如,《Metro Exodus》中的显示器使用了扭曲效果和滚动条,结合了扫描线纹理和美术风格,让它们感觉更复古。”

 

综上所述,你选择与之结合的的动画不应掩盖UI本身的功能。 Coates说,你仍然需要通过UI指导玩家,并确保它是可以让人理解的。

 

“应该有一条线路来引导玩家的目光。他们应该先查看界面,然后是信息,再然后是菜单选项。

 

“你需要给UI足够的空间,让文字更具可读性。这样玩家就知道该往哪里看了。”

20210318_6.jpg

提出正确的问题

 预测玩家将如何导航用户界面的最后一个主要方面是你与用户界面测试人员之间的交流方式。Coates表示,询问玩家有关图标设计的问题非常重要,因为也许这个图标可能对你来说意味着“节省”,但对大多数用户来说却并非如此。


不要问一些太主关的问题,比如‘你喜欢这个吗?‘或’我做得还好吗?‘。你应该问他们,他们认为UI意味着什么,当他们按下某些按钮时,他们希望发生什么。”

 

仔细你询问他们的UI体验如何——他们是否在某些时候假设了什么,但结果却适得其反。就像那个老问题:字幕配置应该在音频设置还是视频设置里?

 

在与测试者交谈时不要想当然——记住他们的UI体验才是最重要的。

 

思考UI在游戏美学中的作用


在任何类型的用户界面中,开发者所面临的挑战都是设计出让用户喜欢的内容。这不仅要求UI具有功能性,还要求UI的艺术性让人印象深刻。

 

Unity资产或简单的UI不一定是坏的,但如果处理得当,UI本身就能提升整个游戏。

 

Coates再次提到的例子是《Persona 5》,它有一个非常明亮且与众不同的UI,几乎可以从屏幕上跳出来。UI是吸引玩家的直接点。他表示,UI具有强大的力量,可以帮助你形成游戏的整个特征。


“如果你专门研究出一个非常优秀的UI,你甚至能改变游戏,让它真正流行起来。”

 

在游戏世界和用户界面之间找到平衡


反之亦然。如果你的游戏世界是一切的中心,就像《荒野之息》,你肯定不希望UI成为它的阻碍。它应该是实用的,而不该分散注意力。

20210318_7.jpg

Coates说道:“这取决于你所追求的内容,你可以根据自己的意愿控制要展示的UI的数量。归根结底,问题在于玩家现在需要了解哪些信息。”

 

Coates补充道,你不应该完全专注于游戏世界而忽略UI,但你可以通过制作UI叙事化来整合它们。他提到了《Dead Space》,以及这款游戏如何无缝地将UI与游戏世界整合在一起,从而让玩家更好地沉浸在游戏中。

20210318_8.jpg

在叙事化设计中,你只应该在不得已时(例如,通过暂停菜单或标题屏幕)才可打破UI的沉浸性,否则叙事化设计就会因反复使玩家脱离游戏体验而被破坏。


来源:gamesindustry



打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮