UX/UI Как сконструировать продукт, которым будут пользоваться и рекомендовать другим

4 участника

О чём курс

О курсе

Реальные кейсы специалистов из Сбербанка, 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 Подведение итогов
    • Презентация результатов дизайн-спринта участниками
Складчина создана 4 ноября 2020 г.

Теги курса

Инструменты
5 681 ₽ 19 000 ₽