UX/UI для геймдеву курс: навчання дизайну ігрових інтерфейсів | SKVOT/СКВОТ
Записатися
info@skvot.io
+380 95 701 0105

ЗРОБИ СВІТЧ У ГЕЙМДЕВ ІЗ СИЛЬНИМИ ІНТЕРФЕЙСАМИ

UX UI ДЛЯ ГЕЙМДЕВУ

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

ПРАЦЮВАВ НАД FAR CRY 5, FAR CRY 6 І FAR CRY: NEW DAWN
4 травня
9 липня

Щоб гравець не вилітав із флоу — потрібен інтуїтивний ігровий інтерфейс. Без рандомних кліків та фрустрації.

На курсі за 20 занять розбереш повний воркфлоу UX/UI в геймдеві — від Design Thinking до тестування. Прокачаєш роботу у Figma та Photoshop і пройдеш дизайн-спринт від ідеї до готової фічі.

У процесі створиш портфоліо-кейс із 5 ключових UX/UI-складових та отримаєш фідбек від лектора, консультацію з рекрутером і шанс на рекомендацію в LinkedIn для старту в геймдеві.

 
Записатися

Знайомся,

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

SENIOR UX/UI DESIGNER В UBISOFT
8+ років в індустрії
дизайнив інтерфейси для ААА-проєктів, зараз працює над Beyond Good and Evil 2
для інтерфейсу 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
автор статей про UX/UI для платформи DOU

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

ДЛЯ KОГО

UX/UI- ТА ВЕБДИЗАЙНЕРИ структуруєш знання дизайнера інтерфейсів, включно зі специфікою геймдеву, прокачаєш скіли та освоїш player-centered design — щоб нативно залучати юзера в гру
ЗАКІНЧИВ(-ЛА) КУРС UX/UI DESIGN АБО WEB DESIGN дізнаєшся всі особливості роботи UX/UI-диза для геймдеву, зрозумієш, як працює індустрія зсередини, та зробиш роботу для портфоліо, з якою можна стукати у двері геймстудій
ІНШІ СПЕЦІАЛІСТИ З ГЕЙМДЕВУ заповниш прогалини у своєму скілсеті, зрозумієш, як прокачати власну експертність, і зробиш релевантний кейс — щоб можна було світчнутись в UX/UI без страхів

program

ЗАНЯТТЯ 1. UX/UI DESIGNER У ГЕЙМДЕВІ
  • Відмінності UX/UI в геймдеві vs веб і застосунки
  • Етапи розробки гри: пре-, продакшн, пост-
  • Роль, задачі, компетенції UX/UI-дизайнера
  • Зони відповідальності на різних стадіях
  • Взаємодія з геймдизайнерами, програмістами, продюсерами
  • Кар’єрні напрями розвитку
ДЗ:

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

ЗАНЯТТЯ 2. USABILITY
  • 10 евристик Нільсена
  • Ігрові евристики: баланс, прогресія, керування
  • Базові принципи юзабіліті в ігровому UX
ДЗ:

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

ЗАНЯТТЯ 3. ДРУГА СКЛАДОВА UX — ENGAGE-ABILITY
  • Зовнішня мотивація: нагороди, рейтинги
  • Внутрішня мотивація: competence, autonomy, relatedness
  • Теорії мотивації
  • 3Cs: character, control, camera
  • Стан потоку, його умови та як його не зруйнувати
ДЗ:

навести по 3 приклади фіч в іграх, що стосуються потреб гравців: Компетентність (Competence), Автономія (Autonomy), Спорідненість (Relatedness)

ЗАНЯТТЯ 4. DESIGN THINKING
  • Етапи: емпатія, визначення, ідея, прототип, тестування
  • UX-артефакти: персона, user story, user flow
  • Kano Model
  • JTBD (JOBS-TO-BE-DONE)
ДЗ:

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

ЗАНЯТТЯ 5. ПЕРШОМУ ГРАВЦЮ ПРИГОТУВАТИСЬ — ВСТУП ДО ІГРОВОГО UI
  • Складові ігрового UI: меню та HUD
  • Типи представлення ігрових інтерфейсів
  • Ієрархія та компонування
  • Меню-компоненти
  • Патерни та навігація
  • Гештальт-принципи в UI-дизайні
ДЗ:

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

