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