Практична програма, щоб створювати зручні та естетичні дизайн-рішення
UX/UIDESIGNER
Діма Напрієнко
senior product designer at Welltech
Це курс UX/UI-дизайну, де ти навчишся дизайнити інтерфейси та розвивати кар'єру — зі скілами та портфоліо
За 16 занять ти навчишся створювати дизайн-рішення для вебпродуктів, які розв’язують проблеми юзера та задачі бізнесу. Для цього поетапно заглибишся в UX та UI. Дізнаєшся, як проводити рисерч, створювати Customer Journey Map, інформаційну архітектуру та прототипи. Попрацюєш із візуальним стилем, концептами та проєктуванням інтерфейсу. Усе, щоб дизайн-рішення були логічними, зручними та естетичними.
В кінці — покладеш сайт e-commerce у портфоліо та зможеш заробляти на реальних проєктах.
Про лектора
Діма Напрієнко
7+ років у професіїДЛЯ KОГО
ПІСЛЯ КУРСУ ТИ:
program
- UX- та UI-дизайн, відмінність від вебу
- що таке інтерфейси, хто та як їх створює
- типи сайтів
- аналізуємо сайти
- патерни поведінки користувачів
- основи дизайн-мислення
- human-centered design процес та його стадії
- аналізуємо сайти
підібрати по 1 прикладу до кожного типу сайтів. Вказати 3–5 помилок з точки зору користувача.
- конкурентний аналіз
- як зрозуміти ринок сайтів та додатків
- прямі та непрямі конкуренти
- аналізуємо аудиторії та конкурентів за даними лектора
зробити аналіз аудиторії, ринку та конкурентів для інтернет-магазину.
- методології досліджень
- методи проведення юзер-інтервʼю
- пошук респондентів
- обробка даних
- як перетворити дані на дизайн-рішення
- встановлюємо мету і задачу дослідження
- готуємо сценарій інтерв’ю
провести від 5 юзер-інтерв'ю, зробити висновки.
- що таке персони та як їх створювати
- як відобразити те, що знаємо про юзера
- створюємо персону
створити персони та базову СJM на основі даних з юзер-інтерв’ю.
- сценарії взаємодії юзера з інтерфейсом
- як виглядає сценарій на різних етапах проєктування
- розбираємо алгоритм створення user flow та робимо його на прикладі простих рішень
створити user flow для інтернет-магазину.
- як проєктувати дані в цифровий інтерфейс
- прототип: поняття й типи
- робимо перші кроки до створення прототипу
зробити прототип інтернет-магазину.
- що таке юзабіліті-евристики
- аналізуємо інтерфейси на основі евристик
перевірити свій прототип на евристики та допрацювати його.
- як тестувати інтерфейси
- якісні та кількісні тестування
- підготовка до тестування з юзерами
- створюємо інтерактивний прототип
зробити інтерактивний прототип. Створити сценарій для інтерв’ю, провести user-тести й сформувати висновки.
- принципи UI-дизайну
- пошук візуального стилю
- референси та мудборд
- складаємо головну сторінку з референсів
підготувати рефи для всіх сторінок, створити мудборд і зібрати головну сторінку.
- що таке ступені пропрацювання
- робота з концептом на кожному етапі розробки
- презентація дизайн-концепту
- створюємо кілька дизайн-концептів перших сторінок
зробити кілька варіантів візуального стилю для головної сторінки сайту.
- типографія для складних інтерфейсів
- як поєднувати шрифти
- модульні сітки та композиції
- організація простору в дизайні
- коли законно порушувати правила
- як підібрати іконки
- приклади хорошої та не дуже типографії
- приклади роботи сітки на готових сайтах
- приклади порушення правил зі збереженням модульної композиції
допрацювати дизайн-концепт головної сторінки сайту.
- способи навігації та патерни
- шлях юзера
- як зробити сайт зручним
розглядаємо приклади навігацій та патернів.
- дизайн-система: складові та робота в компаніях
- як і навіщо робити UI kit та адаптивний дизайн
- брейк-пойнти
- дивимось приклади дизайн-систем та адаптивних сайтів, робимо UI kit
створити UI kit та мобільну версію основних сторінок.
- складові інтерфейсу особистого кабінету
- ключові помилки під час проєктування
- аналізуємо приклади
- основи анімації
- інструменти для створення анімації
- огляд програми Principle
Курс більше не проводиться. Пропонуємо вам переглянути інші наші курси на цю тематику.