Курсы Web Design / UI/UX

Курс націлений на освоєння навичок доступності, функціональності та практичності в процесі розробки веб-дизайну. Під час навчання учасники отримають знання про основні інструменти для прототипування і створення макетів, що допоможе їм стати більш вмілими у реалізації дизайнерських ідей на практиці. Додатково студенти навчаться аналізувати ринок і цільову аудиторію.

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

Вступ до UI/UX Design

• Знайомство
• UI/UX Design
• Принципи юзабіліті
• Професія дизайнера
• Soft skills
• Tech skills
• Класифікація сайтів

Основи роботи у Figma

• Фрейм
• Робота з зображеннями
• Робота з лініями
• Робота з масками
• Робота з міжрядковою відстанню
• Робота з текстом
• Робота з формою
• Компоненти
• Auto layout

Основи дизайн мислення

• Етапи дизайн-мислення
• UX стратегія
• Usability & Accessibility
• Визначення витрат на взаємодію
• 10 евристик Якоба Нільсена
• Закон Теслера
• Айтрекінг
• Закон Міллера
• Закон Хіка
• Закон Фіттса
• Лендінг
• Конструктори сайтів
• Правила сприйняття інформації. Патерни

UX дослідження та архітектура (part 1)

• Цикл розробки інтерфейсу
• Road Map
• User Persona
• Empathy map
• Методи UX досліджень
• Брифінг
• Double Diamond
• Психологія користувача в рамках інтерфейсу
• Юзабіліті аудит
• Практика

UX дослідження та архітектура (part 2)

• Інформаційна архітектура та її принципи
• Навігаційні та пошукові системи
• Mind Map
• Знайомство з User Flow
• FigJam

UX дослідження та архітектура (part 3)

• Use Case
• User Scenario
• UCD
• JTBD
• Модель Кано
• Композиція
• Патерни нейрофізіології
• Сітки
• Правило "Зовнішнього-внутрішнього"

Типографіка

• Основи типографіки
• Швейцарська типографіка
• Класифікація шрифтів
• Комбінація шрифтів
• Типографіка IOS & Android
• Експериментальна типографіка
• Контурні шрифти
• Велика типографіка
• Надписи від руки, текст навколо фігури
• Накладення фото на текст
• Видима сітка
• Монохром/Бруталізм/Текстури/Плоский дизайн

Теорія кольору (part 1)

• Теорія кольору
• Психологія кольору
• Колірні схеми
• Практика

Теорія кольору (part 2)

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

Основні компоненти сайтів

• MVP
• Типи навігації
• Принципи навігації
• Функціональні блоки
• Контентні блоки
• Слайдер
• Карточки
• Список
• Форми
• Фільтри/сортування
• Поп-ап
• Footer
• Елементи інтерфейсу
• Чекбокси / Радіобатони / Toggle / Controls
• Notifications

e-Commerce. Структура сайту

• e-Commerce
• Структура сайту
• Принципи візуального дизайну
• Sketching
• Короткотривала пам'ять та юзабіліті
• Формати графічних файлів у вебдизайні

Розробка CJM

• Принципи Гештальту
• User Flow для e-Commerce
• Створення CJM

Ефективна сторінка продукту

• Закріплення матеріалу на практиці
• Ефективна сторінка продукту
• Цілі продуктової сторінки
• Аналіз сторінок
• Практика (візуальні вправи)

Передача макетів у розробку

• Айдентика
• Колірний профіль
• UX-копірайтинг
• Передача макетів в розробку

Методології

• Оцінка складності проєкта
• Типи клієнтів
• Типи контрактів
• Agile
• Waterfall
• Scrum
• Kanban
• Jira
• Confluence
• BackLog
• Планінг-покер
• Ретроспектива

Гайдлайни та документація

• Style Guidе
• Design System
• Підбір корисних посилань на різні сервіси
• Атомарний дизайн
• Дизайн-токени
• Темний режим
• Деталі при розробці
• Знайомство з HTML & CSS

Акцентування. Дизайн-система. UI-Kit

• Базовий стиль
• Анатомія стилю
• Візуальна логіка
• Основні принципи логіки
• Робоча пам'ять
• Способи акцентування
• Система. Аналіз системи
• UI-Kit
• Розвиток надивленості

Тестування. Анімація Parallax

• Тестування юзабіліті
• Методи юзабіліті-тестування
• Перевірка ідеї. Quick Usability Checks
• Parallax ефект
• Базові інтерактивні анімації
• Механіка анімацій
• Хореографія анімацій

