Mobile Apps Design

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

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

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

• ключові етапи дизайн-процесу, щоб створювати якісні цифрові продукти — від досліджень до передання проєкту в розробку
• як готуватися та проводити опитування, інтерв’ю з бізнесом і користувачами
• як виявляти сегменти на цільовому ринку
• фреймворки user persona та jobs-to-be-done — коли та як їх застосовувати
• мапа функціональності й інформаційна архітектура — як будувати обидві

‍

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

‍

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

‍

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

‍

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

‍

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

‍

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

‍

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

‍

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

‍

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

‍

‍

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

‍

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

‍

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

^‍