Интенсивный обучающий курс по созданию современных мобильных интерфейсов, основанный на практическом подходе.
Аннотация курса
Курс предназначен для слушателей, желающих прогрузиться в разработку цифровых продуктов и научиться проектировать мобильные интерфейсы.
В рамках курса слушатели получат общее представление о работе UX/UI-дизайнера, познакомятся с понятием «интерфейс» и принципами его разработки в индустрии. Освоят инструменты программы Figma и работу с варфреймами, научатся проводить продуктовые исследования и работать с применением компонентного подхода.
По итогам курса слушатели курса разработают собственное мобильное приложение.
Кому подойдет
Студентам 1-2 курса профильных специальностей образовательной программы «Дизайн» (профили «Коммуникационный дизайн», «Дизайн и программирование»).
Работникам смежных областей и практикующим дизайнерам, не имеющим базовых знаний в UX-исследованиях и разработке мобильных интерфейсов.
Формат проведения
Курс рассчитан на проведение в группах на 15-24 человека.
Длительность — 1 учебный модуль (IV модуль 2 курса)
Количество часов — 80 академических часов (из них 44 контактных)
Формат проведения занятий — очный (возможна онлайн-поддержка курса).
Курсы-пререквизиты — базовый курс коммуникационного дизайна
Чему вы научитесь на курсе
1. Проводить продуктовые исследования (анализ конкурентов, целевой аудитории и её потребностей через опросы и глубинные интервью)
2. Владеть профессиональной лексикой (CustDev (User Stories, Job Stories и Jobs-To-Be-Done), Анализ рынка, UX-аналитика конкурентов, CJM, User Flow, UI-Kit)
3. Составлять сценарии взаимодействия (активные и пассивные) на основе анализа аудитории и рынка
4. Проектировать собственные интерфейсы на основе варфреймов — минималистичных шаблонов
5. Разрабатывать компонентную и вариативную дизайн-систему в Figma
6. Владеть инструментами прототипирования интерфейсов
Что вы сделаете за время курса
1. Создадите презентацию темы и разработанного вами исследования
2. Разработаете минимум 3 пользовательских сценария для каждого сегмента пользователей
3. Создадите вайрфреймы и интерфейс приложения
4. Соберете интерфейс, основанный на компонентной дизайн-системе и варфреймах
5. Разработаете прототип приложения
6. Полноценно упакуете ваш проект
Тематический план
Тема 1. Введение и этапы работы над проектом
Лекции:
- Введение в историю дизайна мобильных интерфейсов
- Дизайн-мышление: как выбрать тему для проекта
- Проджект-менеджмент для курса
Задания:
- Разработать 5 тем для проекта
- Создать доску распределения задач
Тема 2. Методология Customer Development
Лекция: Методология Customer Development
Задания:
- Сформировать цель исследования
- Сформировать 3-5 гипотез для исследования
- Разработать вопросы для глубинного интервью
- Провести глубинное интервью для 5 человек
- Разработать и провести количественный опрос для исследования аудитории на основе гипотез
- Сформировать портрет целевой аудитории по сегментам
- Разработать 3-5 User Stories по сегментам
Тема 3. Разработка сценариев взаимодействия с продуктом
Лекция: Сценарии взаимодействия пользователя с продуктом
Задания:
- Переформатировать User Stories в Job Stories
- Разработать User Story Mapping
- Разработать User Flow на основе User Story Mapping
Тема 4. Вайрфрейминг
Лекция: Что такое и зачем нужны вайрфреймы?
Воркшоп: Знакомство с программой Figma
Задание: Разработать вайрфрейм-страницы приложения
Тема 5. Разработка дизайна приложений
Лекция: UI Kit — разработка правил создания интерфейса
Воркшоп: Разработка компонентов в программе Figma
Задание:
- Разработать UI Kit на основе компонентно-вариативной методологии в Figma
- Собрать интерфейс приложения на основе компонентов
Тема 6. Прототипирование интерфейса в Figma
Воркшоп: Разработка прототипа в программе Figma
Задание: Разработать прототип приложения в Figma
Примеры проектов
