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