Responsive & Adaptive дизайн

• Responsive
• Adaptive
• Breakpoints
• Мудборди
• Mobile First
• Desktop First

Особливості мобільної розробки

• Процес розробки мобільного застосунку
• Область натискання
• Розташування елементів
• Історія
• Версії
• Вимоги до сітки
• Відстані
• Розміри елементів & Сторінка 404
• Сенсорний екран
• Breakpoints
• Brainstorming

Behance

• Підготовка кейсу на Behance
• Критерії успішного оформлення кейсів
• Розбір прикладів
• Складання структури макетів
• Підготовка анімацій

Працевлаштування

• Процес проходження співбесід
• Запитання на співбесідах
• Важливі запитання до рекрутера, які варто задати
• Платформи для пошуку роботи
• Фріланс: плюси та мінуси
• CV
• Розбір прикладів

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

• Заняття в режимі онлайн-трансляції
• Доступ до матеріалів в особистому кабінеті після закінчення навчання
• Навчання зосереджене на практиці
• Сертифікат після успішного закінчення навчання
• До шостого заняття ви можете повернути 100% внесених за навчання коштів
• В кінці курсу виконується дипломний проєкт

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

• Аліна Ахмедова - UI/UX Designer at ITOMYCH STUDIO
• Катерина Пшоновська - Senior UI/UX Designer at Playtech
• Юрій Байдан - UI/UX Product Designer at Halo Lab
• Галина Горбатенко - UI/UX Designer at EPC Network
• Олександр Пашков - Product Designer at Treeum Online
• Вероніка Доценко - UI/UX Designer at Overonix Technologies
• Олександр Галушка - UI/UX Designer at Roobykon Software
• Юлія Жуковська - UI/UX Designer at Sendor Holdings Limited
• Юлія Чауш - UI/UX Designer at SoftDrive
• Альона Ляшенко - UI/UX Designer at Linkos Group
• Еліна Пугачова - UI/UX Designer at Choice
• Ольга Саламатіна - UI/UX Designer at Scalr
• Любомир Олянич - Graphic Designer, Front-end Developer at Kolazh
• Денис Золотов - Lead UI/UX Designer at DCoast Design studio
• Анатолій Почколін - UI/UX Designer/Motion Designer at 9 World Design
• Антоніна Сивак - UI/UX Designer at OnlineSharks
• Олександр Купрієвич - Design Team Lead at Clickable agency
• Джастіна Нипорко - UI/UX Designer at Sendor Holdings Limited
• Тетяна Саранча - Senior UI/UX Designer at Spaceberry
• Таісія Квітка - UI/UX Designer at Trendo
• Валерія Хайрова - UI/UX Designer at Allergo
• Олена Кришталь - UI/UX Designer

Курс дозволяє опанувати професію WEB-дизайнера з нуля.На заняттях ви отримаєте досвід роботи з адаптивним дизайном, розуміння етапів створення сайтів та інтерфейсів, навчитесь працювати з Photoshop, Adobe XD, Sketch, Figma, розберетесь в особливостях роботи в агенстві та на фрілансі, а дипломний проєкт стане першою роботою у портфоліо.

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

Фішки та особливості UI/UX дизайну. Введення у Figma

Хто такий UI/UX дизайнер:

• Хто такий UI/UX дизайнер
• Які ососбливості роботи в різних типах компаній
• Що робить UI/UX дизайнер на роботі

Знайомство з Веб-дизайном:

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

Figma. Підкорюємо найтоповішу програму для дизайнерів:

• Знайомство з інструментами
• Робота з різними об'єктами
• Робота зі шрифтами
• Створення обкладинки

Як створювати WOW-сайти

Види сайтів:

• З першу розберемось в типах сайтів
• Класифікація
• Приклади. Коли та які вам потрібні

Збір даних від замовника:

• З ким говорити
• Які питання задавати, аби збір був ефектним
• Як проводити таку зустріч. Правила та поради

Інструменти сучасного дизайнера

Методології / Human centered design процес. UX методології:

• Які підходи існують
• Які підходи коли краще використовувати + як зібрати кейс в портфоліо

Інструменти дизайнера. Як змінювався софт:

• Які задачі виконує діджитал дизайнер
• Як змінювався інструментарій для дизайнерів
• Актуальні програми які сьогодні використовують діджитал дизайнери
• Figma як основний інструмент веб дизайнера

Як дизайн допомагає бізнесам заробляти більше

Персонажі:

• Хто такі персонажі
• Навіщо нам потрібні персонажі. ЇХ задача

