[email protected]
+380 95 701 0105

Щоб робити топовий інтерфейс і закохувати юзера у гру

UIUX ДЛЯ ГЕЙМДЕВУ

Олександр Шпак

Senior UX/UI Designer в Ubisoft
6 листопада
29 січня

Щоб юзер грав у гру довго і до кінця, потрібен зрозумілий інтерфейс. Тоді гравець буде взаємодіяти без рандомних кліків і залишиться у гейм-потоці. Як робити ігровий UI — розповідаємо на курсі.

В тебе є 20 занять, щоб розібратись із воркфлоу UI/UX-диза та дизайном ігрових інтерфейсів. Зрозумієш, як працює людський мозок, і впровадиш Design thinking у свою роботу — від ресерчу до прототипу й тестування. Забереш головні фішки Figma та Adobe Photoshop для дизайну ігор. Проведеш усі етапи дизайн-спринту для розробки фічі, щоб закріпити скіл для майбутньої роботи.

Протягом курсу зробиш проєкт для портфоліо з 5 ключовими складовими UX/UI-дизайну. В кінці отримаєш фідбек, лекцію з рекрутером та відгук у Linkedin найкращим студентам від лектора — для твого вдалого старту в геймдеві.

 
Записатись
6 листопада
29 січня

Знайомся,

Олександр Шпак

Senior UX/UI Designer в Ubisoft
7+ років в індустрії
працював над дизайном інтерфейсів для ААА-ігор
для інтерфейсу Far Cry 6 розробив такі фічі, як Store, Accessibility features, Stadia Mobile Adaptation та мініігри Roosters, Domino, Los Bandidos
створював Store, Options, Perk, Challenges, Inventory і Tutorial Menu для Far Cry: New Dawn
зробив повне меню параметрів та адаптацію до ПК Far Cry 5
працює над Beyond Good and Evil 2

РОБОТИ ЛЕКТОРА

ДЛЯ KОГО

UX/UI-дизайнери-початківці структуруєш знання дизайнера інтерфейсів, включно зі специфікою геймдеву, прокачаєш скіли та освоїш player-centered design — щоб нативно залучати юзера у гру
випускники курсу UX/UI Design або Web Design дізнаєшся всі особливості роботи UX/UI-диза для геймдеву, зрозумієш, як працює індустрія зсередини, та зробиш роботу в портфоліо, з якою можна стукати у двері геймстудій
UX/UI- та вебдизайнери з досвідом роботи заповниш прогалини свого скілсету, зрозумієш, як прокачати власну експертність, і зробиш релевантний кейс — щоб можна було світчнутись у геймдев без страхів

program

Заняття 1. UX/UI Designer у геймдеві: роль та обовʼязки
Теорія і практика
  • Відмінність UX/UI-дизайну застосунків/сайтів та дизайну ігрових інтерфейсів
  • Пре-, продакшн і пост-: головні етапи розробки гри
  • Завдання, задачі й компетенції UX/UI-дизайнера
  • Зміна задач та обов’язків залежно від стадії розробки гри
  • Ху із ху: з ким працює UX/UI-дизайнер
  • Розвиток UX/UI Designer у геймдеві — куди зростати далі
Д/З 1:

навести приклади продуктів та сервісів з елементами внутрішньої мотивації та знайти ситуації, коли ігри її не мають

Заняття 2. Usability
Теорія і практика
  • Евристики юзабіліті та їхнє застосування у відеоіграх
  • 10 евристик Якоба Нільсена — батька UX-дизайну
  • Ігрові евристики: баланс, прогресія, управління грою та інші
  • Основні елементи юзабіліті для ігрового UX
Д/З 2:

навести 5 прикладів застосування ігрових евристик в улюблених іграх

Заняття 3. Друга складова UX — Engage-Ability
  • Мотивація. Зовнішні чинники: нагороди, оцінки, рейтинги тощо
  • Мотивація. Внутрішні чинники: компетенція, автономність, зв’язність/спорідненість
  • Теорії мотивації
  • Емоція (3Cs: character|control|camera, новизна, сюрпризи та відчуття присутності)
  • Стан потоку та умови його виникнення у грі. Як його не зруйнувати
Д/З 3:

розібрати 1-2 гри на чинники мотивації, пропрацювання емоцій гравця, стан потоку та успішність

Заняття 4. Design Thinking
Теорія і практика
  • Основні складові та етапи Design Thinking: емпатія, визначення, ідея та прототипування, тестування та оцінка
  • Дизайн-спринти
  • Kano Model
  • Техніки брейншторму
Д/З 4:

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

Заняття 5. Першому гравцю приготуватись — вступ до ігрового UI
Теорія і практика
  • Складові ігрового UI: меню та HUD
  • Типи представлення ігрових інтерфейсів
  • Ієрархія та компонування
  • Меню-компоненти
  • Патерни та навігація
  • Гештальт-принципи в UI-дизайні
