Курсы Web Design / UI/UX

Курс присвячений основам web-дизайну та програмування. Заняття проходять в режимі онлайн-трансляції, а після закінчення курсу студенти отримають сертифікат.

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

Web-дизайн

• Figma, розбір вектора, створення простих іконок та ілюстрації, підбір ілюстрації на стоках
• Робота з сітками та шрифтами - установка шрифтів. Основи створення простого лендингу
• Робота з кнопками, іконками (категоризація), основи кольору
• Оформлення Дизайн системи (UI kit) зі всіма елементами, створення лого на основі існуючого шрифту
• Оформлення сайту - шапка, тіло, футер, створення малої карточки продукту, тексти для сайту
• Оформлення кейсу з сайтом для портфоліо або розбір існуючих портфоліо

Front-end

• Абсолютні та відносні шляхи, файлова структура, структура HTML
• HTML теги, посилання, списки, таблиці
• СSS, підключення, селектори та комбінування
• Псевдокласи, псевдоелементи, шрифти, інструменти розробника
• Зображення, графіка, фон
• Позиціювання, Overflow, Float
• Flex
• HTML 5
• Трансформації, Transition

Python

• Вступ до Python та основний синтаксиc
• Потік керування та функції
• Малювання з модулем turtle
• Списки та кортежі
• Словники
• Створення телеграм-бота

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

• Базовий курс для дітей 12-17 років
• Викладачі - практикуючі фахівці з великим досвідом роботи
• Навчання зосереджене на практиці
• Можливість брати участь в програмі Hillel EVO
• До шостого заняття ви можете повернути 100% внесених за навчання коштів

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

• Владислав Дикий
• Ксенія Скипенко - Lead Designer в Суспільне мислення
• Дмитро Тимощенко - Backend Software Engineer at Boxopay
• Олег Шевченко - Frontend Developer
• Віталій Карпій - QA Engineer
• Руслан Воропай - Інженер-електронік
• Вадим Ольховик - Python Fullstack Web Developer
• Ніна Можарська - Java Developer
• Анна Пудова - UI/UX Designer at Pudova Designer

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

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

Просунуте використання Figma

• Auto layout
• Resizing
• Direction, spacing, and padding
• Alignment and advanced layout
• Absolute positioning
• Створіть колір, текст, ефект і стилі сітки макета
• Застосування стилю до об’єкта
• Групові стилі
• Комопненти
• Екземпляри
• Переіменування шарів
• Варіанти
• Local Variables
• Огляд змінних, колекцій і режимів
• Створення змінних і керування ними

Глибинні інтерв’ю

• Глибинне інтерв’ю
• Поширені помилки у глибинних інтерв’ю
• Interview

UX-проєктування. Паттерни. Поведінка

• Цикл розробки інтерфейсу
• User Persona
• Empathy map
• Юзабіліті аудит
• Етапи процесу UX-проектування
• Патерни у проєктуванні інтерфейсів
• Когнітивні й поведінкові патерни UX-дизайну

Канва ціннісної пропозиції (VPC)

• Value proposition canvas & Users Scenarios
• VPC
• User Scenarios
• User Story
• JTBD

Якість інтерфейсу. Accessibility. Usability

• Accessibility
• Usability

Композиція. Ієрархія. Як збалансувати дизайн

• Композиція
• Патерни нейрофізіології
• Сітки
• Правило "Зовнішнього-внутрішнього"
• Золотий перетин
• Візуальна ієрархія

Branbook

Створення ефективного Landing Page

• Landing page
• Типи цільових сторінок
• Як покращити якість цільової сторінки

E-Commerce

Проєктування інтерактивної взаємодії та Прототипування

• Interaction design Prototyping
• Тригери прототипа
• Smart Animation
• Прототипування з умовними
• Вирази в прототипуванні
• Створення прототипа зі змінною

Рівні деталізації при створенні каркасів інтерфейсу

• Low and High fidelity wireframes
• Wireframes
• Про каркасний шаблон низької точності

UI. Ведення та передача макета

• UI
• UI kit
• Етапи роботи над UI kit
• Як передавати UI kit розробнику, дизайнеру, замовнику?
• Сітки
• UI-KiT

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

• Дизайн мобільного застосунку
• Процес розробки мобільного застосунку
• Область натискання
• Розташування елементів і вимоги до сітки. Android та iOS
• Особливості сенсорного екрану