ЗАНЯТТЯ 6. FIGMA: TIPS & TRICKS (запис)
  • Автолейаут, змінні, компоненти та їхні властивості
  • Microinteractions
  • Smart-анімації
  • Плагіни для прототипування з геймпадом, видалення фону, шрифти
  • Використання OBS Studio для запису функціонування прототипів
ДЗ:

доопрацювати mid-fi вайрфрейми з попередньої домашки

ЗАНЯТТЯ 7. ДИЗАЙН-СИСТЕМИ (запис)
  • Основні компоненти дизайн-системи
  • Атомарний дизайн
  • Візуальна мова
  • Компоненти інтерфейсу
ЗАНЯТТЯ 8. UX-ПРОБЛЕМА
Воркшоп
  • Аналіз юзабіліті
  • Груповий брейншторм
ЗАНЯТТЯ 9. USER RESEARCH: МЕТОДИ ТА ІНСТРУМЕНТИ (запис)
  • Евристичний аналіз
  • UX-тести
  • Опитування
  • Аналітика
ДЗ:

провести юзабіліті тест свого розділу меню на доволі ранньому етапі

ЗАНЯТТЯ 10. UX-АРТЕФАКТИ
Груповий воркшоп
  • Працюємо з брифом
  • Прототипні рішення
  • Розробляємо UX-артефакти
  • Аналізуємо вимоги та пропонуємо рішення для досвіду юзера
ЗАНЯТТЯ 11. Q&A
  • Консультаційна сесія для кожної групи
ЗАНЯТТЯ 12. РОБОТА ЗІ СТАЙЛГАЙДОМ ГРИ
  • Розбираємо приклади класного UX-дизайну і чому він працює
  • Обговорення прикладів
  • Аналіз компонентів дизайну
ДЗ:

– створити стайлгайд (на основі наявної гри або ж на основі брифу)
– самостійно опрацювати бриф «Аналіз та розробка HUD»

ЗАНЯТТЯ 13. ADOBE PHOTOSHOP: TIPS & TRICKS (запис)
  • Базові поєднання клавіш
  • Швидке видалення фону, маски
  • Техніка dodge and burn
  • Базові принципи колажування
  • Смартоб’єкти, екшени, скрипти
  • Пакетна обробка зображень
ДЗ:

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

ЗАНЯТТЯ 14. ПСИХОЛОГІЯ ТА РОБОТА МОЗКУ В ІГРАХ (запис)
  • Сприйняття та пізнання
  • Увага
  • Пам’ять
  • Мотивація
  • Емоції: як працюють і на що впливають
  • Онбординг гравця: типи та план туторіалів, Learning & Forgetting Curve
ДЗ:

розробити онбординг-туторіал для гри

ЗАНЯТТЯ 15. ДОСТУПНІСТЬ ГРИ. ACCESSIBILITY A11Y (запис)
  • Поняття Disability та його типи
  • Що таке інклюзивний дизайн
  • «Зрізаний бордюр» та його функція в дизайні
  • XAG (Xbox Accessibility Guideline)
  • Програмні та апаратні рішення
ДЗ:

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

ЗАНЯТТЯ 16. ПОРТФОЛІО ТА ОФОРМЛЕННЯ КЕЙСІВ
  • Як демонструвати всі етапи розробки дизайну
  • Інтернет-платформи, Figma чи особистий сайт як портфоліо — що краще
  • Підготовка до технічного інтерв'ю
  • Профіль в Linkedin — як і навіщо розвивати
  • Тестове інтервʼю з рекрутером
ДЗ:

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

ЗАНЯТТЯ 17. ЛЕКЦІЯ З HR (запрошений лектор)
  • Підготовка CV та створення профілю в LinkedIn
  • Як аплаїтись на роботу в Україні та за кордоном: актуальні ресурси
  • Підготовка до співбесіди: як презентувати себе на співбесіді та які запитання ставити
ЗАНЯТТЯ 18. BUSINESS-CENTERED DESIGN (запис)
  • Система нагород
  • Як потрапити на гачок — Hook Model
  • Dark UX patterns та упередження
ДЗ:

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

ЗАНЯТТЯ 19. ФІДБЕК-СЕСІЯ
ЗАНЯТТЯ 20. ПРЕЗЕНТАЦІЯ ДИЗАЙНІВ
Показати усю програму

ПІСЛЯ КУРСУ

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