Посредник между игрой и пользователем: общие советы по созданию интерфейсов

Чтобы структурировать UI, изучите игры такого же жанра. Чтобы определить эстетику, проанализируйте примеры с таким же сеттингом.

То, как игра сообщает информацию пользователю — это ключевой компонент для интуитивного, плавного и приятного геймплея. Элементы и общий вид интерфейса сильно зависят от жанра, темы, стиля и механик игры. Тем не менее есть несколько базовых правил, с помощью которых вы сможете превратить хороший UI в отличный.

Издание GamesIndustry.biz пообщалось со старшим UI-художником Double Eleven Эддом Коатсом, который участвовал в создании Minecraft Dungeons. Он рассказал о принципах создания эффективного и удобного интерфейса, который может сообщить пользователю всю необходимую информацию. Мы выбрали из текста главное.

По мнению Коатса, в работе UI-художника важно уметь анализировать чужие наработки и выделять отдельные паттерны, которые можно применить в собственной игре. Используйте интерфейсы других тайтлов в качестве вдохновения для себя. Коатс считает, что со временем UI-художники опытным путём выяснили, какие именно решения лучше всего работают в играх. Это и называется паттернами в UI-дизайне.

Если вы делаете интерфейс, изучите другие игры этого же жанра. Вам не нужно полностью повторять чужие решения, но так вы сможете хотя бы примерно понять, к чему привыкла аудитория этого жанра.

Это касается не только расположения элементов, но и таких вещей, как цвет. Например, красным часто изображают всё, что связано со здоровьем и получением урона. Если вы решите использовать зелёный цвет для отображения здоровья, то это может сбить с толку игрока во время напряжённой перестрелки. Всё сводится к пониманию жанра и тропов внутри него.

Для изучения интерфейса в других играх вы можете воспользоваться базой данных, которую собрал сам Коатс. Тем не менее UI-дизайнер советует не зацикливаться на чужих решениях, а пробовать новые варианты, которые могут привести к неожиданным результатам.

После изучения референсов пора переходить к размещению элементов интерфейса. Первый вариант UI должен быть максимально упрощённым — не концентрируйтесь на цвете или декоративных элементах: используйте простые формы и оттенки серого. На этом этапе важно удостовериться, что всё стоит на своих местах, а между элементами есть нужный контраст.

Взаимодействие с UI должно быть ясным и кратким. При разработке пользовательского интерфейса вам нужно убедиться, что вы всегда думаете, как игрок. Сделайте так, чтобы пользователю не пришлось слишком долго гадать о предназначении каждого отдельного элемента. Вы должны предвидеть, что игрок захочет узнать.

Например, в инвентаре Dark Souls на первый план выходит сетка предметов. При этом информация о каждом отдельном объекте становится доступна только после нажатия на него. Это создаёт иерархию информации — From Software предвосхитила то, какие элементы важнее всего для игрока. По словам Коатса, отсеивание информации — это эффективный способ установления иерархии.

Другой эффективный способ — не показывать элементы интерфейса, пока они не понадобятся в первый раз. Такой подход позволит удержать игрока, которого может отпугнуть множество непонятных элементов. Если же показывать ему новые элементы постепенно, то изучение игры станет для него постепенным и естественным процессом.

По словам Коатса, анимированные элементы UI могут привлечь дополнительное внимание, а также добавить жизнь в вашу игру. Но не обязательно делать что-то слишком заметное — порой небольшого импульса или движущегося фона будет достаточно. Благодаря таким деталям ваша игра будет выглядеть более отшлифованной и привлекательной.

К примеру, на экранах в Metro Exodus есть эффект искажения, а также двигающиеся полосы, создающие ощущение ретро-монитора. Но помните, что никакая анимация не должна мешать функциям интерфейса.

По словам Коатса, UI-дизайнеры должны внимательно прислушиваться к комментариям тестеров. Если для вас значок дискеты означает сохранение, то для них это может быть что-то другое. Задавайте тестерам больше вопросов: спросите про их опыт, какие элементы и кнопки обманули их ожидания, где им было недостаточно пояснений и так далее.

Эстетика — ещё одна важная характеристика интерфейса. В некоторых случаях он становится визитной карточкой игры. К примеру, яркий интерфейс из Persona 5 привлекает игроков и запоминается им.

Коатс рассказал, что при создании интерфейса разработчики должны чётко понимать, какую информацию игрок хочет знать в данный момент. Если UI будет перегружен дополнительными сведениями, то он будет только отвлекать от прохождения.

#опыт #ui #арт