UX/UI Как сконструировать продукт, которым будут пользоваться и рекомендовать другим
О чём курс
О курсе
Реальные кейсы специалистов из Сбербанка, Mail.ru, Ozon и Авито показывают продуктовый дизайн и UX/UI-проектирование в действии. Примеры охватывают полный цикл создания цифрового продукта — от предпроектного анализа и исследований до сборки интерактивных интерфейсов и проверки гипотез на пользователях.
Для кого
Материал ориентирован на специалистов смежных направлений:
- менеджеры продукта, стремящиеся быстрее вовлекать пользователей, повышать конверсию и увеличивать частоту повторного использования сервиса;
- разработчики приложений и веб-сервисов, желающие самостоятельно проектировать интерфейсы без привлечения сторонних специалистов;
- предприниматели, которым необходимо создавать востребованные и удобные для аудитории продукты;
- маркетологи, планирующие усиливать офферы и ценностные предложения с помощью интерфейсных решений.
Что внутри
Обучение выстроено вокруг методологии дизайн-мышления и прохождения дизайн-спринта. Участники изучают аналитические инструменты: сегментацию аудитории, концепции Jobs to be Done и Customer Development, а также составление пользовательских историй и построение Customer Journey Map.
Практический блок сосредоточен на прототипировании ключевых экранов и логики взаимодействия в редакторе Figma. Разбираются навигационные паттерны, визуальный дизайн, компоненты, автолейауты и создание кликабельных анимаций. Финальная часть курса посвящена организации юзабилити-тестирования, выявлению проблемных зон интерфейса и презентации готовых результатов.
Программа обучения
- Модуль 1 Discovery. Постановка задачи
- Введение в основные понятия
- Что в себя включают понятия юзабилити, UX, CX
- User Centered Design. Дизайн, ориентированный на пользователя
- Введение в Design Thinking
- Изучение конкурентов с помощью подхода Jobs to be Done
- Сегментация аудитории
- Как с этим всем связан подход Customer Development
- Постановка задачи
- Определение целей работы — что мы пытаемся изменить
- Определение стейкхолдеров (заинтересованных участников) и ролей
- Подготовка брифа. Плюсы и минусы работы над UX/UI внутри компании и на заказ
- Введение в основные понятия
- Модуль 2 Research. Исследование
- Персонификация
- User profiles. Профили пользователей
- Use cases. Примеры использования
- User stories. Пользовательские истории
- Путь пользователя
- Подготовка скриптов
- Проведение интервью
- Анализ результатов
- Путь пользователя
- Построение Customer Journey Map
- Примеры
- Частые ошибки
- Сценарии использования
- Разбиение Customer Journey Map на сценарии
- Совмещение User Stories и сценариев
- Приоритизация сценариев. Основные сущности и роли
- Персонификация
- Модуль 3 Prototyping. Прототипирование
- Ключевые экраны
- Выявление ключевых шагов приоритетных сценариев. Пример Авито Работы: сценарии соискателя и работодателя
- Как ключевые шаги превращаются в экраны интерфейса. Пример Авито Работы: основные экраны в сценарии соискателя
- Навигационные паттерны в мобильных приложениях. Пример Яндекс. Дзена: как разные навигационные решения влияли на пользовательский опыт. Пример Авито Работы: использование навигационных паттернов в сценарии соискателя
- Навигационные паттерны в интерфейсах на десктопе. Пример Яндекс. Маркета: как расположение CTA влияет на пользовательское поведение
- Макетирование интерфейсов
- Схематичные макеты: где и как их можно рисовать
- Выделение целевых действий на основных экранах сценария. Пример Авито Работы: целевые действия в сценарии соискателя
- Типы элементов
- Основы расположение элементов на экране. Два примера поиска Яндекса: как табличный вид поисковой выдачи провоцировал баннерную слепоту, как сужение выдачи повысило доходы компании
- Визуальный дизайн
- Сетка. Пример поиска Яндекса: как выравнивание влияет на пользовательский опыт
- Шрифты
- Цвета
- Форма элементов
- Анимация. Пример Яндекс Дзена.
- Единство стиля. Пример Авито Работы: как сетка, типографика и цвет работают на единство стиля
- Первый кликабельный прототип в Figma
- Пример Авито Работы: собираем кликабильный прототип для сценария соискателя
- Возможности приложения Figma: стили, компоненты, автоматический лэйаут. Рисуем главную страницу: меню, поиск, сниппеты
- Прототипирование. Связываем экраны между собой в пользовательский сценарий
- Режим показа прототипа
- Второй кликабельный прототип в Figma
- Пример Авито Работы: улучшаем прототип для сценария соискателя
- Гибкие возможности прототипирования: работаем со скроллом и «прилипающими» элементами, добавляем контекстные всплывающие окна, анимируем переходы между экранами, делаем контекстно всплывающие элементы
- Совместная работа. Библиотеки компонентов. Sharing. Комментарии. Спецификации для фронтенд-инженеров
- Трансляция в мобильную версию приложения
- Ключевые экраны
- Модуль 4 Usability Testing. Тестирование
- Подготовка к тестированию
- Определение цели тестирования
- Что и на ком будем тестировать?
- Подготовка скриптов для тестирования
- Проведение тестирования
- Принципы проведения тестирования
- Метод фиксации результатов тестирования
- Анализ результатов
- Приоритизация результатов
- Выявление проблем, нуждающихся в исправлении
- Выдвижение новых гипотез для тестирование
- Планирование нового дизайн-спринта
- Подготовка к тестированию
- Модуль 5 Подведение итогов
- Презентация результатов дизайн-спринта участниками
Теги курса
Другие материалы автора 8
АМ Аркадий Морейнис, Алексей Черняк Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.