- 20.06.2022
- 26 977
- 230
- 36
- Награды
- 10
- Пол
- Муж.
Репутация:
- Автор темы
- Администратор
- Модератор
- Команда форума
- #1
![[Product University] UXUIDesign. Дизайнер интерфейсов (2024).png [Product University] UXUIDesign. Дизайнер интерфейсов (2024).png](https://wlux.net/data/attachments/23/23187-101cd11b17fd97f94f75566574ebe76d.jpg)
Описание:
Для кого это курс
Менеджеры продукта
Как быстро вовлечь пользователей, улучшить конверсию и увеличить повторные использования.
Разработчики веб-сервисов и приложений
Как обойтись без дорогих дизайнеров
Предприниматели
Как сделать продукт, которым люди захотят пользоваться
Маркетологи
Как интерфейс может сделать продуктовый оффер еще убедительнее
Программа
Модуль 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. Презентация результатов дизайн-спринта участниками
Презентация результатов дизайн-спринта участниками
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
Последние темы в этом разделе:
- [Stepik] Web-технологии - практический курс CSS (2024)
- [Альберт Степанцев] [profit] PHP 8.4. Что нового? (2024)
- [Александр Дейнека] [Paradigma] [WP] Исправление и доработка темы конструктора парадигма (2024)
- [Александр Ламков] [Stepik] Вёрстка сайта с нуля: JSX, SCSS, JS, Vite, Minista, БЭМ (2025)
- [Александр Дейнека] [WP] Конструктор многостраничных продающих сайтов. Тариф Ultra (2024)
- Инструкция по установке рулетки 2025
- [Нетология] Веб-разработчик с нуля (22-24г.) (2024)
- Гайд по установке Node.JS на VDS\ПК
- [НИИДПО] Обзор - новая версия Figma (2024)
- [Александр Бакин] Elementарный сайт 10.0 (2024)