Интенсивный обучающий курс по созданию современных мобильных интерфейсов, основанный на практическом подходе.
Аннотация курса
Курс предназначен для слушателей, желающих прогрузиться в разработку цифровых продуктов и научиться проектировать мобильные интерфейсы.
В рамках курса слушатели получат общее представление о работе 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. Введение и этапы работы над проектом
Лекции: 1. Введение в историю дизайна мобильных интерфейсов 2. Дизайн-мышление: как выбрать тему для проекта 3. Проджект-менеджмент для курса
Задания: 1. Разработать 5 тем для проекта 2. Создать доску распределения задач
Тема 2. Методология Customer Development
Лекция: Методология Customer Development
Задания: 1. Сформировать цель исследования 2. Сформировать 3-5 гипотез для исследования 3. Разработать вопросы для глубинного интервью 4. Провести глубинное интервью для 5 человек 5. Разработать и провести количественный опрос для исследования аудитории на основе гипотез 6. Сформировать портрет целевой аудитории по сегментам 7. Разработать 3-5 User Stories по сегментам
Тема 3. Разработка сценариев взаимодействия с продуктом
Лекция: Сценарии взаимодействия пользователя с продуктом
Задания: 1. Переформатировать User Stories в Job Stories 2. Разработать User Story Mapping 3. Разработать User Flow на основе User Story Mapping
Тема 4. Вайрфрейминг
Лекция: Что такое и зачем нужны вайрфреймы?
Воркшоп: Знакомство с программой Figma
Задание: Разработать вайрфрейм-страницы приложения
Тема 5. Разработка дизайна приложений
Лекция: UI Kit — разработка правил создания интерфейса
Воркшоп: Разработка компонентов в программе Figma
Задание: 1. Разработать UI Kit на основе компонентно-вариативной методологии в Figma 2. Собрать интерфейс приложения на основе компонентов
Тема 6. Прототипирование интерфейса в Figma
Воркшоп: Разработка прототипа в программе Figma
Задание: Разработать прототип приложения в Figma
Примеры проектов