iOS Гадлайни

• Основи розробки додатків для iOS
• Як врахувати індикатор Home

Юзабіліті тестування. A/B тестування

• Usability Testing
• A/B Tests
• 8 кроків для A/B тестування

Особливості UX у напрямку Fintech проєктів

• Fintech
• Що таке fintech UX дизайн?
• Основні принципи
• 6 компонентів виграшної UX-стратегії fintech

Анатомія Дашбордів

• Dashboard
• Анатомія дашбордів
• Елементи інтерфейсу

Soft Skills для Дизайнерів. Успішні кейси Behance

• 10 Soft Skills for Designers
• Підготовка кейсу на Behance
• Програми для оформлення кейсів

Дипломний проєкт

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

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

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

• Роман Шуральов - UI/UX Designer at Valtech
• Анна Ломонос - UI/UX Designer at Dev-pro
• Олександра Бойович - UI/UX Designer at Belight Software
• Дарина Парфенюк - Product Designer at GR8 Tech
• Ірина Пелипенко - Product Designer at SocialTech
• Дмитро Хижняк - Head of Design Department at Light IT Global
• Андрій Єлісєєв - Lead Designer at Readdle
• Оксана Висоцька - UI/UX Designer at Qlearsite
• Микита Лазутіков - Lead Product Designer at Kindgeek
• Анастасія Школяр - UI/UX Designer at Blue Lemons
• Олександр Головко - UI/UX Designer at Cadabra Studio
• Віталій Максименко - Product Designer at Avenga
• Вадим Пархоменко - Lead Product Designer at CryptoHub
• Раната Рамазанова - Design Lead at Lanp
• Антон Марковський - UI/UX Designer at 1648 Factory
• Антон Чорнобильський - UX/UI Designer at Ocean Agency
• Євген Могільда - UI/UX Designer at NEMESIS
• Михайло Кудринський - Senior UI/UX Designer at Edvantis
• Єлизавета Гусєва - UI/UX designer at Brave Capital
• Андрій Барсуков - UI/UX Designer at Dev-pro
• Марія Симоненко - Experience Designer at SoftServe
• Антон Рева - Product Designer at Doumo
• Іванна Попик - Product Designer at Phase One Karma
• Вікторія Чайковська - Senior UI/UX Designer at Olsys LTD
• Анастасія Макієвська - Senior UI/UX Designer at PandaDoc
• Анатолій Сафронов - Senior Product Designer at Нова Пошта
• Анастасія Федотова - Product Designer at Readdle
• Надія Абросимова - Product Designer at Tonic Health
• Микола Іванов - Chief Operating Officer at Clickable agency
• Анна Піддема - UI/UX Designer at The WhyKingz
• Катерина Кир'янова - Design Team Lead at Sokil
• Аміна Ахмедова - Product Design at Vodafone
• Євген Дружинін - Senior UI/UX Designer

Навчимося проєктувати зручні цифрові продукти, якими хочеться користуватися.

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

Що таке UX

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

Методи та процеси в UX

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

Робота із замовником

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

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

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

Робота з користувачами

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

User personas

• Поговоримо, навіщо потрібні персони й чи можна їх просто вигадати
• Навчимося крок за кроком створювати юзер персони
• Розберемо Customer Journey Map (CJM) - що це таке, навіщо потрібне та як побудувати
• Поговоримо про важливість емпатії як складника human-centered design

Опитування

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

User flow

• Познайомимося з user flow - що це таке та чому є важливим у дизайні
• Розберемо види user flow: блок-схема, масштаб user flow, wireflow, інтерактивний прототип
• Розрізнимо user flow від CJM
• Дізнаємось, як опрацьовувати сценарії взаємодії користувача з інтерфейсом і як це може допомогти
• Визначимо, на якому етапі потрібно будувати user flow
• Детально розглянемо правила побудови user flow

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

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

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

• Дізнаємося, що таке прототип та навіщо його створювати
• Розберемо види прототипів та особливості кожного: low-fidelity, mid-fidelity, high-fidelity
• Розкладемо по поличках інструменти для створення прототипів
• Навчимося будувати прототип у Figma

Закони UX та юзабіліті евристики

• Навчимося перевіряти UX рішення крізь призму патернів людського сприйняття, пам’яті, уваги та загальних юзабіліті принципів
• Розберемо на прикладах основні закони UX та патерни: закон близькості, закон Фіттса, закон Хіка, закон Якоба, F-патерн, 10 евристик Якоба Нільсена
• Навчимося проводити евристичний аналіз

