• Знайомство. Ринок мобільних застосунків у наші дні.

• Нативні та кросплатформні програми, мобільний сайт. Чим відрізняється дизайн застосунків від дизайну сайтів.

• HIG (iOS). Особливості платформи, UI кіт.

• Material Design Guidelines (Android). Особливості платформи, UI кіт.

• Відмінність платформ.

• Етапи розробки продукту.

• Брифування клієнта

• Вторинне дослідження

• Визначення ЦА

• Опитування

• Інформаційна архітектура мобільних застосунків.

• Як створити ІА?

• Navigation and sitemap. Як продумати шлях користувача у продукті

• Аргументація рішень

• Typography. Типографіка платформ. Правила використання й оформлення текстів в інтерфейсах

• Elevation (Принцип височини) в Material Design 3

• Viewport та роздільна здатність екранів

• Макет та сітка HIG (iOS)

• Макет та сітка Material Design (android)

• Детальний розбір навігації обох платформ

• FAB (плаваюча кнопка дії в Material Design)

• Компоненти. Варіанти. Автолейаут

• Splash screen. Екран-заставка

• Онбординг. Основні риси та правильна побудова/

• UX Writing мобільних застосунків

• Елементи інтерфейсу: Tabs, Segmented buttons, Segmented controls

• Системні кнопки Apple & Material

• Іконки

• Sign in/Sign up. Текстові поля обох платформ

• Sign in with Apple

• Елементи інтерфейсу: bottom app bar, toolbar

• Порожні екрани

• Технології у мобільних інтерфейсах: Карта, локація, AR

• Нотифікації, геолокація та доступи. Коли питати дозволу?

• Модальні вікна

• Push notifications

• Особистий кабінет користувача

• Сторінка налаштування

• Списки, таблиці, картки

• Жести

• Checkbox, Radio button, Switch & Toggle

• Стрічки активності

• Сторінки бронювання (подорожі, місце в коворкінгу)

• Елементи інтерфейсу: date & time pickers

• Фільтри та сортування — де і як використовувати.

• Оплата у застосунку

• NFC

• Як презентувати свої рішення?

• Спілкування та листування з клієнтами

• Урок по презентації свої робіт та рішень;

• Практика презентації на курсі;

• Кожен студент отримує детальний фідбек

P.S. 2 рази за курс

• Moodboard. Формування мудбордів за візуальними рішеннями та патернами

• Tone of voice застосунків

• Кольори

• Темна тема

• Тренди та антитренди

• Візуальне оформлення. З чого складається гарний дизайн та як його створити

• Зображення, фото, ілюстрації

• UI kit

Мета: вийти за рамки своїх уявлень, попрактикувати надивленність

• Практикуємось знаходити різні ідеї та редизайнити

• Візуальна ієрархія

• UX закони та найкращі практики дизайну застосунків

• Проєктування для орієнтації пристрою: від книжкової до альбомної

• Accessibility

• Що таке "супераппи"?

• Animation. Основи анімації, принципи

• Створення прототипів мобільних застосунків, тонкощі, які варто враховувати

• App Store/Google Play. Скріншоти та іконки застосунків.

• Іконки застосунків

• Widgets

• Як просувають мобільні застосунки та що впливає на рейтинг

• Гейміфікація (mobile apps engagement)

• Передача файлів розробникам

• Юзабіліті тестування мобільних застосунків

• Метрики

• Ментальні моделі

• Аналізуємо свій прогрес на курсі;

• Ділимося успіхами та фейлами;

• Визначаємо зони розвитку

• Правильне оформлення Case study проєкту

• Портфоліо: варіанти оформлення

• Базово про дизайн для годинників

• Live Activities (iOS)

• Dynamic Island

• Співбесіда в IT компанію на посаду Mobile UX/UI designer

• Резюме

• Soft skills

• Тестове завдання

• Готуємося до проходження співбесіди по лекції;

• Практикуємося в групі і отримуємо фідбек