Разработка игр

Game UI и UX

Dead Space убрала полоску здоровья и поместила её в позвоночник скафандра. The Last of Us Part II добавила 60+ accessibility опций. Оба решения увеличили аудиторию и критическую оценку. Хороший Game UI/UX невидим - плохой разрушает иммерсию.

  • **The Last of Us Part II** (Naughty Dog): 60+ accessibility features, blind mode с полным audio description, 18 месяцев разработки только accessibility системы, Game Awards 2020
  • **Microsoft Xbox Adaptive Controller**: USB HID устройство с 19 3.5mm jack портами для подключения любых assistive devices. 100 млн долларов дохода, открыл рынок для 33 млн геймеров с инвалидностью
  • **The Witcher 3** (CD Projekt Red): локализация на 15 языков включая полную voice-over запись, 450+ актёров озвучки, 950 000 слов диалогов

HUD: интерфейс как часть игрового мира

Dead Space (2008). Нет полоски здоровья в углу экрана. Вместо этого - позвоночник скафандра светится красным. Нет инвентаря с кнопкой. Нет мини-карты поверх сцены. Всё это экзодиегетически встроено в игровой мир. Это изменило стандарт: UI стал частью нарратива.

HUD (Heads-Up Display) делится на несколько уровней: **Diegetic** - существует внутри мира (экран скафандра Dead Space). **Non-diegetic** - классические элементы поверх (полоска HP, мини-карта). **Spatial** - привязан к объектам в мире, но не существует в нём (floating markers в The Division). **Meta** - физически не возможен, но передаёт состояние (красные экраны при ранении).

Исследования Nielsen Norman Group показывают: игроки принимают 80% игровых решений на основе HUD информации. Перегруженный HUD (более 7 элементов одновременно) снижает reaction time на 23%. Dark Souls сознательно скрывает часть HUD - это часть design philosophy 'неопределённости'.

Что такое 'diegetic' HUD элемент?

Меню системы: навигация и состояния

Elden Ring главное меню - чёрный экран, логотип, три пункта. 30 секунд загрузки. Никаких лишних анимаций. Это не минимализм от бедности - это осознанное решение: ничего не отвлекает от начала путешествия. PlayStation 5 загрузка занимает 2 секунды - и FromSoftware переработали меню под это.

Навигация в меню должна работать без мыши - с геймпада, клавиатурой, стрелками. Focus management: какой элемент активен при открытии, куда переходит фокус при закрытии подменю. Этот же принцип в web accessibility - WCAG 2.1 требует keyboard navigability. Игровые меню - это accessibility-first по архитектуре.

Почему игровые меню должны поддерживать навигацию без мыши (keyboard/gamepad)?

Локализация: текст, аудио, культурный контекст

The Witcher 3 локализован на 15 языков, включая полную voice-over запись на польском, английском, немецком и других. 450+ актёров озвучки. 950 000 слов диалогов. Бюджет только на локализацию - несколько миллионов. Это не опция - это 60% дополнительного рынка.

Технически локализация - больше чем перевод текста. Немецкий язык длиннее английского в среднем на 30% - кнопки должны растягиваться. Арабский пишется справа налево - весь layout меняется. Китайский не использует пробелы как разделители слов - word wrap другой. Unity Localization package и специализированные системы решают это через string tables + locale-specific rules.

Почему немецкий язык создаёт проблемы для UI в играх?

Доступность: дизайн для всех игроков

The Last of Us Part II получила 60+ наград за accessibility. Blind mode с полным audio description. Colorblind modes (3 типа). Subtitle customization (размер, цвет, фон). Motion sickness reduction. Полное remapping всех контролей. Нaughty Dog потратили 18 месяцев только на accessibility систему.

15% населения живёт с той или иной инвалидностью. В играх: colorblindness затрагивает 8% мужчин, motion sickness при VR - до 40% пользователей. Accessibility - это не charity, это рынок. Microsoft Accessibility Gaming Report показывает: адаптированный контроллер Xbox принёс 100 млн долларов дохода.

Game Accessibility Guidelines (gameaccessibilityguidelines.com) - стандарт из 120 рекомендаций. Делится на три уровня: basic (субтитры, пауза в любой момент), intermediate (remapping, color blind modes), advanced (full screen reader support). Большинство AAA игр 2020+ закрывают базовый уровень.

Accessibility - это добавление субтитров и нескольких настроек в конце разработки

Accessibility требует архитектурных решений с начала проекта: ввод через abstraction layer, UI через data-driven системы, audio без единственного канала передачи информации

Добавить полный remapping к жёстко заданным keybindings - это переписать input system. Добавить screen reader к hardcoded text - это переработать весь UI. Accessibility встроенная в архитектуру стоит 10x дешевле чем retrofit

Почему colorblind mode важен для мультиплеерных шутеров в частности?

Связанные темы

Game UI/UX интегрирует несколько систем:

  • Аудио в играх — Sound feedback для UI actions - часть UX системы
  • Input системы — Абстракция ввода необходима для keyboard/gamepad navigation и remapping

Ключевые идеи

  • **HUD типы**: diegetic (в мире), non-diegetic (поверх), spatial (привязан к объектам), meta (физически невозможен). Dead Space - образец diegetic design.
  • **Меню навигация**: keyboard/gamepad first, explicit focus chain, stack для back navigation. Требование сертификации консолей + accessibility.
  • **Локализация**: не только перевод текста - RTL layouts, font expansion (немецкий +30%), word wrap без пробелов (китайский). Unity Localization Package.
  • **Accessibility**: 15% населения с инвалидностью = рынок. Colorblind modes, remapping, screen reader - архитектурные решения с начала проекта.

Вопросы для размышления

  • Dead Space выбрала diegetic HUD, жертвуя читаемостью ради иммерсии. Когда такой trade-off оправдан?
  • Локализация арабского требует RTL layout для всего UI. Как это влияет на архитектуру компонентов с начала проекта?
  • Accessibility features часто используются игроками без инвалидности (субтитры включены у 80% всех игроков). Как это меняет приоритизацию?

Связанные уроки

  • gd-15 — Аудио feedback - часть UI/UX системы
  • gd-11 — Input система влияет на UI navigation и rebinding
  • gd-17 — Понимание UI/UX ведёт к polish и feel проекта
  • la-01-vectors-intro
Game UI и UX

0

1

Войти