Тестування

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

Презентація

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

Soft Skills

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

Mobile

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

Впевнений UX дизайнер

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

Емоційний дизайн

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

Портфоліо UX дизайнера

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

Матриця компетенцій UX дизайнера

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

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

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

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

• Сергій Ревва - Lead Product Designer в airSlate
• Марина Подстрігіч - Co-founder, Head of Design at Craft Innovations Global
• Іста Чебан - Дизайнерка продукту в Kyivstar.Tech
• Ростислав Матюк - Product Designer at Uklon
• Євгенія Любчик - Product Designer at Soniq
• Вова Хижняк - UX Designer at EPAM
• Валентин Бродський - Co-founder і CEO в Axicube
• Олександра Плужнік - Lead UX Designer в Atupri
• Андрій Рижанков - UX/UI Designer в EPAM
• Аліна Коваль - UX/UI Designer в Riseapp
• Таня Кораб - Product Designer в Siemens
• Данило Приходько - Product Designer at KyivstarTech
• Олена Шевчук - UX Designer at EPAM
• Маргарита Кердікошвілі - UI/UX Designer at Uinno
• Євген Мошнянко - UI/UX Designer at EPAM
• Ян Гладченко - Product Designer at Raiffeisen Bank Ukraine
• Тетяна Кондратенко - UI/UX Designer at Axicube
• Данило Верба - Senior Product Designer at Raiffeisen Bank Ukraine
• Богдан Матвіїв - Артдиректор у dops.digital
• Маріанна Гончар - Senior UI/UX Designer at Awesomic

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

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

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

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

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

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

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

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

Гіпотези, інтерв'ю та тестування: набір для швидкого старту 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

Дизайнер – одна з основних професій у IT-галузіі. Все, що ти бачиш в інтернеті, хтось придумав і намалював. Дизайнери потрібні кожному бренду, тож вакансій завжди багато. Це професія із величезними перспективами. Ти навчишся створювати сучасні інтерфейси та зможеш працювати UI/UX дизайнером у IT або Digital.

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

Web design

• Введення в курс
• Лендинг, його призначення та функції
• Бриф та первинне вебдослідження
• Основи Figma
• Прототипування та сітки
• Композиція, колір та типографіка
• Растрова і векторна графіка
• Оформлення кейсу на Behance
• Особистий проєкт: лендинг із адаптацією
• Особистий проєкт: UI kit та корпоративний сайт

Service Design

• Вебсервіси
• Дизайн-мислення та дизайн-процеси
• Робота з персонами
• Jobs-to-be-done фреймворк
• Figma Pro
• Планування інформаційної архітектури та функцій продукту
• Візуалізація даних
• Анімація
• Аналітика та тестування
• Customer journey map
• Оформлення кейсу на Behance
• Командний проєкт: розробка вебзастосунку

Mobile App Design

• Особливості дизайну для мобільних пристроїв
• Проєктування інтерфейсів для IOS і Android
• Проєктування мобільного застосунку
• Основні патерни
• Навігація
• Анімація в мобільних застосунках
• Публікація застосунку
• Human Interface Guidelines
• Material Design
• Оформлення кейсу на Behance
• Командний проєкт: розробка мобільного застосунку

Soft skills

• Філософія Agile
• Методологія Scrum
• Робота в команді
• Тайм-менеджмент
• Аналітика проєктів
• English speaking club (пакет Plus)
• Робота з EnglishDom Words
• Заняття з працевлаштування
• Складання грамотного резюме
• Створення сторінки на LinkedIn
• Написання мотиваційного листа
• Майданчики для пошуку роботи
• Підготовка до HR-інтерв'ю
• Підготовка до технічного інтерв'ю
• Комунікативні навички
• Тестові співбесіди

Career skills

• Створення резюме
• Оформлення профілів Linkedin та Djinni
• Підготовка до HR та технічної співбесіди
• Індивідуальні кар’єрні консультації
• Рекомендація студентів на вакансії партнерів

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

• Круті ментори
• Кар'єрний сервіс
• 2-3 вебінари на тиждень
• Кабінет my.goit
• Спілкування в чаті

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

