UX/UI-дизайнер

На этом модуле студенты изучат основные этапы разработки цифрового продукта, познакомятся с понятием продакт-дизайна, роли UX/UI в процессе создания продуктов, а также разберутся в различиях между платформами и их влиянии на дизайн.

• Как проходит разработка цифрового продукта
• Введение в продакт дизайн
• Дизайнер цифровых продуктов

В этом модуле студенты изучат, как создавать и использовать user persona для определения потребностей пользователей, а также научатся составлять user stories для отслеживания и учета этих потребностей при разработке продукта.

• Портрет пользователя
• User Story (инструмент отслеживания потребностей пользователя)
• JTBD
• Законы Нильсона-Нормана
• Инструменты
• UX-Research
• Воркшоп: Понимание пользователя

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

• Виды исследований
• Количественные исследования
• Качественные исследования
• Воркшоп: формирование и провeрка гипотез

В этом модуле студенты изучат методы качественных исследований, включая конкурентный анализ, юзабилити-тестирование, кард-сортинг и контекстные интервью. Они научатся проводить исследования для улучшения продуктов и создавать эффективные дизайны, используя полученные данные и инсайты.

• Конкурентный анализ, Domain Research
• Юзабилити исследования (макеты, черновики), корридорки, кард сортинг
• Контекстное интервью
• Аутро
• Воркшоп: Качественные исследования для приложения для путешествий (то же самое приложение)

В этом модуле студенты научатся проводить качественные интервью, выбирать подходящих респондентов, формулировать вопросы и составлять отчёты. Они освоят методы рекрутинга, а также научатся анализировать данные и готовить транскрипты по результатам интервью.

• Подготовка к интервью
• Интервью
• Рекрутинг
• Отчет
• Воркшоп: Проведение интервью

В этом модуле студенты научатся создавать Customer Journey Map (CJM) и User Flow для приложений. Они освоят этапы разработки карт пути пользователя, определение эмоций и сценариев, а также правильное использование операторов для создания эффективных флоу.

• CJM
• User flow
• Воркшоп: Разработка CJM и User Flow

В этом модуле студенты научатся создавать Low Fi макеты, понимать их роль в процессе разработки и интеграцию User Flow в макет. Они освоят процесс создания макетов, а также освоят основные принципы работы с сетками и отступами.

• Макеты
• Что такое Low Fi макеты
• Для чего нужны Low Fi макеты и как они выглядят
• Как создаются Low Fi макеты

Студенты в этом модуле научатся работать с Figma, создавая low-fi макеты. Они освоят основы интерфейса, использование инструментов для создания компонентов, стилей, а также добавление анимаций и взаимодействий. В конце курса студенты создадут макет лендинга.

• Введение в Figma
• Основные инструменты. Ч. 1
• Основные инструменты. Ч. 2
• Интерактивные прототипы
• Аутро
• Воркшоп: Создание low-fi макета

Студенты в этом модуле изучат влияние UX на UI, основы композиции, сетки и стили в дизайне. Они освоят принципы подбора шрифтов, цветов, а также процесс разработки интерфейсов, этику чистого макета и основы доступности для пользователей с ограниченными возможностями.

• Как UX влияет на gUI
• Сетки
• Стили
• Процесс разработки интерфейса
• Этика чистого макета
• Доступность

Студенты изучат основные элементы интерфейса, такие как кнопки, инпуты, слайдеры, а также различные состояния элементов в зависимости от контекста. Они научатся отрисовывать элементы для веб и мобильных версий, учитывая особенности верстки, гибкие сетки и отзывчивость макетов.

• Элементы интерфеса
• Пример отрисовки
• Особенности веб верстки

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

• Отрисовка макета 1
• Отрисовка макета 2
• Воркшоп: отрисовка макета лендинга (одна страница)

Студенты научатся проектировать макеты для нативных приложений, учитывая гайдлайны iOS и Android. Они освоят принципы нативной верстки, отличия от веб-дизайна, адаптивность для различных устройств и платформ, а также практическую работу с макетами.

• Особенности нативной верстки
• Отрисовка макета 1
• Отрисовка макета 2
• Воркшоп: отрисовка экрана (натив)

Студенты изучат основы UI-китов и дизайн-систем, их отличия, принципы построения, классификацию элементов и создание инструкций. Освоят создание атомарных дизайн-систем, работу с фреймворками, стандарты для компонентов и рекомендации для разработки и документации.

• UI-кит и дизайн-система
• Принципы построения
• Классификация элементов
• Гайды и рекомендации

Студенты изучат процесс построения дизайн-системы, включая создание атомов, молекул, организмов и шаблонов. Освоят принципы отрисовки и создания инструкций, работу с нативными элементами, а также применение HIG и Material Design в проектировании.

• Атомы
• Молекулы
• Организмы
• Шаблоны
• Нативные элементы
• Воркшоп: практика отрисовок элементов

Студенты изучат, как подготовить макет к передаче на разработку, особенности коммуникации с разработчиками, влияние UX-райтинга на восприятие интерфейса и как составлять чек-листы для дизайн-ревью. Освоят практику подготовки макетов и обратной связи.

• Как должен выглядеть макет перед передачей на разработку
• Коммуникация между дизайнером и разработкой
• UX-райтинг
• Design Review
• Воркшоп: Подготовка макетов к передаче на разработку

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

• Что такое портфолио
• Как оформить ФР
• Вебинар

Студенты изучат важность отслеживания метрик после релиза (NPS, CSI, LTV), процессы сбора обратной связи и проведения исследований. Они освоят корректировку макетов по результатам анализа и научатся развивать ключевые навыки для дальнейшей карьеры в дизайне.

• Макет к вам еще вернется
• Развитие навыков дизайнера
• Жизнь макета на проде

Студенты изучат принципы работы нейросетей, их применение в дизайне для генерации визуального контента, оптимизацию процессов UX/UI-дизайна с помощью нейросетей и этические аспекты использования таких инструментов как MidJourney, DALL-E и ChatGPT.

• Нейросети в дизайне
• Применение нейросетей для создания визуального контента
• Оптимизация процесса UX/UI-дизайна
• Аутро

В этом модуле курса вы узнаете: как создавать резюме и отправлять его потенциальным работодателю, как создать и развить свой профиль в LinkedIn, как общаться с потенциальными работодателями и писать сопроводительное письмо, как не бояться искать работу. В конце модуля студент с лучшими показателями на курсе пройдет мок-интервью с полным разбором.

• Общение с руководителем отдела карьеры. Введение в курс. Знакомство
• Просмотр видео резюме, Linkedin. (Задание: сделать резюме и линкедин)
• Просмотр видео поиск работы (Задание: найти 10 потенциальных работодателей)
• Просмотр видео как отправлять резюме в компанию (Задание: отправить резюме в 10 компаний)
• Просмотр видео подготовка к интервью
• QNA-сессия
• QNA-сессия
• Студент с самым сильным проектом, попадает на мок интервью. Остальные смотрят
• QNA-сессия
• QNA-сессия

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

• Общение с руководителем отдела карьеры. Введение в курс дела. Знакомство. Общение
• Просмотр видео. Введение, первые шаги к поиску работы
• QNA-сессия (Вопросы студенты подготавливают заранее)
• QNA-сессия (Вопросы студенты подготавливают заранее)
• Студент с самым сильным проектом, попадает на мок интервью
• QNA-сессия (Вопросы студенты подготавливают заранее)
• QNA-сессия (Вопросы студенты подготавливают заранее)