PRODUCT DESIGNER

• фізика кольору
• колірна гармонія
• сприйняття кольору
• колірна доступність (Color Accessibility)
• колірні контрасти

Практика: створити панель для заданого кольору.

• типи шрифту
• ролі
• параметри шрифту
• як обрати шрифт
• типографіка у верстці сторінки
• ціль іконок
• принципи хороших іконок

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

• категорії навігації
• рівні навігації
• навігаційні патерни
• навігація в списках

Практика: вказати типи навігації для сайтів.

• визначення та значення сітки
• анатомія сітки
• типи сіток
• принципи побудови макетів
• респонсив

Практика: створити сітки згідно з вказаними параметрами.

• що таке wireframes
• навіщо потрібні вайрфрейми
• що таке прототип
• що значить прототипувати і навіщо це робити
• Low vs High Fidelity
• види прототипування
• інструменти для діджитал-прототипування
• види взаємодії (action and responses)

Практика: намалювати вайрфрейм для екрану. Зібрати прототип із готових екранів InVision.

• цифрові продукти: мобільні програми, вебдодатки, онлайн-платформи (соцмережі, маркетплейси тощо)
• контент
• коли продукт — частина іншого продукту
• чим дизайн продукту відрізняється від дизайну послуг
• навіщо створюються продукти
• за яку команду грає продакт-дизайнер: за компанію або за користувачів?
• чому продакт-дизайнер — професія майбутнього

Практика: узяти один цифровий продукт і написати, яку проблему юзера він вирішує.

Практика: на базі одного з відомих цифрових продуктів проаналізувати «болі» юзерів цього продукту.

• емпатія як основна зброя в арсеналі продакт-дизайнера
• дизайн-мислення як філософія
• дизайн-мислення як методологія
• «правила гарного дизайну» Дітера Рамса

• будова європейського ринку цифрової розробки
• системи освіти
• процес розробки товару: від бізнес-аналізу – до фідбеку користувачів

Практика: створити ідею свого соціально-корисного продукту.

• що потрібно знати про AGILE?
• роль SCRUM
• принципи бізнес-аналізу для продакт-дизайнерів
• сценарії користувача

Практика: створити односторінковий документ — назву та короткий опис продукту, опис проблеми та методів її розв’язання, опис юзера та його основних сценаріїв.

• що таке UX Research і навіщо він потрібен
• збір даних
• аналіз та надання результатів
• методи збору даних. Кількісні та якісні дослідження
• методи аналізу та подання результатів досліджень

Практика: підготувати сценарій до первинного інтерв’ю – продумати питання, знайти потенційних юзерів, створити анкету.

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

Практика: провести первинні інтерв’ю та дослідження в соцмережах потенційних юзерів продукту.

• психологічні правила на рівні комунікації
• як створювати портрети юзерів (User Persona)?

Практика: створити портрет юзера за наданим шаблоном.

• user Flows
• wireframing
• кілька слів про UI

Практика: створити скетчі основних екранів продукту.

• що таке MVP і навіщо він потрібен
• що в собі повинен містити прототип MVP і як він має виглядати
• як проходять тестування прототипів
• робота в InVision / Sketch для тестування прототипу
• верифікація даних. Тестування прототипу

Практика: розпочати розробку UI основних екранів продукту.

• чому продакт-дизайнер має вміти писати тексти?
• коротко про UX Writing
• правила хорошого контенту та його роль у продукті
• принципи дизайн-критики

Практика: обміркувати вміст для кожного екрана.

• структура та організація великого проєкту
• UI-бібліотека
• стайлгайди
• дизайн-системи
• передача макетів розробникам у Zeplin та Abstract
• інструментарій продакт-дизайнера

Практика: підготувати UI-кит.

• wow-ефекти
• фінальні випробування. Аналіз та внесення правок
• як проходять тестування прототипів
• що таке дизайн-система? Навіщо і коли вона потрібна
• реліз

Практика: фіналізувати UI.

• планування розвитку товару
• стратегічне бачення для продакт-дизайнера
• зворотний зв’язок від юзерів. Повторні дослідження
• принципи: «Простіше, ефективніше, швидше» vs «Далі, але краще»
• участь у продуктовій компанії

Практика: зібрати прототип із готовими екранами в InVision/Figma/Protopie.

• проходження співбесіди на роль продакт-дизайнера
• UX-завдання на співбесідах: дизайн-критика. Мислення категоріями бізнесу та сценаріями юзерів, Whiteboard challenge
• інтерв’ю

Практика: створити 1–2 промоматеріали на вибір (відео, банери, друкований матеріал).

• зміст та оформлення CV
• оформлення портфоліо: сторітелінг, статті, графіка
• приклади

Домашнє завдання: підготувати 3 шоти для Dribbble з презентацією продукту.