• Маша Руденко - Senior UX/UI Designer в GoIT
• Міша Губа - Product Designer в Wispence
• Олійник Тарас - Product UI/UX Designer NEAR One Click Crypto, Jump
• Єршов Владислав - UI/UX Designer
• Білик Андрій - Студія WEBGORILLA, COO
• Скакун Олександр - Art Director & Product Designer
• Заступ Олександр - Lead UI/UX Designer at Lampa Software

На курсі ти пройдеш повний процес створення сайтів: від дослідження користувачів та конкурентів - до фінальної презентації готового рішення реальному клієнту. Навчишся будувати структуру, створювати адаптивні макети у Figma, працювати з типографією, кольором і принципами доступності. Наприкінці матимеш портфоліо з трьома різними за типом вебсайтами: лендингом, багатосторінковим та e-commerce із мобайл-адаптацією, які можна буде показати майбутньому клієнту.

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

Вступ до вебдизайну

• Знайомство з курсом та студентами
• Історія вебсайтів, інтерфейсів та інновацій, які на них вплинули
• Типи сайтів, особливості й відмінності
• Етапи й технології розробки вебсайтів
• ДЗ: Скласти й проаналізувати список вебсайтів, що подобаються, за типами

Figma: Секрети роботи (туторіали в записі)

• Основні елементи інтерфейсу
• Прості фігури та заливка
• Фрейми
• Векторна графіка
• Текст та шрифти
• Маски та ефекти
• Комʼюніті та плагіни
• Вбудовані ШІ функції
• Auto Layout та модульні сітки
• Компоненти та їх варіативність
• Стилі
• Variables
• Дизайн-системи

Воркшоп по Figma

Закріплюємо інструменти Figma на онлайн-воркшопі з лекторкою.

Вступ до структури та процесів

• З чого складається вебсайт: сітка, вайрфрейм, UI, брейкпойнти
• UIKit або дизайн-система
• Етапи створення сайту
• Принцип one click away і три кліки
• Підхід mobile first
• Бізнес-цілі та вимоги
• Потреби користувача і контекст використання
• Бриф: знайомство з продуктом або сервісом замовника
• ДЗ: Ознайомитись із брифом від Skvot і сформулювати додаткові запитання

Практикум - деск-рисерч

• Desk research - що це
• User personas або Jobs to Be Done? Коли що застосовувати
• Competitors Analysis
• План деск-рисерчу
• Розбір планів брифінгу та запитань, фідбек по домашках
• ДЗ: Скласти план деск-рисерчу та провести його

Mapping

• Moodboard (де шукати, чим надихатись)
• AI-інструменти (ChatGPT, FigNotion тощо)
• Підказки: де шукати інсайти - сапорт, сейлз, Google Analytics від клієнта
• На прикладі одного плану деск-рисерчу побачиш, як збудувати Site Map
• ДЗ: Створити Site Map та Moodboard

Фідбек-сесія

• Презентація деск-рисерчу, обговорення помилок і запитань
• ДЗ: Врахувати фідбек щодо деск-рисерчу

Вайрфрейми та UX-проєктування

• Що таке вайрфрейми та UX-проєктування
• Структура AIDA (Attention, Interest, Desire, Action)
• Демо створення вайрфреймів за готовим сайтом
• ДЗ: Створити вайрфрейм сторінки лендингу на основі сайтмепу

Web Accessibility

• Що таке Accessibility
• Важливість Accessibility в дизайні сайтів та в контексті війни
• Інструкції та стандарти доступності (WCAG A, AA, AAA)
• Проєктування для доступності
• Приклади та кейси

UI-концепти й візуальний дизайн

• Типографія
• Макети/сітки
• Кольори (базові принципи)
• Емоційний дизайн проти утилітарного
• ДЗ: Створити доступний UI-концепт сторінки з навігацією

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

• Чому потрібні прототипи
• Flows
• Basic interactions (click, drag, delay)
• Overlay
• Scroll behavior
• Smart Animate
• Поради щодо прототипування
• ДЗ: Створити фінальне клікабельне, адаптивне та доступне дизайн-рішення

Презентація сайту лекторці

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

Цілі, задачі, особливості багатосторінкового сайту. Навігація

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

Воркшоп

• Згадуємо, що таке вайрфрейми та UX-проєктування
• Відповіді на запитання студентів
• ДЗ: Спроєктувати сайтмеп

Прототипування великих сайтів

• Поширені помилки прототипування
• Особливості прототипування багатосторінкових сайтів
• Q&A
• ДЗ: Створити вайрфрейми

