курс про створення дизайну інтерфейсів

• конкурентний аналіз
• як зрозуміти ринок сайтів та додатків
• прямі та непрямі конкуренти
• аналізуємо аудиторії та конкурентів за даними лектора

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

• методології досліджень
• юзер-інтервʼю: методи проведення
• пошук респондентів
• обробка даних
• як перетворити дані на дизайн-рішення
• встановлюємо мету та задачу дослідження, готуємо сценарій інтерв'ю

провести від 5 юзер-інтерв'ю, зробити висновки.

• що таке персони та як їх створювати
• відображуємо те, що знаємо про юзера
• створюємо персону

створити персони та базову СJM на основі даних з юзер-інтерв’ю.

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

• сценарії взаємодії юзера з інтерфейсом
• як виглядає цей сценарій на різних етапах проєктування
• розбираємо алгоритм створення user flow та робимо його на прикладі простих рішень

створити user flow інтернет-магазину.

• UX Writing як частина дизайн-проєкту
• з ким взаємодіє UX Writer
• типи UX-текстів
• UX Writing vs Content Design: відмінності
• microcopy 101
• транзакційні комунікації
• дивимось кейси та обговорюємо їх

• робимо кілька типових тасків UX Writer — від простих до комплексних

• як проєктувати дані в цифровий інтерфейс
• прототип: поняття й типи
• робимо перші кроки до створення прототипу

зробити прототип інтернет-магазину.

• поняття «юзабіліті евристики»
• як за допомогою ЮЕ проводити аналіз інтерфейсів
• аналізуємо інтерфейси на основі евристик

перевірити свій прототип на евристики та доробити його.

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

• як тестувати інтерфейс
• якісні та кількісні тестування
• підготовка до тестування з юзерами
• створюємо інтерактивний прототип

• зробити інтерактивний прототип
• створити сценарій для інтерв’ю, провести user-тести та сформувати висновки.

• як перетворити результат тестування на влучне дизайн-рішення

фіналізувати прототип.

• UI-дизайн та його принципи
• пошук візуального стилю
• референси та мудборд
• складаємо головну сторінку з референсів

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

• поняття, ступені пропрацювання та робота з концептом на кожному етапі розробки
• презентація дизайн-концепту
• створюємо кілька дизайн-концептів перших сторінок

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

• типографія для складних інтерфейсів
• як поєднувати шрифти
• модульні сітки та композиції
• організація простору в дизайні
• коли законно порушувати правила?
• підбираємо іконки, щоб усе в одному стилі
• дивимось приклади хорошої та не дуже типографії
• дивимось приклади роботи сітки на готових сайтах
• дивимось приклади порушення правил, коли при цьому зберігається модульна композиція

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

фіналізувати дизайн головної сторінки сайту.

• каталог, фільтри, сторінка товару, кнопки, контроли, поп-апи
• реєстрація, оформлення замовлення, кошик, чекаут
• розбираємо e-commerce кейси з оформлення замовлень

зробити дизайн внутрішніх сторінок сайту.

• дизайн-система: складові та робота в компаніях
• як і навіщо робити UI kit
• як, навіщо (і чому потрібно) робити адаптивний дизайн
• брейк-поінти
• дивимось на приклади дизайн-систем та адаптивних сайтів, робимо UI kit

створити UI kit та мобільну версію основних сторінок.

• створюємо адмінпанель CRM-системи
• презентуємо дизайн-рішення в команді
• отримуємо фідбек

• приклади особистих кабінетів
• як зберігати консистентність сайту в цьому розділі
• підготовка макетів та ТЗ
• комунікація з розробниками

зробити дизайн особистого кабінету, підготувати ТЗ для розробників.

• мобайл vs веб: відмінності
• етапи створення та способи розробки додатка
• гайдлайни iOS та Android
• збираємо кілька екранів за гайдлайнами iOS

придумати тему для свого проєкту. Знайти топ-3 апки у своєму телефоні. Розписати, що подобається, а що можна покращити. Створити кілька екранів соцмережі за гайдами iOS та Android. Створити кілька головних сторінок для додатка за гайдами iOS.

• способи навігації та патерни в додатках
• шлях юзера
• як зробити апку зручною
• розглядаємо приклади навігацій та патернів (на продуктах, які мають веб та додаток)

зробити навігацію в додатку, орієнтуючись на навігацію сайту. Продумати навігацію для свого проєкту.

• шлях юзера до головної сторінки
• проєктування форм у мобільних застосунках
• екран завантаження, вхід та реєстрація
• онбординг, підказки, порожні скріни, помилки
• проєктуємо екран реєстрації та онбординг

зробити всі сторінки свого додатка.

• основні сторінки та головні елементи
• основні компоненти
• еngagement юзерів
• додаткові патерни в додатках
• запити на дозволи від юзера
• еmpty states

зробити дизайн основних сторінок додатка та створити додаткові екрани.

• оформлення візуальної частини апки для App Store та Google Play
• додаткові матеріали

оформити додаток для App Store.

• як оформити проєкт, щоб у всій красі (і функціонально)
• формати оформлення: презентація клієнту, команді або кейс у портфоліо

оформити кейс для портфоліо.

• етапи роботи над проєктом
• проблеми, завдання, цілі проєкту
• як провести брифінг

підготувати запитання для брифінгу з клієнтом.

провести передпроєктний аналіз, створити архітектуру проєкту та підібрати референси.

ЧАС НА ВИКОНАННЯ ПРОЄКТУ — 21 ДЕНЬ

зафіналити передпроєктний аналіз, почати проєктування інтерфейсу.

ЧАС НА ВИКОНАННЯ ПРОЄКТУ — 21 ДЕНЬ

• готуємось до презентації
• вчимось аргументувати свої рішення
• оцінюємо коментарі клієнта

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