UX/UI дизайнер

Дизайн и дизайн-процесс

• Понятие дизайна
• Структура дизайн-процесса
• Понятия UX и UI, Human-centred Design
• Подходы Desktop first и mobile first

Дизайнер и его инструментарий

• Организация рабочего процесса
• Дизайн-команда и роли внутри неё
• Инструментарий дизайнера
• Soft и Hard-skills дизайнера

Проблема в дизайне, постановка цели и задач

• Выявление проблемы в контексте дизайн-задачи
• Постановка цели и задач
• Стейкхолдеры и их значение в решении дизайн-задачи
• Методология Jobs to Be Done

Анализ конкурентов

• Конкуренты: прямые и косвенные
• Методологии исследования бизнеса: Business Model Canvas и Value Proposition Canvas
• Понятие референса и правила работы с ними, насмотренность, мудборд

Целевая аудитория и её потребности

• Понятие целевой аудитории, ее потребностей и мотивов
• Понятие эмпатии и ее значение в дизайне
• Ментальная модель и аффорданс
• Методы: персона, карта эмпатии, пользовательские сценарии

Методология исследования

• Понятие целевой аудитории
• Desk Research как самостоятельное исследование
• Интервью, опрос, наблюдение: правила проведения, работа с результатами
• Статистика и данные

Дизайн-мышление

• Эвристический подход к решению дизайн-задачи
• Методики дизайн-мышления
• Методика "Impact map" (карта влияния)

Выдвижение гипотез

• Гипотеза и её значение в дизайн-процессе
• Методы User Story, User Case, User Scenario Map
• Проверка гипотез и итерационный подход к дизайну

Приоритезация задач, CJM

• Продуктовый подход к решению дизайн-задач
• Понятие минимально жизнеспособного продукта (MVP)
• Карта пользовательских сценариев и CJM
• Гибкие методологии разработки в работе дизайнера

Информационная архитектура

• Структура продукта и значение в нём навигации
• Понятие информационной архитектуры
• Понятие User flow
• Метод карточной сортировки

Figma. Основные функции (Часть 1)

• Создание файлов, проекты и команды
• Рабочая область, панель слоев, горячие клавиши
• Панель инструментов и изменение свойств объектов
• Плагины и функция Community

Figma. Основные функции (Часть 2)

• Сетка
• Текст и типографика
• Создание стилей цвета, текста и тени

Figma. Компоненты

• Создание компонентов (Components) и работа с ними
• Панель Assets и библиотеки компонентов, дизайн-система
• Функция Auto layout

Figma. Интерактивные прототипы

• Создание интерактивных прототипов
• Работа с анимацией интерфейса
• Экспорт результатов работы

Прототип

• Понятие прототипа
• Уровни проработки прототипов
• Проверка прототипов
• Анимация в прототипах

Привычка, человечность, информативность

• Понятия привычки и паттерна (pattern)
• Принцип человечности интерфейса
• Принцип информативности

Фокус, модальность, закон Фиттса

• Понятия "контекст" и "фокус"
• Модальность и многофункциональные интерфейсы
• Закон Фиттса в проектировании интерфейсов

Обратная связь, ментальная модель, сопротивление

• Обратная связь и её принципы
• Ментальная модель пользователей
• Когнитивное сопротивление

Элементы интерфейса

• Нативность и не-нативность
• Гайдлайны и их значение в проектировании мобильных интерфейсов
• Типология элементов интерфейса
• Атомарный дизайн и дизайн-система

Кнопка, вкладка, чек-бокс, свитчер

• Кнопка в интерфейсе, понятие CTA
• Вкладка и её значение в навигации
• Чек-бокс и свитчер

Радиокнопки, списки, поле ввода, иконка

• Радиокнопки и списки
• Поля ввода и принципы их проектирования
• Иконка и ее значение в интерфейсе

Образ интерфейса

• Понятие образа интерфейса
• Поиск образа интерфейса
• Параметры образа: форма, цвет, шрифт, картинки и иллюстрации

Кегль и интерлиньяж, теория близости, опорные точки, контраст

• Свойства текста: кегль и интерлиньяж
• Теория близости, расстояние между объектами
• Опорные точки и контраст

Базовые элементы вёрстки

• Заголовок и текст в интерфейсе
• Картинка и подпись
• Элементы управления

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

• Отступы в интерфейсе, адаптивность
• Понятие вектора чтения
• Безмодульность и её принципы в дизайне

Окна, формы, навигация и лента

• Модальные окна (web, Android, iOS)
• Принципы вёрстки формы
• Навигация и лента

Врезки, таблица, график, диаграмма

• Инфографика как способ представления информации
• Верстка таблиц: основные принципы
• Верстка графиков и диаграмм

Текстовая страница, блочная страница, анимация

• Виды страниц: текстовая и блочная
• Типология сеток для вёрстки
• Анимация в интерфейсах

Проверка дизайна, конструкторы сайтов

• Самостоятельная проверка дизайна
• Пользовательское и экспертное тестирование
• Эвристики Нильсена
• Конструкторы сайтов: Tilda, WiX и др

Оформление кейса в портфолио

• Портфолио дизайнера и его значение
• Структура кейса дизайн-задачи
• Визуальное оформление кейса

Подготовка к презентации проекта

• Особенности питчинга проекта
• Подготовка и ответы на вопросы

Онлайн-тренинг "Трудоустройство в IT"

• Составление резюме (теория + практика)
• Составление профиля на LinkedIn (теория + практика)
• Прохождение интервью Soft skills, которые важны в рамках интервью
• Проведение пробного интервью

Защита проекта. Открытый питчинг

• Защита проекта. Открытый питчинг