UI-концепти й візуальний дизайн. Частина 2

• Макети/сітки
• Типографія
• Кольори (базові принципи)
• ДЗ: UI-концепт (головна сторінка до фідбек-сесії)

Фідбек-сесія

ДЗ: UI-концепт (доопрацювати всі сторінки).

Адаптивність

• Що таке адаптивність
• Брейкпойнти
• Сітки
• Особливості навігації (thumb, нижня навігація)
• ДЗ: Мобільна версія сайту

Презентація сайту лекторці

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

Підготовка до брифування клієнта

• Обговорення запитань до брифу
• Комунікація та етика роботи з клієнтом
• Культурні особливості різних регіонів
• Складні клієнти: хто вони та як з ними працювати
• ДЗ: Ознайомитись із брифом та підготувати запитання

Брифінг з клієнтом

• Знайомство з клієнтом
• Обговорення брифу
• Desk research, User personas, JTBD, Competitors Analysis, Moodboard, Site Map
• ДЗ: Проаналізувати відповіді клієнта, провести desk research, створити Moodboard + Site Map

Стандарти й складові

• Що таке онлайн-магазин
• Типові завдання користувачів
• Основні складові онлайн-магазину
• Сітки, стандарти й евристики
• Адаптивність онлайн-магазинів
• Поради щодо проєктування
• ДЗ: Створити вайрфрейми онлайн-магазину

Типові помилки в UI-концептах та візуальному дизайні

• Dark patterns
• Розбір помилок студентів і сайтів
• ДЗ: Створити UI-концепт головної сторінки з навігацією

Юзабіліті-тестування

• Що таке юзабіліті-тестування
• Типи тестів (кількісні, якісні, модеровані, немодеровані)
• Планування, сценарії, проведення
• Аналіз результатів
• Інструменти
• ДЗ: Створити клікабельний UI всіх сторінок сайту і відтестувати на 5+ респондентах

Фідбек-сесія

• Обговорення процесу та результатів тестувань
• Обговорення адаптивності онлайн-магазинів
• ДЗ: Адаптувати UI всіх сторінок до планшетів та мобільних пристроїв

Фідбек-сесія - презентація драфтів

• Презентація сайтів групі та лекторці
• ДЗ: Доопрацювати сайт після презентації, підготуватися до спілкування з клієнтом

Фінальна презентація клієнту

Презентація сайтів клієнту, обмін інсайтами.

UI Kit і дизайн-системи

• Інтро до Figma Dev Mode
• Що таке UI Kit і дизайн-системи
• Особливості станів елементів для вебу та адаптиву
• Доступність в UI Kit
• ДЗ: Створити UI Kit для передачі в розробку

Кейси та фідбек

• Як створювати кейси
• Обмін інсайтами
• Фідбек від лекторки
• ДЗ: Створити кейси для портфоліо

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

• Допомога ментора
• Практика
• Домашні завдання
• Кейс в портфоліо
• Курсовий проєкт
• Сертифікат про проходження курсу

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

Мар'яна Бучкович - Senior UX/UI Designer at Fedoriv Agency

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

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

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

• Розберемося, що таке дизайн-процес, для чого він потрібен та яким буває
• Дізнаємось, як він допоможе зробити дизайн кращим і принести більшу користь замовнику/продукту
• Ознайомимося з моделлю 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

В тебе є 23 заняття, щоб розібратись із воркфлоу UI/UX-диза та дизайном ігрових інтерфейсів. Зрозумієш, як працює людський мозок, і впровадиш Design thinking у свою роботу - від ресерчу до прототипу й тестування. Забереш головні фішки Figma та Adobe Photoshop для дизайну ігор. Проведеш усі етапи дизайн-спринту для розробки фічі, щоб закріпити скіл для майбутньої роботи.

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

UX/UI Designer у геймдеві: роль та обов'язки

• UX/UI-дизайн: застосунки/сайти VS ігрові інтерфейси
• Головні етапи розробки гри: пре-, продакшн і пост-
• Пайплайн і зони відповідальності UX/UI-дизайнера
• GAME CHANGER: стадії розробки гри та нові задачі
• TEAM BUILDING: з ким працює UX/UI-дизайнер
• Левел-ап UX/UI в геймдеві - зростання та розвиток
• ДЗ: наведи приклади продуктів та сервісів з елементами autotelic activity

