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

Привет дорогой друг!

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

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

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

Это руководство по игровому пользовательскому интерфейсу идет рука об руку с недавно опубликованной книгой Game UX: The Complete Guide for 2023. Вместе мы расскажем вам все, что нужно знать об игровом UI и UX, их соответствующих рынках и о том, как пробиться в эту отрасль.

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

Прежде всего, что такое игровой пользовательский интерфейс?

Проще говоря, игровой пользовательский интерфейс - это интерфейс, который помогает игрокам преодолеть четвертую стену (невидимую, воображаемую стену, которая отделяет игру от игроков) и взаимодействовать с игрой:

• ориентироваться в игре
• найти необходимую информацию 
• достижения своих внутриигровых целей

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

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

Как вы уже, наверное, догадались, дизайн игрового пользовательского интерфейса - это ремесло проектирования, создания и тестирования игровых пользовательских интерфейсов.

Рынок Game UI design и спрос на него

Игровая индустрия продолжает набирать силу, а ее рост был назван "ошеломляющим" компанией Ernst & Young в своем анализе "Что возможно для игровой индустрии в следующем десятилетии? 

Ernst & Young отметила значительный рост, поскольку "по оценкам, в 2021 году 2,9 миллиарда человек играли в видеоигры", а "глобальный доход отрасли превысил 193 миллиарда долларов". Они также отмечают, что совокупный годовой темп роста игровой индустрии составит 15,6% с 2016 по 2021 год - мягко говоря, стремительно.

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

Зарплата

По данным Glassdoor (по состоянию на апрель 2023 года) средняя зарплата дизайнера игрового пользовательского интерфейса составляет $91 401 в год. 

Они также указывают общий диапазон заработной платы от $58 тыс. до $146 тыс., который, конечно, зависит от опыта, уровня должности, местонахождения, компании и т.д.

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

Ты любишь игры и мечтаешь построить карьеру в GameDev? Тогда скорей записывайся на курс от онлайн-школы геймдева и компьютерной графики XYZ SCHOOL "GAME DESIGN. СОЗДАНИЕ ИГРЫ ОТ ИДЕИ ДО ПРОТОТИПА". Освой практические навыки для работы в ААА-студии или над своим проектом: научись создавать прототипы на движках, работать с документацией, генерировать идеи, создавать игровые миры и механики.

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

Компоненты интерфейса в Game UI

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

Нарратив

Проще говоря, повествование - это история, которую игра рассказывает игроку.

Четвертая стена

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

Но как повествование и четвертая стена связаны с компонентами игрового пользовательского интерфейса?

Все компоненты игрового пользовательского интерфейса делятся на категории в зависимости от того, существуют ли они в повествовании и в игровом пространстве (за четвертой стеной).

К какой категории относится тот или иной компонент, зависит от ответов на два вопроса:

1. Существует ли компонент в сюжете игры?
2. Существует ли компонент в пространстве игрового мира?

Из ответов на эти вопросы вытекают четыре категории компонентов игрового пользовательского интерфейса:

• Недиегетический
• Диегетический
• Пространственный
• Мета

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

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

Существует ли компонент в мире игры? Нет
Существует ли компонент в сюжете игры? Нет
Диегетические компоненты, существующие вне мира и сюжета игры, видны только игроку. 

Никто из персонажей игры не знает об этих компонентах, и они не играют никакой роли в повествовании игры.

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

Грамотное проектирование недиегетических компонентов и их размещение в контексте имеет решающее значение для удобства игры.

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

• Диегетический компонент

Существует ли компонент в мире игры? Да
Существует ли компонент в сюжете игры? Да
Диегетические компоненты, существующие как в мире игры, так и в сюжете, могут быть видны или слышны персонажам игры и служат определенной цели в повествовании.

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

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

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

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

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

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

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

• Мета

Существует ли компонент в мире игры? Нет
Существует ли компонент в сюжете игры? Да
Мета-компоненты не существуют в мире игры, но существуют в сюжете игры.

Примерами мета-компонентов являются такие вещи, как прокручивающийся текст и цветные накладки, указывающие на изменение уровня здоровья.

Некоторые мета-компоненты незаметны, но другие намеренно выделяются. Тем из вас, кто играет в экшн и приключенческие игры, знакомо ощущение, когда вы получаете урон, а ваше поле зрения размывается, дрожит или обесцвечивается. Эти изменения обозначаются мета-компонентами.

Теперь, когда мы рассмотрели четыре категории компонентов игрового пользовательского интерфейса, мы быстро познакомим вас с головным дисплеем, или HUD.

Что такое heads-up display? 

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

HUD, получивший свое название от головного дисплея в современных самолетах, очень важен для удобства игры.

HUD может существовать как во время игрового процесса, так и когда игра приостановлена.

Этот пример из Gran Turismo 7 - с аннотациями, предоставленными руководством GT7 Online Manual - демонстрирует сложный внутриигровой HUD.

Среди 25 перечисленных элементов пользовательского интерфейса вы найдете примеры диегетических, недиегетических и мета-компонентов: 

• Диегетические: Зеркало заднего вида (3) и спидометр (15) являются диегетическими компонентами, так как их видит персонаж (водитель), и они служат определенной цели в повествовании игры.
• Недиегетические: Предложение о торможении (11) является примером недиегетического компонента. Его может видеть игрок, но не персонаж, и он не существует в игровом пространстве и не служит цели в повествовании.
• Мета: Индикатор позиции (8) и уведомление о самом быстром круге (9) являются классическими примерами мета-компонентов, поскольку оба служат цели повествования игры, но не существуют в игровом пространстве.

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

Что делает Game UI отличным? 

Понимание того, что делает игровой пользовательский интерфейс отличным, заставляет вспомнить цитату Джареда Спула, известного эксперта по юзабилити и основателя User Interface Engineering (UIE):

"Хороший дизайн, когда он сделан хорошо, становится невидимым. Только когда он сделан плохо, мы замечаем его. Подумайте об этом, как о кондиционере в комнате. Мы замечаем его только тогда, когда он слишком горячий, слишком холодный, шумит или капает на нас. Однако, если кондиционер работает идеально, никто ничего не говорит, и мы сосредотачиваемся на текущей задаче".

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

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

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

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

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

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

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

Заключительные мысли

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

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

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

Играйте во множество игр, читайте о них, пишите о них. Яростно анализируйте их. Поймите историю и эволюцию игрового пользовательского интерфейса.

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

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

До новых встреч!