Мапа шляху користувача:

• Що таке мапа шляху
• З чого складається мапа
• Як дані перетворюються на рішення

Як і навіщо аналізувати конкурентів

Аналіз конкурентів:

• Як вибрати конкурентів для аналізу
• За якими параметрами їх аналізувати

Figma від А до Я. Практика

Figma. Заглиблення у софт:

• Попрацюєте з зображеннями
• Спробуєте зробити маску
• Попрацюєте з базовими фігурами
• Попрацюєте з шрифтами

Figma. Продовження роботи:

• Скачаєте шрифт
• Попрацюєте зі шрифтами
• Попрацюєте з усіма відстанями та розмірами
• Попрацюєте з масками

Figma. Фінал:

• Попрацюєте з компонентами
• Зробите кольорові стилі та стилі шрифтові
• Поринете у figma community

Типи сайтів. Створення стилів та сіток (практика)

Елементи сайту. Стилі, сітки та автолейаути:

• Які бувають типи сайтів та їх елементи
• За якими параметрами їх аналізувати

Створення прототипів та їх адаптація

Створюємо прототип:

• Що таке прототипи
• Які інструменти прототипування існують
• Навіщо потрібні прототипи

Методи дослідження. Як виділитись серед 99% дизайнерів на ринку

Дослідження в дизайн процесі:

• Які методи досліджень існують
• Які методи коли краще використовувати

Інтерв'ю з користувачами:

• З ким говорити для вдалого інтерв'ю
• Які питання задавати, аби підвищити ефективність

Інформаційна архітектура:

• Що таке інформаційна архітектура
• Навіщо вона потрібна
• Як нею користуватись

Тестування інтерфейсів:

• Що таке тестування інтерфейсів
• Що саме треба тестувати
• З ким тестувати

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

Аналіз сайтів конкурентів:

• Як правильно створювати дизайн для мобільних пристроїв
• Адаптація складних елементів

Розбір шрифтів, кольору, композиції, гармонії

Типографіка:

• Класифікація шрифтів
• Шрифтова термінологія
• Принципи типографіки

Композиція:

• Основи композиції
• Засоби гармонізації
• Композиція у кіно та мистецтві

Колір:

• Історія розвитку
• Колірне коло
• Створення гармоній

Принципи дизайну, які не варто ігнорувати

Закони і принципи дизайну:

• Закони дизайн процесу
• Takeaways
• Історія

Баухаус:

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

Дизайн системи та UI kit. Розробка лендінгу (практика)

Надивленість дизайнера і як її розвивати:

• Визначення та важливість креативності в дизайні
• Способи стимулювання та розвитку творчого мислення
• Застосування надивленості для досягнення високих результатів у веб-дизайні

Дизайн лендінгу:

• Особливості та цілі лендінгових сторінок
• Елементи успішного лендінгу
  • заголовки
  • візуальні елементи
  • виклик до дії (СТА)
• Приклади успішних лендінгів та аналіз їх ефективності

Дизайн система та UI kit. iOs, Android. Особливості та гайдлайни:

• Навіщо потрібні правила
• Що таке UI Kit
• З яких елементів складають UI Kit
• Етапи та переваги створення UI Kit
• Що таке Design System
• Принципи атомарного дизайну
• Приклади відкритих дизайн систем

Як зробити сайт зручним? Принципи Accessibility та адаптування

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

• Означення прототипування та його роль у дизайні веб-сайтів
• Інструменти для створення прототипів:
  • Sketch
  • Adobe XD
  • Figma
• Важливість тестування прототипів перед реалізацією

Як зробити сайт зручним для всіх (Accessibility):

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

Адаптація під мобільну версію:

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

Верстка з боку дизайнера

Як передати макет на верстку:

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

АІ в дизайні: як використовувати

Корисні сайти для дизайнерів:

• Популярні ресурси для навчання та інспірації
• Інструменти для роботи з кольорами, типографією, векторною графікою тощо
• Спільноти та оруми для обміну досвідом та підтримки

Штучний інтелект для дизайнерів:

• Використання штучного інтелекту в веб-дизайні
• Інструменти та сервіси, які допомагають автоматизувати деякі завдання дизайнера
• Перспективи розвитку штучного інтелекту в галузі дизайну

Розробка сайту у Webflow. Практика

Початок роботи з Webflow:

• Ознайомлення з основними інструментами та можливостями платформи Webflow
• Знання процесу створення та налаштування робочого середовища у Webflow