Usability

• Евристики юзабіліті та їхнє застосування у відеоіграх
• 10 евристик Якоба Нільсена - батька UX-дизайну
• Ігрові евристики: баланс, прогресія, управління грою та ін.
• Основні елементи юзабіліті для ігрового UX
• ДЗ: пошукати неочевидні ігрові евристики й навести приклади їхнього застосування в іграх

Друга складова UX - Engage ability

• Мотивація. Зовнішні чинники: нагороди, оцінки, рейтинги тощо
• Мотивація. Внутрішні чинники: компетенція, автономність, зв'язність/спорідненість
• Теорії мотивації
• Емоція (3Cs: character|control|camera, новизна, сюрпризи та відчуття присутності)
• Стан потоку та умови його виникнення в грі. Як його не зруйнувати
• ДЗ: навести по 3 приклади фіч в іграх, що стосуються потреб гравців:
  • Компетентність (Competence)
  • Автономія (Autonomy)
  • Спорідненість (Relatedness)

Design thinking

• Основні складові та етапи Design Thinking: емпатія, визначення, ідея та прототипування, тестування та оцінка
• UX-артефакти (персона, user story, user flow)
• Kano Model
• JTBD "JOBS-TO-BE-DONE"
• ДЗ: провести аналіз конкурентів для інтерфейсів розділу меню серед ігор обраного жанру та зібрати з них мудборд + flow діаграми

Першому гравцю приготуватись - вступ до ігрового UI

• Складові ігрового UI: меню та HUD
• Типи представлення ігрових інтерфейсів
• Ієрархія та компонування
• Меню-компоненти
• Патерни та навігація
• Гештальт-принципи в UI-дизайні
• ДЗ: розробити дизайн головного та пауз-меню в команді та самостійно попрацювати над розділами пауз-меню

Figma: tips & tricks

• Автолейаут, змінні, компоненти та їхні властивості
• Microinteractions
• Smart-анімації
• Плагіни для прототипування з геймпадом, видалення фону, шрифти
• Використання OBS Studio для запису функціонування прототипів
• ДЗ: доопрацювати mid-fi вайрфрейми з ДЗ №5 (розробка дизайну меню), відповідно до фідбеку лектора

Дизайн-системи

• Основні компоненти дизайн-системи
• Атомарний дизайн
• Візуальна мова
• Компоненти інтерфейсу

Аналіз проблеми юзабіліті (UX) та груповий брейнштормінг для фіксу

Аналізуємо проблеми юзабіліті в ігровому інтерфейсі, розглядаємо кейси та брейнштормимо для покращення UX.

User Research: методи та інструменти

• Оцінка евристиками
• UX-тести
• Опитування
• Коридорні тести
• Аналітика
• ДЗ: провести A/B-тестування / опитування / коридорний тест для оцінки дизайн-рішення

Командний воркшоп із розробки UX-артефактів на основі мінібрифу

Розробляємо UX-артефакти, аналізуємо вимоги та пропонуємо рішення для досвіду юзера.

Робота зі стайлгайдом гри

• Типографія
• Колористика
• Ігрові стайлгайди
• Композиція
• ДЗ: створити стайлгайд для інтерфейсу гри (на основі наявної гри або ж на основі брифу)

Аналіз та розробка HUD

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

Adobe Photoshop: tips & tricks

• Базові поєднання клавіш
• Швидке видалення фону, маски
• Техніка dodge and burn
• Базові принципи колажування
• Смартоб'єкти, екшени, скрипти
• Пакетна обробка зображень
• ДЗ: допрацювати стайлгайд із ДЗ №11, згідно з фідбеком лектора

Фідбек-сесія

Психологія та робота мозку в іграх

• Сприйняття та пізнання
• Увага
• Пам'ять
• Мотивація
• Емоції: як працюють і на що впливають
• Онбординг гравця: типи та план туторіалів, Learning & Forgetting Curve
• ДЗ: розробити онбординг-туторіал для гри, тестування з іншими учасниками

Розробка UI-дизайну та прототип на основі дизайн-брифу від геймдизайнера

Виконати прототип із ваєрів попередніх ДЗ + провести юзабіліті-тест протипу з 5 учасниками.

Доступність гри. Accessibility A11Y

