Проектирование игрового интерфейса: основные аспекты

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

Что такое интерфейс видеоигры?

Это один из тех дней, когда вы действительно хотите получить удовольствие от использования своей консоли. Вы устанавливаете игру и нажимаете кнопку "играть". И вдруг вы погружаетесь в фантастическую, захватывающую историю, которая к тому же бросает вам вызов на соревновательном уровне. Но как вы до этого дошли и как понять, чего от вас хотят сотни игр? Ответ прост и в то же время сложен: через интерфейс видеоигры.

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

Что такое дизайн игрового интерфейса?

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

Вот некоторые моменты, которые следует учитывать при разработке игрового интерфейса:

Окружение/платформа. Первое, что необходимо учесть, - это место для игры, которую вы проектируете. Необходимо учитывать возможности и ограничения, которые предоставляет платформа. Например, разрабатывать игры для смартфонов совсем не то же самое, что разрабатывать их для консолей или для компьютера.
Содержание. Хороший дизайн пользовательского интерфейса предоставляет игроку всю необходимую информацию, чтобы он мог взаимодействовать с игрой и все шло гладко.
Визуальный дизайн. Видеоигры - это очень визуальный опыт. Уродливые или плотные визуальные эффекты в игровом интерфейсе могут быть контрпродуктивными и вывести игрока из состояния погружения, которое вы хотите ему обеспечить. Поэтому необходимо четко определить художественный стиль.
Информационная архитектура. Определите иерархию элементов с точки зрения их важности для пользователя и организуйте их таким образом, чтобы в результате получился целостный и актуальный дизайн интерфейса.

Стили оформления интерфейса видеоигр

Диегетический, недиегетический, пространственный и мета. Это некоторые из классификаций, которые можно найти для различных интерфейсов, создаваемых для видеоигр. Далее мы немного расскажем о каждой из них на примерах игр, которые вы наверняка знаете и которые используют одну из этих типологий в дизайне интерфейса. Поехали!

Диегетический

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

Наверняка многие примеры приходят на ум. Но если нет, не волнуйтесь, вот некоторые из них:

Dead Space. Примером диегетического дизайна игрового интерфейса, присутствующего в этой игре Visceral, является то, как можно увидеть индикатор жизни персонажа, встроенный в его костюм. Другой пример - отображение инвентаря через устройство, встроенное в главного героя и показываемое перед ним без остановки игрового процесса.
Fallout. Вообще-то Fallout - это смесь диегетического и экстрадиегетического дизайна интерфейса. Но в данном случае можно обратить внимание на использование PipBoy - устройства, встроенного в руку главного героя и позволяющего получить доступ к инвентарю, журналу заданий, радио и т.д.
Assassin's Creed. В этой популярной игре Ubisoft главные герои используют орла для обнаружения врагов на карте. Это еще один пример того, как можно интегрировать дизайн игрового интерфейса в повествование самой игры.

Недиегетический

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

Diablo III. Несмотря на то, что он соответствует графическому и визуальному стилю всей игры, в этой игре Blizzard представлен интерфейс, о котором герой игры не подозревает: полоска, отображающая способности персонажа, уровень жизни или маны, а также доступ к инвентарю. Это представляет собой некое взаимодействие с игроком, но никак не влияет на повествование игры.
GTA. Как и в случае с Fallout, в играх GTA присутствует смесь типов интерфейса. В нашем понимании наличие миникарты или отображение меню при выборе оружия - два хороших примера. Это элементы, которые облегчают взаимодействие с игроком, но о которых протагонист не знает.

Пространственный

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

Примерами такого дизайна игрового интерфейса могут служить маркеры на головах врагов, знаки на карте или, более конкретно, использование в Splinter Cell Conviction надпечатки имен на зданиях и объектах.

Цель

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

Конкретные примеры этого можно найти в игре "The Last of Us", где игроки могут почувствовать присутствие врагов через стены. Способ отображения информации на экране является примером метадизайна интерфейса. Он является частью повествования, способствует погружению игрока и находится не внутри игрового пространства, а скорее является частью восприятия мира главным героем.

Каков же оптимальный вариант дизайна игрового интерфейса?

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

Например, игры серии GTA представляют пользователям сочетание всех этих элементов. Диегетический тип дизайна игрового интерфейса используется, когда главные герои используют свои телефоны; внедиегетический дизайн появляется, когда пользователи выбирают оружие; пространственный дизайн включает в себя маркеры врагов; а мета-дизайн присутствует, когда они стреляют в нас, и экран заливается кровью.

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