Базові знання Webflow:

• Глибше розуміння структури та принципів роботи з Webflow
• Основи розміщення елементів на сторінці, робота зі зв'язками та відступами
• Навички створення і редагування компонентів та стилів у Webflow

Початок верстки реального сайту:

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

Верстка сайту. Таби та слайдер:

• Вивчення та впровадження елементів веб-дизайну, таких як вкладки та слайдери
• Навички створення і налаштування табів та слайдерів для поліпшення взаємодії з користувачем на сайті

Webflow CMS:

• Ознайомлення з можливостями та принципами роботи з системою (CMS) у Webflow
• Навички створення та налаштування колекцій, поля для контенту та зв'язків між сторінками сайту

Анімації у Webflow + Мобільна адаптація:

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

Завершення роботи над сайтом. Фінальні налаштування:

• Оцінка та аналіз готового веб-сайту з використанням Webflow
• Вирішення останніх питань та корекція та корекція недоліків перед запуском сайту

Як "упакувати" себе і рухатись вгору по кар'єрі

Куди рухатись далі. Фріланс та агенція:

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

Позиціонування:

• Навички визначення та розробки унікальної пропозиції продажу у веб-дизайні
• Вивчення методів позиціонування себе на ринку та виокремлення з конкурентів

Упаковка портфоліо:

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

Як шукати клієнтів і продавати їм дорого

Пошук клієнтів. Розбір найефективніших методів:

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

Як закрити клієнта на зум зідзвоні:

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

Особистий бренд. Де просуватись:

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

Ази Adobe Photoshop та Illustrator

Фотошоп:

• Основні інструменти та можливості програми Adobe Photoshop
• Робота з шарами, фільтрами, корекцією кольору тощо
• Практичні вправи та проєкти для вивчення програми

Ілюстратор:

• Основні функції та інструменти програми Adobe Illustrator
• Векторна графіка: переваги та особливості використання
• Техніки створення логотипів, іконок, ілюстрацій тощо

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

• Допомога ментора
• Практика
• Практичні домашні завдання
• Викладачі-практики
• Навчання у зручний час
• Диплом
• Можливість вчитися з нуля
• Персональний куратор
• Дипломна робота для портфоліо
• Чат із вакансіями

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

• Іста Чебан - Продуктовий дизайнер у Київстар
• Євген Педорич - Продуктовий дизайнер у Київстар
• Олена Богатирьова - UI/UX дизайнерка
• Дмитро Загородній - 6 років досвіду у веб-дизайні
• Ігор Іванченко - Веб-дизайнер, no-code розробник
• Ірина Руденко - 3 роки досвіду в веб-дизайні

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

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

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

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

iOS Guidelines

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

Гайдлайни Material Design

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

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

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

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

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

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

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

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

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

Дизайн форм

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

Типографія

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

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

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

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

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

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

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

Тестування

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

Анімація

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

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

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

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

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

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

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

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

• Ксенія Бутиріна - Senior Product Designer в Livingston Research
• Олександр Заступ - Product Designer у Київстар
• Анастасія Зімон - UI/UX Designer at Tubik Studio
• Поліна Удод - Art Director at idealers.agency
• Маріанна Гончар - Senior UI/UX Designer в Awesomic, Product Designer в Lumio
• Лілія Бардіна - Senior Product Designer at TaxDome
• Олександр Павлов - Mobile UI/UX Designer at AVIRISE
• Олександр Дудченко - Lead Designer at Voit Digital
• Валентин Бродський - Co-founder, CEO at Axicube
• Тетяна Кондратенко - UI/UX Designer at Axicube

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

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

Принципи проєктування мобільних інтерфейсів

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

Дизайн-системи в мобільних продуктах

• Розберемося, що таке дизайн-система й у чому її сила
• Розглянемо токени й компоненти
• Організація та імплементація

Форми у мобільних інтерфейсах

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

Гіпотези, інтерв'ю та тестування: набір для швидкого старту discovery

• Розберемо, як правильно формулювати гіпотези
• Проаналізуємо, що має бути в гіпотезі, щоб переконатися, підтверджена вона чи спростована
• Опануємо дослідницькі інструменти для перевірки гіпотез різних типів
• Дізнаємось, як підготуватись до тестування та інтерв'ю з користувачами

Дизайн онбордингу та першої сесії

• Визначимо на березі, що таке онбординг та для чого він потрібен
• Дізнаємося все про aha-moment та як його визначити
• Навчимося вести користувачів до цінності й утримувати нових юзерів після завантаження застосунку та першої взаємодії з ним
• Розберемо приклади онбордингів й приглядаємося, які працюють класно, а які варто покращити