• Поняття Disability та його типи
• Що таке інклюзивний дизайн
• "Зрізаний бордюр" та його функція в дизайні
• XAG (Xbox Accessibility Guideline)
• Програмні та апаратні рішення
• ДЗ: чек-чек доступності свого дизайну

Всі етапи дизайн-спринту для розробки фічі (командний воркшоп)

Портфоліо та оформлення кейсів

• Як демонструвати всі етапи розробки дизайну
• Інтернет платформи, Figma чи особистий сайт як портфоліо - що краще
• Підготовка до технічного інтерв'ю
• Профіль в Linkedin - як і навіщо розвивати
• Тестове інтерв'ю з рекрутером
• ДЗ: оформити портфоліо з виконаних на курсі робіт

Лекція з HR

• Підготовка CV та створення профілю в LinkedIn
• Аpply for work ресурси: в Україні та за кордоном
• Співбесіда по пунктах: селф-пітч та must Q&A

Business centered design

• Система нагород
• Як потрапити на гачок - Hook Model
• Dark UX patterns та упередження
• ДЗ: навести 1-2 приклади Hook Model в іграх або продуктах і розробити власний концепт Hook Model з чотирма фазами

Фідбек-сесія

Презентація дизайнів

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

• Допомога ментора
• Практика
• Фідбек від лектора
• Домашні завдання
• Проєкт в портфоліо
• Сертифікат про проходження курсу

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

Олександр Шпак - Senior UX/UI Designer в Ubisoft

За 27 занять ти зрозумієш, як створювати й розвивати продукти, які закривають болі юзерів та збільшують прибутки бізнесу. Зануришся в якісні та кількісні дослідження. Будеш аналізувати ринок та конкурентів, створювати й тестувати гіпотези, проводити інтерв'ю та usability-тестування. Зрозумієш флоу роботи до й після запуску продукту, навчишся працювати із замовником і командою та презентувати свої рішення. Скіли закріпиш на практиці - створиш кейс за брифом від реального клієнта.

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

Блок 1. Інтро

Знайомство з професією

• Історія
• Процеси
• Успішні кейси
• Підходи
• ДЗ: складіть список цифрових продуктів, які вам подобаються. Проаналізуйте й запишіть, чим саме вони вас зачепили

Блок 2. Product Design vs Business: як говорити з бізнесом однією мовою

Чого очікує бізнес від Product-дизайнера? Бізнес-моделі та роль дизайну

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

Метрики: як оцінювати успіх продукту

• Чому метрики важливі для Product-дизайнера
• Ключові групи метрик (бізнес-метрики, продуктові метрики, UX-метрики)
• ДЗ: вивчіть продукт клієнта. Визначте й опишіть його бізнес-модель та ключові метрики

Data-driven design та продуктова аналітика

• Що таке Data-Driven Design
• Основи продуктової аналітики
• Як зрозуміти, що працює

Брифінг з клієнтом: як збирати правильні вимоги

• Обговорюємо бізнес-модель клієнта й ключові метрики
• Ключові запитання для брифінгу
• Як правильно вести брифінг
• Що робити після брифінгу
• ДЗ: створіть бриф для клієнта

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

• Розбір реальних кейсів
• Практична робота з аналітикою
• Побудова простих аналітичних дашбордів (GA, Amplitude, Mixpanel)
• Як правильно інтерпретувати дані та уникати помилкових висновків

Воркшоп. Зустріч з клієнтом

• Знайомство з клієнтом
• Обговорення брифу
• Q&A-сесія з клієнтом

Блок 3. Discovery: як зрозуміти користувача

Human-Centered Design: як змістити фокус з бізнесу на користувача

• 5 кроків до Human-Centered Design
• Типи досліджень та як обрати те, що підходить
• Human-centered design vs business

User Interviews: як правильно спілкуватися з користувачами

• Що таке User Interviews
• Планування та підготовка до User Interviews
• Створення ефективних запитань
• AI-інструменти
• ДЗ: скласти план дослідження з бізнес-викликом або проблемою та контекстом, дослідницьким запитанням і метою, запитаннями для інтерв'ю та запитаннями для скринінг-опитування

Практикум. Проведення інтерв'ю

• Пілотні інтерв'ю
• ДЗ: провести інтерв'ю з п'ятьма респондентами

Опитування та Product design

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

Аналіз, гіпотези та їхня пріоритизація

• Транскрибування та організація даних
• Thematic analysis
• User personas
• Journey map
• AI-інструменти
• ДЗ: провести аналіз інтерв'ю, виділити ключові теми та сформувати документ із ключовими висновками