Д/З 5:

розробити дизайн головного та пауз-меню в команді та самостійно попрацювати над розділами пауз-меню

Заняття 6. Командний воркшоп із розробки UX-артефактів на основі міні-брифу
Д/З 6:

створити User Flow та Wire Flow на основі брифу для гри

Заняття 7. User Research: методи та інструменти
  • Оцінка евристиками
  • UX-тести
  • Опитування
  • Коридорні тести
  • Аналітика
Д/З 7:

провести A/B-тестування свого дизайн-рішення розділу меню серед однокурсників

Заняття-практика 8. Аналіз проблеми юзабіліті (UX) та груповий брейнштормінг для фіксу
Заняття 9. Психологія та робота мозку в іграх
  • Сприйняття та пізнання
  • Увага
  • Пам’ять
  • Мотивація
  • Емоції: як працюють і на що впливають
  • Онбординг гравця: типи та план туторіалів, Learning & Forgetting Curve
Д/З 7:

розробити онбординг-туторіал для гри, тестування з іншими учасниками

Заняття-практика 10. Аналіз та розробка HUD
Заняття 11: Фідбек-сесія
Заняття 12. Робота зі стайлгайдом гри
  • Типографія
  • Колористика
  • Розбір стайлгайдів ігор
Д/З 9:

разом із командою створити стайлгайд для інтерфейсу гри, індивідуально обрати гру та розібрати її стайлгайд

Заняття 13. Adobe Photoshop: tips & tricks
  • Базові поєднання клавіш
  • Швидке видалення фону, маски
  • Техніка dodge and burn
  • Базові принципи колажування
  • Смартоб’єкти, екшени, скрипти
  • Пакетна обробка зображень
Д/З 10:

створити колаж з елементами дієгетичного або просторового інтерфейсу та розробити HUD разом із командою

Заняття 14. Figma: tips & tricks
  • Автолейаут, змінні, компоненти та їхні властивості
  • Microinteractions
  • Smart-анімації
  • Плагіни для прототипування з геймпадом, видалення фону, шрифти
  • Використання OBS Studio для запису функціонування прототипів
  • Unreal UMG та Blueprints
Д/З 11:

розробити прототип на основі вайрфреймів із Д/З 6

Заняття-практика 15. Розробка UI-дизайну та прототипа на основі брифу від геймдизайнера
Д/З 12:

провести юзабіліті-тест прототипа з учасниками команди

Заняття 16. Доступність гри. Accessibility A11Y
  • Поняття Disability та його типи
  • Що таке інклюзивний дизайн
  • «Ефект пандуса» та його функція в дизайні
Д/З 13:

провести оцінку доступності свого стайлгайду: що варто переробити або додати у взаємодії з гравцем

Заняття-практика 17. Всі етапи дизайн-спринту для розробки фічі
Заняття 18. Business Centered Design
  • Система нагород
  • Як потрапити на гачок — Hook Model
  • Dark UX patterns та упередження
Д/З 14:

навести 2-3 приклади Hook Model в іграх та розробити власний концепт Hook Model із чотирма фазами

Заняття 19. Портфоліо та оформлення кейсів
  • Як демонструвати всі етапи розробки дизайну
  • PDF-файл, Figma чи особистий сайт як портфоліо — що краще
  • Підготовка до технічного інтерв'ю
  • Профіль в Linkedin — як і навіщо розвивати
  • Тестове інтервʼю з рекрутером
Д/З 15:

оформити портфоліо з виконаних на курсі робіт

Заняття 20. Презентація дизайнів
Показати усю програму

ПІСЛЯ КУРСУ

Освоюєш базові скіли UX/UI-дизайнера для розробки ігор
Розумієш, як працює індустрія геймдеву та зони відповідальності дизайнера ігрових інтерфейсів
Знаєш та без рандому застосовуєш головні фішки Figma та Adobe Photoshop для інтерфейсів ігор
Працюєш із Design Thinking та вмієш нативно залучати юзера до гри
Робиш Player-Centric дизайн інтерфейсів та складаєш зрозумілу навігацію гравця
Оформлюєш кейс у портфоліо, з яким зможеш починати шлях у карʼєрі
Записатись
6 листопада
29 січня
ЗАЛИШИТИ ЗАЯВКУ
НАШІ КУРСИ НЕДОСТУПНІ ГРОМАДЯНАМ РОСІЇ ТА БІЛОРУСІ
Реєструючись і натискаючи кнопку “Залишити заявку”, ви погоджуєтеся з умовами договору-оферти та політикою конфіденційності
За новими скілами — у SKVOT. Ми зв’яжемось і відповімо на всі твої запитання.