Human interfaces guidelines та material design

• Пройдемося кожною дизайн-системою, щоб навчитися створювати нативні, швидкі в розробці інтерфейси з доступних компонентів
• Розберемо особливості material design для Android, iOS та вебінтерфейсів
• Вивчатимемо UI Kit та SwiftUI та як працювати з їхніми документаціями
• Дізнаємося, як працювати з навігацією, модальністю, таблицями та рядками
• Розберемо дизайн-гайди з останніх iOS
• Розглянемо особливості дизайну запитів на дозвіл, сенсорного досвіду, віджетів, списків дій і випадних меню
• Навчимося працювати з типографією, іконками та кольорами для мобільних інтерфейсів

Дизайн типових рішень в застосунках

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

Робота з тригерами

• Навчимося дизайнити застосунок так, щоб користувачі поверталися частіше
• Дізнаємось, як формувати в юзерів звички за допомогою дизайн-гачків і тригерів
• Розглянемо реальні приклади залучення тригерів в онбординг застосунків

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

• Визначимо, що взагалі таке кросплатформний застосунок
• Дізнаємось, як його створювати та які у нього переваги й недоліки
• Розберемо підходи до дизайну кросплатформ
• Навчимося працювати з технічними можливостями й обмеженнями фреймворків, щоб отримати нативний UX

Дизайн і маркетинг

• Дізнаємося шлях користувачів, який вони проходять, щоб опинитися в магазині застосунків App Store і Google Play
• Розберемось, як працюють магазини застосунків та яку роль відіграє ASO
• Навчимося пропрацьовувати очікування користувачів і створювати сторінку застосунку в App Store та Google Play
• Опануємо роботу зі знімками екранів, відео, описами застосунку та А/B тестуванням маркетинг-дизайну

Дизайн PWA

• Навчимося працювати з технологією, що дозволяє будувати вебзастосунки, які можна завантажити на телефон з браузера
• Поговоримо про адаптивний дизайн
• Дослідимо можливості HTML5 на мобільних пристроях та корисні API

Оформлення контенту

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

Продуктові метрики в мобільних застосунках

• Розберемо групи метрик, CAC та LTV
• Знайдемо відповідь, чому retention - найголовніша метрика в мобільному застосунку
• step by step пройдемося по тому, як дизайнити, запускати та оцінювати мобільні експерименти (A/B тестування)
• Дізнаємось, як дизайнити для залучення, активації та монетизації

Кар'єрне

• Дізнаємось, як потрапити у велику компанію
• Проаналізуємо особливості проєктів, плюси та мінуси
• Зрозуміємо, як правильно збирати портфоліо та проходити співбесіди
• Вивчимо, як документувати свої рішення та продуктивно співпрацювати з командою
• Розберемо решту кар'єрних запитань, на які хочете знайти відповіді

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

• Живі заняття
• Регулярний фідбек
• Курсовий проєкт
• Сертифікат за здобутки
• Можна повернути кошти протягом 7 днів від початку курсу

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

• Тетяна Біломар - Продуктова дизайнерка в Сільпо
• Дмитро Шведун - Product Designer at Meta Inc.
• Данило Приходько - Дизайнер продукту в Kyivstar.Tech

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

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

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

• Розберемося, що таке дизайн-процес, для чого він потрібен та яким буває
• Дізнаємось, як він допоможе зробити дизайн кращим і принести більшу користь замовнику/продукту
• Ознайомимося з моделлю Double Diamond та її етапами
• Зрозуміємо, як завдяки дизайн-процесу поєднати потреби користувача, цілі бізнесу та технічні можливості
• Збагнемо, як в його межах організовувати роботу дизайнера

Збір бізнес-вимог

• Зрозуміємо, що таке kick-off дизайн-проєкту та які завдання він виконує
• З'ясуємо, хто такі стейкхолдери та їхні ролі, яка відповідальність у кожного учасника
• Розберемося, як залежно від цих ролей вести комунікацію та до яких етапів кого залучати
• Отримаємо поради та лайфхаки, як правильно підготуватися та провести kick-off
• Зосередимося на інтерв'ю стейкхолдерів: як провести попереднє дослідження, скласти запитання та провести розмову ефективно
• Дізнаємося, що таке stakeholder mapping, для чого його робити та що воно нам дає
• Зрозуміємо, як працювати з отриманими даними, щоб бачити загальну картину проєкту/продукту та з'єднати точки між дизайном і бізнесом

