Курс Mobile Apps Design

Пройдемо шлях створення дизайну мобільних застосунків для Android та iOS від початку до кінця.

Програма курсу

Огляд індустрії мобільного дизайну

• Глобальний ринок iOS та Android
• Особливості проєктування застосунків та розвінчування поширених міфів
• Відмінності дизайну для мобільних та десктопних продуктів

iOS Guidelines

• Дизайн мобільних застосунків для iOS
• Гайдлайни та навіщо вони взагалі потрібні дизайнеру
• Компоненти і практичні лайфхаки роботи з ними

Гайдлайни Material Design

• Все - від одиниць виміру, кольорів до анімацій
• Компоненти: різні типи панелей навігації, іконки, кнопки, картки
• Еволюція дизайн-системи та її компонентів

Дизайн-процес

• Ключові етапи дизайн-процесу, щоб створювати якісні цифрові продукти - від досліджень до передання проєкту в розробку
• Як готуватися та проводити опитування, інтерв'ю з бізнесом і користувачами
• Як виявляти сегменти на цільовому ринку
• Фреймворки user persona та jobs-to-be-done - коли та як їх застосовувати
• Мапа функціональності й інформаційна архітектура - як будувати обидві
• AI для пошуку та перевірки гіпотез про pain points і User Persona

Користувацький шлях

• User flow та як з ним працювати
• Різниця між user flow та customer journey map (CJM)
• Побудова user flow та точки взаємодії для оптимізації користувацького досвіду
• AI для створення робочої назви та позиціонування застосунку

Навігація в застосунках

• Різні види структур навігацій і розглянемо кожну на прикладах
• Елементи навігації в iOS та Android
• Основні правила гарної навігації
• Як обрати головне у застосунку та як краще розмістити функціонал в основних екранах

Дизайн-патерни: частина 1

• Як застосовувати популярні дизайн-паттерни: списки, картки, фільтри, сортування, пошук
• Аналіз патернів на реальних прикладах
• Створення реалістичного контенту для інтерфейсів за допомогою AI

Дизайн форм

• Особливості проєктування інтерактивних форм у мобільних застосунках
• Рецепт чудової форми
• Робота з мобільними компонентами та випадними списками
• Як дизайнити флоу реєстрації/входу й проаналізуємо його на прикладах

Типографія

• Аспекти, які роблять текст читабельним
• Параметри тексту відповідно до вимог Material Design (Android), Human Interface Guidelines (iOS), WCAG 2.0
• Робота з текстом, який користувачі зможуть без проблем читати на мобільному екрані
• Як правильно працювати з відстанню між буквами, міжрядковим пробілом, вирівнюванням тексту та контрастом
• Як обирати гарнітуру та працювати з типографічною системою
• AI для підбору шрифтових пар і перевірки їх у мобільному інтерфейсі

Принципи візуального дизайну

• Базові правила та поради, щоб будувати якісний дизайн інтерфейсу
• Гештальт-принципи та як застосовувати їх в дизайні застосунків
• AI-інструменти для пошуку колірних палітр і перевірки контрастності

Дизайн-патерни: частина 2

• Патерни для першої взаємодії: екрани завантаження, онбординг, підказки, порожні сторінки, помилки, сповіщення
• Аналіз патернів на вдалих і не дуже прикладах
• Як пропрацьовувати різні види empty states: сторінки без контенту, відсутність доступу до інтернету, дозволів
• AI для створення empty states, error states і текстів сповіщень

Прототипування

• Що таке інтерактивні прототипи та чому вони важливі
• Тонкощі роботи з прототипами, які варто враховувати
• Практика: створимо прототипи мобільних застосунків

Тестування

• Етапи дизайну застосунку, на яких варто проводити тестування
• Методи тестувань та особливості кожного
• Проведення тестування
• Тестування власних мобільних дизайнів з користувачами й аналіз фідбеку
• AI для підготовки сценаріїв user testing і нейтральних запитань до користувачів

Анімація

• Основи та функції анімації
• Можливості, які анімація відкриває перед дизайнером
• Інструменти для анімування, їхні можливості та обмеження
• Аналіз прикладів анімацій та практика їх створення

Маркетинг застосунків

• Просування мобільних застосунків
• Що впливає на їхню віральність та рейтинг в App Store, Google Play та яка у цьому роль дизайнера
• Канали просування застосунків
• Основні метрики продукту

Бонусна лекція: дизайн застосунків під iPad, Apple Watch

• Розбір прикладів, що варто враховувати, щоб правильно переносити застосунок з формату смартфона у планшет
• Компоненти притаманні планшетам
• Типи застосунків для розумних годинників
• Особливості лейаутів, тактильних сигналів в інтерфейсах годинників
• Види жестів, які підтримують смартфони, планшети та годинники від Apple

Особливості курсу

• Вебінари щосереди о 19:00, відеолекції відкриваються щопонеділка та щочетверга
• Real-life завдання
• Курсовий проєкт
• Регулярний фідбек
• Сертифікат за здобутки
• Можна повернути кошти протягом 7 днів від початку курсу

Викладачі курсу

• Поліна Удод - Art Director at idealers.agency
• Дмитро Напрієнко - Senior Product Designer at Readdle
• Олександр Павлов - Mobile UI/UX Designer at AVIRISE
• Микола Мельник - Head of Design at Alty
• Ксенія Бутиріна - Senior Product Designer в Livingston Research
• Максим Штомпіль - 5 років досвіду у дизайні
• Стас Говорухін - Створює цифрові продукти, вебсайти та застосунки
• Тетяна Березюк - Lead UI/UX Designer at League Design Agency