Интенсивный обучающий курс по созданию современных мобильных интерфейсов, основанный на практическом подходе.

Аннотация курса

Курс предназначен для слушателей, желающих прогрузиться в разработку цифровых продуктов и научиться проектировать мобильные интерфейсы.

В рамках курса слушатели получат общее представление о работе 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

Примеры проектов

Перейти к изучению курса
Проектирование мобильных интерфейсов
Проект создан 27.10.2023
Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную...
Показать больше