Аналіз домену

• Аналізуємо домен (сферу) замовника чи компанії, навчаємося визначати його сильні та слабкі сторони
• Розберемося, що таке конкурентний аналіз і навіщо він потрібен
• Навчимося правильно ставити завдання, обирати конкурентів, визначати показники, інтерпретувати та оформлювати отримані дані
• Потренуємося мапити бізнес за допомогою канвасів і фреймворків, які пропрацьовуємо на практиці

Розуміння цільової аудиторії

• Поговоримо, як знаходити та фіксувати болі користувачів, покращувати їхній досвід і робити UX дійсно seamless
• Практикуватимемося правильно проводити юзер інтерв’ю та пропрацюємо потенційно складні ситуації, які можуть трапитися на них
• Навчимося працювати з цією інформацією так, аби наші дизайн-рішення були правильними, а проблеми користувачів дійсно важливими

Фреймінг дизайн-челенджу

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

Інформаційна архітектура, сортування карток, tree testing

• Вивчимо принципи та методи створення ефективної інформаційної архітектури для цифрових продуктів
• Розглянемо, як правильно організувати контент, щоб він був зрозумілим і доступним
• Попрактикуємо техніку сортування карток для оптимізації структури сайтів
• Навчимося визначати, як користувачі групують інформацію та як використовувати ці дані для створення інтуїтивно зрозумілої навігації
• Застосуємо методику tree testing для перевірки інформаційної архітектури без візуального дизайну, щоб зрозуміти, наскільки легко користувачі можуть знайти потрібну інформацію
• Освоїмо методи тестування та валідації інформаційної архітектури
• Зберемо та проаналізуємо зворотний зв'язок від користувачів для покращення навігації та зручності використання продукту

Процес ідеації

• Спробуємо різні техніки генерування дизайн-рішень: how might we, crazy 8, 5 whys
• Поговоримо, як правильно проводити брейншторми
• Навчимося практики mindmapping

Валідація дизайн-рішення

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

Концептуальні та ментальні моделі

• Дізнаємося, що таке концептуальні та ментальні моделі та як усунути розрив між ними
• Розберемо User Journsy Mapping, Service Blueprint, System Maps
• Вивчимо, як працювати з UML Use Case Diagram, task та user flow, Customer Journey Map
• Опануємо мапінги бізнес-процесів - Blueprint та Business Process Model and Notation

Юзабіліті та його вимірювання

• Розкладемо по поличках, що таке юзабіліті
• Дізнаємося, з яких частин воно складається, коли та навіщо його проводити
• Розглянемо різні види досліджень: якісні та кількісні, віддаленні та вживу, модеровані та ні
• З'ясуємо різницю між ними, переваги та недоліки кожного
• Вчитимемося ефективно їх вимірювати, незалежно від обраного варіанту

Прототипування та дизайн-системи

• Визначимо, чим є і не є прототипування, коли та навіщо його застосовувати
• Дізнаємося про види прототипування та в якому кейсі використовувати кожен
• Зрозуміємо, як правильно ділитися прототипами з користувачами
• Розберемо ключові tips & tricks для побудови дизайн-системи
• Створюватимемо дизайн-систему для проєкту

Фасилітація UX воркшопів

• Визначимося, навіщо та коли їх проводити
• Досліджуватимемо різні типи воркшопів та особливості кожного
• Дізнаємось, як будувати план та організовувати людей, щоб отримати максимально якісний результат
• Навчимося покроково проводити якісний воркшоп

Аналітика та метрики

• Покращуватимемо користувацький досвід на основі аналітики
• Дізнаємось, як ставити правильні запитання, щоб отримати якісну інформацію
• Дослідимо фреймворки розвитку продукту
• Обговоримо, на які показники треба звертати увагу
• Вчитимемося трактувати метрики

Комунікація та презентація

• Навчимося презентувати проєкти на основі чітких даних і результатів, тренуватимемося робити це ефективно
• Розглянемо основні види оповіді та у презентаціях
• Дізнаємось, як правильно давати фідбек та вибудовувати взаємодію всередині дизайн-команд

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

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

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

• Євген Олексюк - UX Designer в EPAM
• Микола Анікєєнко - Senior Designer at EPAM
• Анна Дем'яненко - Lead Product Designer at Lazarev
• Марія Коковіна - Product Designer в Questrade
• Надя Любак - Lead Product Designer в Corytech
• Анна Ліщинська - Senior Product Designer at Fozzy Group