Быстрый старт в UX/UI

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

Темы:

• Что такое дизайн-мышление

• Этапы дизайн-мышления

• Дизайн-мышление в разных компаниях

• Как развивать дизайн-мышление

Научитесь понимать пользователей и выстраивать их путь с помощью карт эмпатии и CJM.

• Карты эмпатии

• Персонажи

• Customer Journey Map (CJM)

• Этапы создания CJM: исследование, точки взаимодействия, визуализация

Разберетесь, как правильно формулировать UX-задачи и превращать их в понятные цели для команды.

Темы:

• Основные принципы постановки UX-задач

• SMART-критерии для UX-задач

• Примеры правильных и неправильных UX-задач

• Применение UX-задач в проектировании

• Как UX-задачи влияют на процесс проектирования

Освоите техники креативного мышления и научитесь быстро генерировать сильные UX-идеи.

Темы:

• Техники генерации идей

• Brainstorming (мозговой штурм)

• Mind Mapping (составление ментальных карт)

• SCAMPER (Substitute, Combine, Adapt, Modify, Put to another use, Eliminate, Reverse)

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

Темы:

• Типы прототипов

• Низкоуровневые прототипы (wireframes)

• Высокоуровневые прототипы (интерактивные)

• Инструменты для прототипирования: Figma, Sketch, Adobe XD, InVision

Научитесь проводить тестирование интерфейсов, выявлять проблемы и улучшать пользовательский опыт.

Темы:

• Методы юзабилити-тестирования

• Лабораторное тестирование

• Дистанционное тестирование

• A/B-тестирование

• Процесс проведения юзабилити-тестов

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

Темы:

• История анимации

• Зачем нужна анимация

• Анимированные взаимодействия

• Анимация как инструмент работы с метриками

• Восприятие движения и принципы анимации

• Анимации на практике

• Анимация в Figma и Principle

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

Темы:

• Юзабилити и его основные метрики 

• Частые ошибки в юзабилити

• Улучшение юзабилити

• Эффективное проведение юзабилити-аудита

• Юзабилити по Нильсену

• Зона ответственности дизайнера

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

Темы:

• Понятие адаптивного дизайна

• Развитие адаптивного дизайна (история)

• Адаптивный vs респонсивный дизайн

• Принципы хорошего адаптивного дизайна

• Брейкпоинты и Mobile First

• Инструменты для проверки адаптивности

Освоите процесс создания визуальной концепции — от мудборда до стайлборда.

Темы:

• Что такое дизайн-концепция и для чего она нужна

• Процесс создания дизайн-концепции

• Мудборд, референсы, стайлборд

Поймете, как превратить идею в рабочий макет и убедительно презентовать ее заказчику.

Темы:

• Генерация идеи и скетчи

• Выбор идеи и создание макетов

• Презентация концепции заказчику

• Питчинг

Создадите лендинг с продуманной структурой, логикой и визуальной последовательностью.

Темы:

• Что такое лендинг

• Структура и блоки лендинга

• Принципы эффективного лендинга

• Частые ошибки при проектировании лендинга

• Этапность создания лендинга

Разработаете дизайн интернет-магазина с учетом поведения и мотивации пользователей.

Темы:

• Что такое интернет-магазин

• Пути пользователя в E-commerce

• Типовые страницы и блоки интернет-магазина

• Как создать эффективный интернет-магазин

• Частые ошибки при проектировании

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

Темы:

• Что такое кейс и для чего он нужен

• Структура и блоки кейса

• Правила оформления

• Трендовые решения при оформлении кейса

• Практика: отрисовка кейса по интернет-магазину

• Публикация на Behance и Dprofile

Разберетесь, как грамотно передавать макеты разработчикам и выстраивать эффективную коммуникацию.

Темы:

• Важность передачи проекта разработчику

• Подготовка дизайн-макета для передачи

• Этапы передачи проекта

• Особенности передачи проекта разработчику

Поймете, как меняется профессия под влиянием ИИ и почему дизайнер остается ключевой фигурой в проекте.

Темы:

• Что такое искусственный интеллект (ИИ)

• Почему важно ТЗ