ЗРОБИ СВІТЧ У ГЕЙМДЕВ ІЗ СИЛЬНИМИ ІНТЕРФЕЙСАМИ
UX UI ДЛЯ ГЕЙМДЕВУ
Олександр Шпак
Senior UX/UI Designer в Ubisoft
Щоб гравець не вилітав із флоу — потрібен сильний (читай — інтуїтивний) інтерфейс. Без рандомних кліків та фрустрації. Як робити ігровий UI — розповідаємо на курсі.
За 20 занять ти розберешся з повним воркфлоу UX/UI в геймдеві: від рисерчу і Design Thinking — до прототипів і тестування. Збереш корисні тули для апгрейду роботи у Figma та Photoshop і пройдеш дизайн-спринт від ідеї до готової фічі.
У процесі створиш кейc для портфоліо з 5 ключовими складовими UX/UI. А наприкінці — отримаєш фідбек, консультацію від лектора, лекцію з рекрутером і шанс на рекомендацію в LinkedIn для старту в геймдеві.
Знайомся,
Олександр Шпак
SENIOR UX/UI DESIGNER В UBISOFT
ДЛЯ KОГО
program
- Відмінності UX/UI в геймдеві vs веб і застосунки
- Етапи розробки гри: пре-, продакшн, пост-
- Роль, задачі, компетенції UX/UI-дизайнера
- Зони відповідальності на різних стадіях
- Взаємодія з геймдизайнерами, програмістами, продюсерами
- Кар’єрні напрями розвитку
- навести приклади продуктів та сервісів з елементами внутрішньої мотивації
- знайти ситуації, коли ігри її не мають
- 10 евристик Нільсена
- Ігрові евристики: баланс, прогресія, керування
- Базові принципи юзабіліті в ігровому UX
навести 5 прикладів застосування ігрових евристик в улюблених іграх
- Зовнішня мотивація: нагороди, рейтинги
- Внутрішня мотивація: competence, autonomy, relatedness
- Теорії мотивації
- 3Cs: character, control, camera
- Стан потоку, його умови та як його не зруйнувати
навести по 3 приклади фіч в іграх, що стосуються потреб гравців: Компетентність (Competence), Автономія (Autonomy), Спорідненість (Relatedness)
- Етапи: емпатія, визначення, ідея, прототип, тестування
- UX-артефакти: персона, user story, user flow
- Kano Model
- JTBD (JOBS-TO-BE-DONE)
- провести аналіз конкурентів для інтерфейсів розділу меню серед ігор обраного жанру
- зібрати з них мудборд з описом, що доречно, а що — ні
- Складові ігрового UI: меню та HUD
- Типи представлення ігрових інтерфейсів
- Ієрархія та компонування
- Меню-компоненти
- Патерни та навігація
- Гештальт-принципи в UI-дизайні
- розробити дизайн головного та пауз-меню в команді
- самостійно попрацювати над розділами пауз-меню
- Автолейаут, змінні, компоненти та їхні властивості
- Microinteractions
- Smart-анімації
- Плагіни для прототипування з геймпадом, видалення фону, шрифти
- Використання OBS Studio для запису функціонування прототипів
доопрацювати mid-fi вайрфрейми з попередньої домашки
- Основні компоненти дизайн-системи
- Атомарний дизайн
- Візуальна мова
- Компоненти інтерфейсу
- Аналіз юзабіліті
- Груповий брейншторм
- Евристичний аналіз
- UX-тести
- Опитування
- Аналітика
провести юзабіліті тест свого розділу меню на доволі ранньому етапі
- Працюємо з брифом
- Прототипні рішення
- Розробляємо UX-артефакти
- Аналізуємо вимоги та пропонуємо рішення для досвіду юзера
- Консультаційна сесія для кожної групи
- Розбираємо приклади класного UX-дизайну і чому він працює
- Обговорення прикладів
- Аналіз компонентів дизайну
– створити стайлгайд (на основі наявної гри або ж на основі брифу)
– самостійно опрацювати бриф «Аналіз та розробка HUD»
- Базові поєднання клавіш
- Швидке видалення фону, маски
- Техніка dodge and burn
- Базові принципи колажування
- Смартоб’єкти, екшени, скрипти
- Пакетна обробка зображень
оновити стайл-гайд, згідно отриманого фідбеку від лектора з використанням інструментів фотошопу за потреби
- Сприйняття та пізнання
- Увага
- Пам’ять
- Мотивація
- Емоції: як працюють і на що впливають
- Онбординг гравця: типи та план туторіалів, Learning & Forgetting Curve
розробити онбординг-туторіал для гри
- Поняття Disability та його типи
- Що таке інклюзивний дизайн
- «Зрізаний бордюр» та його функція в дизайні
- XAG (Xbox Accessibility Guideline)
- Програмні та апаратні рішення
провести оцінку доступності свого стайлгайду: що варто переробити або додати у взаємодії з гравцем
- Як демонструвати всі етапи розробки дизайну
- Інтернет-платформи, Figma чи особистий сайт як портфоліо — що краще
- Підготовка до технічного інтерв'ю
- Профіль в Linkedin — як і навіщо розвивати
- Тестове інтервʼю з рекрутером
оформити портфоліо з виконаних на курсі робіт
- Підготовка CV та створення профілю в LinkedIn
- Як аплаїтись на роботу в Україні та за кордоном: актуальні ресурси
- Підготовка до співбесіди: як презентувати себе на співбесіді та які запитання ставити
- Система нагород
- Як потрапити на гачок — Hook Model
- Dark UX patterns та упередження
- навести 2–3 приклади Hook Model в іграх
- розробити власний концепт Hook Model із чотирма фазами