Практикум. Формулюємо гіпотези

ДЗ: сформулювати 3-5 гіпотез та провести їхню пріоритизацію.

Блок 4. Ideate and Craft

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

• Визначення проблеми, яку потрібно розв'язати (Problem Framing)
• Фреймворки для пошуку рішень (How Might We?, Crazy 8s, SCAMPER)
• Як вибрати найкраще рішення. Критерії оцінки ідей (impact vs effort, business vs user value)
• ДЗ: зустрітися з командою та провести брейншторм за фреймворком, описати концепцію вашого рішення

Візуальна мова та UI-підходи

• Що таке візуальна мова продукту
• Основні UI-прийоми (візуальна ієрархія, типографія, колір та контраст, etc.)
• Візуальна мова клієнта
• ДЗ: зібрати референси для вашого рішення

Воркшоп. UI Design Patterns

• Що таке UI Design Patterns
• Типи UI Design Patterns
• Переваги та недоліки використання UI Design Patterns
• Dark patterns та етичний дизайн
• ДЗ: створити UI-концепт

Воркшоп. Емоційний дизайн - як створювати продукти, які люблять

• Що таке емоційний дизайн
• Компоненти емоційного дизайну
• Як тестувати емоційний дизайн
• Кейси
• ДЗ: описати емоції, які відчувають користувачі на кожному етапі вашого flow

Доступність

• Що таке доступність у дизайні
• Ключові принципи доступності
• Основні інструменти
• Як оцінити й покращити доступність продукту
• ДЗ: аналіз доступності свого проєкту

Фідбек

Блок 5. Test

Prototyping

• Чому нам потрібні прототипи
• Low-fidelity vs high-fidelity
• Огляд інструментів
• Практикум: як створити прототип у Figma
• ДЗ: створіть прототип вашого дизайн-рішення

Usability testing

• Що таке юзабіліті-тестування
• Якісне модероване тестування
• Планування юзабіліті-тестів
• Розробка сценарію тестування
• Інструменти
• ДЗ: створити план тестування

A/B-тестування та аналітика

• Введення в A/B-тестування
• Процес A/B-тестування
• Інтеграція A/B-тестування в процес Product Design
• Кейс-стаді

Воркшоп. Проведення тестів та аналіз

• Проведення юзабіліті-тестів
• Аналіз результатів
• Пілотні тестування
• ДЗ: кожен член команди має провести мінімум одне юзабіліті-тестування

Блок 6. Present

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

• Чому важливо ефективно продавати свої ідеї
• Структура ефективної презентації
• Психологія впливу та переконання
• ДЗ: створити презентацію вашого дизайн-рішення

Презентація драфтів лектору

• Презентація кейсів
• Обмін інсайтами
• Фідбек
• ДЗ: підготовка фінальної презентації клієнту

Фінальна презентація клієнту

• Презентація кейсів
• Обмін інсайтами
• Фідбек

Кар'єра

• Як будувати портфоліо
• Де шукати роботу
• Як проходити співбесіди, тестові тощо

Після курсу ти:

• Дізнаєшся, як покращувати продукт. Зануришся в дослідження, щоб знайти проблеми, та навчишся шукати рішення. Зможеш аналізувати ринок та виявляти тенденції. Створюєш прототипи, проводиш юзабіліті-тестування та A/B-тестування
• Аналізуєш поведінку користувачів, проводиш інтерв'ю та опитування, створюєш гіпотези та аналізуєш результати. Розумієш, як візуальна мова впливає на рішення юзера, і знаєш принципи емоційного та доступного дизайну
• Вмієш комунікувати з командою, власником бізнесу та стейкхолдерами. Презентуєш свої дизайн-рішення без зайвого стресу та продаєш ідеї. Упаковуєш портфоліо та розпочинаєш кар'єру продакт-дизайнера

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

• Допомога ментора
• Сертифікат про проходження курсу
• Проєкти в портфоліо
• Воркшопи та практичні заняття
• Робота над кейсом для реального клієнта
• Тестове інтерв'ю на позицію "Продакт-дизайнер"
• Мастермайнд із лектором (за всі виконані домашки)
• one-to-one із лектором (за дотримані дедлайни)

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

Андрій Жулідін - 14+ років досвіду в дизайні, 7 з яких у продакт-дизайні