Курсы дизайна мобильных приложений в Тольятти с нуля

Кому подойдёт курс

• Новичкам в дизайне
  Сможете войти в трендовую нишу и работать в агентстве или на фрилансе
• Веб-дизайнерам
  Расширите свои навыки и сможете работать с мобильными продуктами
• Мобильным разработчикам
  Освоите дизайн мобильных интерфейсов, чтобы создавать приложения под ключ

Чему научитесь

• Проектировать мобильные интерфейсы
  Создавать дизайн мобильных приложений с учётом пользовательского опыта
• Работать с гайдлайнами для iOS и Android
  Изучите актуальные рекомендации по созданию приложений от Google и iOS
• Создавать и тестировать прототипы
  Использовать Figma для создания черновой версии интерфейса перед разработкой финального дизайна
• Готовить прототип к разработке
  Проходить этап от дизайна к программированию: подготавливать источник и тестировать интерфейс
• Анализировать пути взаимодействия пользователя
  Разрабатывать сценарии использования интерфейса и создавать карту пользовательского опыта
• Анимировать мобильные интерфейсы
  Создавать эффектные интерфейсы и функциональную анимацию для отображения действий пользователя

Программа курса

• Основы дизайна мобильных приложений
• Основы работы в Figma
• Основы визуального дизайна
• Прототипирование и анимация интерфейсов
• Создание презентации на Behance от студии Mish.design
• Проектирование UX и прототипирование
• Инструменты прототипирования и командная работа
• Итоговые проекты

Ключевые навыки

• Проектирование и дизайн мобильных интерфейсов
• Умение работать с гайдлайнами для iOS и Android
• Создание и тестирование прототипов
• Взаимодействие с разработчиками и контроль качества
• Анализ путей взаимодействия пользователя
• Анимация мобильных интерфейсов
• Работа по методологии Agile
• Оценка логики интерфейсов приложений
• Проведение количественных и качественных исследований пользователей
• Проведение юзабилити-тестирования

Кому подойдёт курс

• Тем, кто хочет сменить сферу деятельности
• Освоите новую высокооплачиваемую профессию и сможете найти работу на фрилансе или в агентстве
• Графическим дизайнерам
• Поймёте, как применить свои знания в UX/UI-дизайне, расширите свои навыки и сможете сменить квалификацию
• Новичкам в UX/UI-дизайне
• Систематизируете свои знания и дополните профессиональные навыки, чтобы применить их на практике

Чему научитесь

• Работать с основными инструментами UX/UI-дизайнера 
• Создавать сложный дизайн сайтов в Figma 
• Разрабатывать анимацию интерфейса
• Создавать мобильные приложения под iOS и Android
• Проводить UX-исследования и работать
• с гипотезами
• Внедрять 3D-графику в дизайн-макет

Программа курса

Базовая ступень   

Освоите базовые навыки цифрового дизайнера, поработаете с веб‑платформой, узнаете особенности создания сайтов, адаптивности и веб-анимации. Изучите Tilda Publishing — один из самых гибких и удобных инструментов UX/UI-дизайнера.

Основы Adobe Photoshop и Illustrator

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

• Введение в Photoshop
• Двойная экспозиция
• Ретушь и цветокоррекция
• Постер
• Тонированное изображение
• Сайт в Photoshop
• Мокап
• GIF-анимация
• Иллюстрация
• Отрисовка логотипа в Illustrator

Опыт Mish.design. Основы Figma

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

• Экскурсия по Figma
• Первые шаги в Figma
• Интерфейсы
• Основы веб-дизайна
• Подготовка веб-макета к жизни
• Основы работы с мобильными платформами
• Компоненты и стили
• Кликабельный прототип мобильного приложения

Основы веб-дизайна

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

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

• Знакомство с веб-дизайном
• Модульные сетки
• Скетчинг и прототипирование
• Пользовательское взаимодействие
• Композиция
• Веб-типографика
• Теория цвета
• Вдохновение, творчество, импровизация

Создание проекта сайта

Научитесь превращать статичный дизайн в проект сайта. Создадите анимации переходов и микровзаимодействий. Разработаете адаптивную версию макета в нескольких разрешениях, в том числе — мобильную версию. Научитесь взаимодействовать с разработчиками и управлять проектом.

• Адаптивный дизайн
• Веб-анимация
• Системы ведения проектов
• Составление технического задания для вёрстки
• Модульный проект

Исследование пользовательского опыта

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

• Роль аналитики в UX
• Бизнес аналитика: анализ ЦА
• Бизнес-аналитика
• Системная аналитика в UX
• Дизайн-мышление
• Введение в методы исследования
• Особенности количественных исследований
• Качественные исследования
• Проведение качественного исследования
• Глубинные интервью
• Моделирование поведения: CJM
• Системная аналитика в UX
• Обзор аналитических инструментов
• A/B‑тестирования
• Немодерируемые удалённые тесты
• Accessibility-статистика
• Феномены зрительного восприятия
• Eye-tracking-тестирование

Опыт MateÇa. Создание сайтов на Tilda

Изучите стандартные блоки, возможности редактирования и настройки сервисов в Tilda. Узнаете все нюансы подготовки сайта к запуску. Разберётесь в возможностях кастомизации блоков и гибкости их использования. Научитесь создавать разные виды сайтов, подключать платёжные системы и работать с заявками.

• Настройки сайта
• Настройки страницы
• Подключение домена
• Настройки и редактирование стандартных блоков 
• Адаптивность в стандартных блоках
• Подключение внешних шрифтов
• Многостраничные сайты
• Функционал для интернет-магазина и рассылок
• Функция «Потоки»
• Личный кабинет
• CRM Tilda

Опыт MateÇa. Tilda Zero Block

Научитесь работать во встроенном графическом редакторе Zero Block: создавать дизайн любой сложности, переносить макеты из Figma или Photoshop, создавать адаптивность и работать с анимациями. Познакомитесь с базовым функционалом Zero Block, а также со скрытыми функциями, которые позволяют делать сайты фестивального уровня.

• Работа в редакторе
• Адаптивность в Zero Block
• Базовая анимация
• Пошаговая анимация
• Триггерная анимация
• Модульный проект

Продвинутые навыки   

Начнёте работать с мобильной платформой. Разберётесь в тонкостях гайдлайнов iOS и Android, выясните, чем нативное приложение отличается от мобильной версии сайта. Узнаете, как проектируют интерфейсы в компании Agima. Научитесь создавать 3D-графику и анимацию интерфейсов.

Основы дизайна мобильных интерфейсов

Погрузитесь в принципы дизайна мобильных интерфейсов. Научитесь использовать паттерны при разработке интерфейса. Изучите гайдлайны современных операционных систем и сможете использовать их при создании макетов.

• Принципы дизайна мобильных интерфейсов
• Системная аналитика  
• Принципы проектирования UX
• Анатомия iOS-приложения
• Основные принципы Material Design
• Композиция, цвет и типографика в диджитале
• Основы работы в Figma
• Модульная сетка в дизайне интерфейсов

Запуск и тестирование мобильного приложения

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

• Анимация интерфейсов. Микровзаимодействия
• Практическое прототипирование
• Основы прототипирования
• Юзабилити-тестирование мобильных приложений
• Работа с брендбуком
• Передача проекта разработчикам
• Навыки создания презентации на Behance
• Модульный проект

Опыт AGIMA. Проектирование интерфейсов

Узнаете, как устроена работа над прототипированием и проектированием интерфейсов в агентстве AGIMA. Эксперты компании расскажут про цели и особенности анализа целевой аудитории при создании продукта, основные этапы и артефакты прототипирования. Вы потренируетесь разрабатывать в Figma веб- и мобильные интерфейсы разной степени детализации. Научитесь презентовать прототип в нестандартных форматах.

• История дизайна интерфейсов  
• Цели исследований продукта и аудитории
• Методы исследований
• Введение в проектирование 
• Что проектируем: основные артефакты
• UX-проектирование: принципы и инструменты анализа
• Основы работы в Figma
• Инструменты и паттерны прототипирования
• Прототип высокой детализации в Figma 
• Гайдлайны iOS и Android. Особенности проектирования мобильного приложения
• Презентация прототипа
• Что выбрать UX-проектировщику: работу в агентстве
• или в продукте
• Модульный проект

Проектирование UX и прототипирование

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

• Введение в предметную область
• Азбука пользовательского интерфейса
• Методологии командной работы: Kanban, Scrum
• Воркшоп. Персоны
• Lean UX strategy
• Воркшоп. UX strategy
• Customer journey mapping — CJM
• Информационная архитектура
• Воркшоп. UX design
• Инструменты прототипирования
• Воркшоп. UI design
• Модульный проект

Опыт ITECH. 3D-графика для интерфейсов в Cinema 4D

Погрузитесь в работу с 3D. Изучите функционал Cinema 4D — одного из популярных ПО для работы с 3D-графикой. Освоите навыки моделирования и анимирования объекта. Научитесь создавать материалы и подбирать свет для создания реалистичных сцен. Поймёте основные принципы использования 3D в работе с интерфейсами. 

• Введение в 3D
• Cinema 4D. Основные возможности программы
• Камера и сцена
• Материалы, свет, рендер
• Воркшоп. Практика создания 3D-графики
• Примитивы, деформеры, альтернативные способы
• Полигональное моделирование
• Генеративное и параметрическое моделирование. Часть 1
• Генеративное и параметрическое моделирование. Часть 2
• Mograph
• Воркшоп. Практика создания 3D-графики
• Анимация сцены
• Подготовка и оформление проекта
• Модульный проект

Опыт «Атвинта». Анимация интерфейсов в ProtoPie и After Effects

Изучите основные принципы анимации и поймёте, как превратить статичный дизайн в динамичный креативный интерфейс. Разберёте основы веб- и мобильной анимации. Освоите ProtoPie для создания интерактивных интерфейсов. Изучите основной функционал After Effects, научитесь работать с масками и слоями и поймёте, как работать с анимациями в сочетании

с 3D-элементами.

• История анимации в интерфейсах
• 10 принципов Уолта Диснея и как это связано с интерфейсами
• Ограничения и возможности
• Инструменты для анимации
• Введение вAfter Effects и ProtoPie
• Воркшоп. Работа в After Effects
• Воркшоп. Работа в ProtoPie
• Создание анимации в Rive и Haiku
• Вдохновение, идеи, поиск
• Взаимодействие с фронтендом, CodePen
• Разбор кейсов
• Модульный проект

Насмотренность в дизайне

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

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

CX: как собирать фидбек внутри продукта. Опыт компании UX Feedback 

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

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

• Введение в работу с фидбеком внутри продукта
• Сбор фидбека: от целей и гипотез к созданию первых опросов
• Обработка фидбека. Превращение «хотелок» в нужды
• Принятие решения на основе фидбека

Дизайн-менеджмент 

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

• Введение в арт-дирекшн
• Обработка брифа и проектирование
• Тренды в диджитале
• Инструменты дизайнера. Разбор кейсов
• Цифровая графика и анимация. Разбор кейсов
• Формирование дизайн-системы
• Креативные методики
• Формирование команды и управление
• Постановка и контроль задач
• Работа с мотивацией и коммуникация внутри команды
• Анализ эффективности и аналитика проекта. Продуктовый подход
• Презентация и защита проекта
• PR и личный бренд

Дипломный проект

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

Вы пройдёте все этапы создания продукта. Начнёте с исследования аудитории и анализа конкурентов. Спроектируете пользовательский опыт и займётесь прототипированием. Создадите визуальный дизайн с использованием 3D-графики и анимации. Адаптируете своё решение под разные платформы.

Ключевые навыки

• Проектирование пользовательского опыта
• Построение композиции и использование сетки в её проектировании
• Подбор шрифтов и работа с типографикой
• Создание нужного впечатления с помощью психологии цвета
• Кернинг, треккинг, интерлиньяж, оптические компенсации
• Взаимодействие с разработчиками и контроль качества
• Работа с гайдлайнами для iOS и Android
• Тестирование и оптимизация дизайна
• Создание 3D-графики для интерфейсов в Cinema 4D
• Подбор и настройка рендеров для достижения реалистичной сцены
• Внедрение 3D-графики в интерфейсы с учётом композиции
• Оценка логики интерфейсов сайтов и приложений
• Проведение количественных и качественных исследований пользователей
• Создание в ProtoPie и After Effects анимации для веб- и мобильных интерфейсов
• Разработка анимации с учётом логики интерфейса
• Создание анимированной 3D-графики в After Effects
• Разработка концептов, выбор релевантных методологий
• Создание писем для email-рассылок в Tilda
• Работа по методологии Agile

Кому подойдёт этот курс

• Новичкам в UX/UI-дизайне
• Научитесь с нуля разрабатывать интерфейсы. Узнаете, как решать проблемы пользователей с помощью дизайна. Сможете стать востребованным специалистом.
• Джуниор-дизайнерам
• Узнаете, как анализировать путь пользователей и улучшать свои проекты на основе полученных данных. Сможете выйти на новый уровень — станете middle или senior-специалистом.
• Опытным дизайнерам
• Получите навыки в продуктовом и UX-дизайне, заполните пробелы в знаниях. Сможете создавать прототипы приложений и повысить стоимость своей работы.

Чему вы научитесь

1. Проектировать интерфейсы
2. Научитесь визуализировать прототипы, создавать анимацию, кнопки, слайдеры. Сможете проектировать удобные интерфейсы по правилам юзабилити.
3. Проводить UX-исследования
4. Узнаете, как создавать дизайн на основе данных, научитесь проводить юзабилити- и A/B-тесты. Сможете создавать продукты, которые будут решать проблемы пользователя.
5. Работать в Figma
6. Освоите программу на профессиональном уровне. Сможете создавать дизайн-макеты разной сложности и адаптировать их под любые устройства.
7. Улучшать опыт пользователя
8. Научитесь проводить интервью с целевой аудиторией и строить пути пользователей. Сможете дорабатывать и улучшать свои проекты.
9. Развивать продукты на основе данных
10. Поймёте, как анализировать метрики продукта: распознавать проблемы и находить точки роста. Сможете осмысленно развивать продукт.
11. Общаться с клиентом
12. Научитесь использовать мудборды и UI-киты для быстрого согласования проектов. Узнаете, как представить продукт в выгодном свете и обосновать стоимость своих услуг.

Программа курса

Основные курсы

1. Figma 2.0
2. Вы на профессиональном уровне освоите самую популярную программу для веб-дизайна. Научитесь создавать интерактивные прототипы, передавать макеты разработчикам и экономить время на рутинных задачах.
3. Интерфейс Figma
4. Работа с графикой
5. Модульные сетки и монтажные области
6. Настройка компонентов и работа с эффектами
7. Создание вложенных компонентов. Auto Layout
8. Командная работа, контроль версий и передача макета в разработку
9. Прототипирование
10. Анимация макетов
11. Бонус-модуль. Figma plugins
12. Веб-дизайн с нуля на Figma
13. Вы научитесь создавать дизайн для сайтов, лендингов, презентаций и мобильных приложений. Поймёте, как презентовать свою работу заказчику. Сделаете первую работу для портфолио.
14. Введение и первый результат
15. Бонус-модуль. Горячие клавиши
16. Тренды, подготовка, мудборды
17. Работа со стилями. Создание GUI
18. Главная страница. Первые шаги
19. Основы работы с графикой
20. Бонус-модуль. Личное позиционирование
21. Декомпозиция
22. Навигация и структура
23. Интересная подача информации
24. Формы и кнопки
25. Адаптивность и мобильная версия
26. Цвета и настроение. Промостраница мероприятия
27. Личное позиционирование
28. Концептуальный дизайн
29. Введение в UX
30. Портреты пользователей и CJM
31. Иконки
32. Типографика PRO
33. UX-дизайнер с нуля до PRO
34. Поймёте, как делать удобные и понятные интерфейсы, опираясь на исследования. Создадите пять работ для портфолио на основе заданий от компаний: YouMeal, Сбербанк, «Домодедово», «Детский мир», «Альфа-Банк». Узнаете, как аргументировать свои решения заказчику.
35. Профессия дизайнера в эпоху цифровых перемен
36. Дизайн-мышление
37. UX-проектирование. Паттерны и психология пользователей
38. Бонус-модуль. Удобный интерфейс
39. Основы юзабилити
40. Юзабилити-тестирование
41. Сервисный дизайн
42. Формы и UX-исследования
43. Бонус-модуль. Кейс по сервисному дизайну
44. Бонус-модуль. Проектирование CRM-систем
45. E-commerce
46. UI или визуальная концепция
47. Бонус-модуль. Дизайн-системы и паттерны
48. Мобильный UX/UI
49. Текст в интерфейсе
50. Бонус-модуль. Анимация элементов интерфейса
51. Бонус-модуль. Проектирование для юридических лиц
52. Дизайн на основе данных
53. Бонус-модуль. A/B-тесты
54. Бонус-модуль. Работа над проектом
55. Успешная презентация
56. Бонус-модуль. UX + Agile
57. Карьера в UX

Дополнительные курсы

1. Сервисный дизайн
2. Вы научитесь создавать сложные интерфейсы и сервисы на основе пользовательских исследований. Узнаете, как управлять продуктом и корпоративными сервисами.
3. Что такое сервисный дизайн
4. Роль сервисного дизайнера
5. Виды Customer Journey Map
6. Измерения пользовательских путей
7. Фиджитал-интерфейсы
8. Принципы вовлечения пользователей
9. Сервисные слои
10. Механики удержания
11. Бонус-модуль. Мотивы перехода
12. Принцип MAYA
13. Service Design Blueprint
14. Проектирование через противоречия
15. Employee Experience Frame
16. Сервисная лаборатория
17. Инструменты развития сервисного мышления
18. Продуктовый дизайнер
19. Вы научитесь продумывать бизнес-стратегию, работать с IT-командой, проводить исследования и проектировать дизайн-системы.
20. Введение
21. Предпроектная работа
22. Исследования
23. Базовое проектирование
24. Специфика платформ
25. Продвинутое проектирование
26. Бонус-модуль. Аптечка продуктового дизайнера № 1
27. Дизайн-теория
28. Дизайн-система
29. Анимации
30. Бонус-модуль. Аптечка продуктового дизайнера № 2
31. Работа в команде
32. Бонус-модуль. Аптечка продуктового дизайнера № 3
33. Передача в разработку
34. Работа с готовым продуктом
35. Бонус-модуль. Аптечка продуктового дизайнера № 4
36. UX-аналитика для продуктового дизайнера
37. Научитесь собирать данные сайтов и мобильных приложений, проводить интервью и юзабилити-тесты. Сможете проверять гипотезы — и улучшать продукт на основе грамотной аналитики.
38. Концепции и стратегии развития digital-продукта
39. Data-исследования
40. UX-исследования
41. Формирование и проверка гипотез

Инструментальные курсы

1. Photoshop с нуля
2. Вы научитесь работать в Adobe Photoshop с изображениями, текстом и композицией. Освоите одну из самых востребованных программ для дизайнеров и сможете создавать профессиональные макеты, которые понравятся заказчикам.
3. Введение в Photoshop
4. Инструменты
5. Работа с файлами и изображениями
6. Принципы работы со слоями и масками
7. Бонус-модуль. Выделения и маски
8. Эффекты
9. Продвинутые приёмы обтравки и ретуши
10. Принципы построения растровых изображений
11. Бонус-модуль. Как освоить Pen tool
12. Коллажирование для создания Key-Visual
13. Бонус-модуль. Причиняй добро
14. Бонус-модуль. Оригинальные мемы для социальных сетей
15. Principle
16. Научитесь добавлять анимацию в макеты и создавать интерактивные прототипы в программе Principle.
17. Введение.
18. Анимация и её настройки.
19. Скролл, драг и пэйдж.
20. Управление анимацией при помощи драйверов.
21. Разбор проектов из практики AIC.
22. Импорт в рабочий прототип или видео.

Профессиональные навыки:

• Аналитика и оценка проекта, написание ТЗ
• Составление Customer Journey Maps
• Презентация работ клиенту
• Развитие готового продукта
• Использование принципов юзабилити
• Адаптивный дизайн
• Проведение А/B-тестирований
• Оценка обратной связи от пользователей
• UX-аналитика и работа с метриками

Кому подойдет курс

• Тем, кто хочет освоить творческую профессию с нуля
• Вы получите все необходимые инструменты для быстрого старта в профессии UX/UI-дизайнер, научитесь мыслить и действовать креативно и соберёте портфолио, которое впечатлит работодателей.
• Тем, кто хочет сменить рутину на креативные задачи
• Вы освоите востребованную профессию дизайнера интерфейсов и получите новые возможности для реализации идей. Научитесь проводить исследования, работать с Tilda и сможете создавать крутые интерфейсы с нуля, опираясь на опыт пользователей.
• Тем, кто хочет стать фрилансером и работать на себя
• Вы узнаете, как разрабатывать цифровые продукты от идеи до готового макета, разберетесь в бизнес-требованиях, сможете проводить исследования и работать с гипотезами. А еще – находить клиентов и работать без офиса из любой точки мира.

Программа курса

I четверть

Основы дизайна. Погружение в профессию

Вы познакомитесь с ключевыми инструментами проектирования и дизайна интерфейсов, получите представление о визуальной коммуникации и научитесь применять её на практике. Создадите работы в Figma и Adobe Illustrator и потренируетесь в оформлении портфолио.

• Вводный вебинар
• История и основные принципы дизайна
• Miro
• Аccessibility
• Командная работа
• Типографика и композиция в вебе. Расширенный курс
• Figma: от проектирования к прототипированию
• Adobe Illustrator для UX и веб-дизайнеров
• Рефлексия. Работа с портфолио

II четверть

Погружение в UI

Вы углубитесь в UI — разработку веб- и мобильных интерфейсов. Научитесь создавать веб-сервисы в Тильде и верстать. Создадите веб-сервис и его адаптивные версии.

• Введение в дизайн цифровых продуктов
• Основы вёрстки для UI-дизайнера
• Онлайн-конструкторы сайтов: Tilda
• Рефлексия. Работа с портфолио

III четверть

Погружение в дизайн цифровых продуктов

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

Итоги четверти

Научитесь работать с Adobe Photoshop и After Effects и управлять проектами.

• Адаптивный дизайн + веб-приложение
• Мобильное приложение
• Десктоп приложение
• Adobe After Effects. Базовый
• Менеджмент проекта
• Adobe Photoshop. Основы. Интерактивный курс
• Рефлексия. Работа с портфолио

IV четверть

Погружение в UX. Командная работа

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

Итоги четверти

Итогом работы вашей команды под руководством ментора станет прототип сервиса на основе данных исследования и требований заказчика.

• Брифинг + игра в бриф
• Исследования
• Формирование низкодетализированного прототипа
• Промежуточная защита
• Интерактивный курс
• Поиск работы
• Формирование финального прототипа
• Защита

Ключевые навыки

• Работаю в Figma, Adobe After Effects, Invision, Adobe Illustrator, Power Point, Keynot, Tilda
• Умею исследовать аудиторию, собирать CJM
• Создаю интерфейсы на основе ТЗ заказчика и результатов исследований
• Разрабатываю и тестирую прототипы
• Знаю основы HTML/CSS-верстки и JavaScript

Кому подойдёт курс

• Новичкам в дизайне
• С нуля освоите новую профессию и сможете найти работу на фрилансе или в агентстве
• Дизайнерам с небольшим опытом
• Систематизируете свои знания и дополните профессиональные навыки
• Специалистам смежных профессий
• Сможете расширить свои навыки и применять их в рабочих проектах

Чему научитесь

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

Программа курса

Основы Adobe Photoshop

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

• Введение в Photoshop
• Двойная экспозиция
• Ретушь и цветокоррекция
• Постер
• Тонированное изображение
• Сайт в Photoshop
• Мокап
• Gif-анимация
• Иллюстрация

Прототипирование сайта

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

• Знакомство с веб-дизайном
• Модульные сетки
• Скетчинг и прототипирование
• Пользовательское взаимодействие
• Адаптивный дизайн

Иерархия дизайн-проекта

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

• Композиция
• Веб-типографика
• Теория цвета
• Веб-анимация
• Системы ведения проектов
• Составление технического задания
• Вдохновение, творчество, импровизация

Гайдлайны и архитектура приложения

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

• Принципы дизайна мобильных интерфейсов
• Принципы проектирования UX
• Анатомия iOS- приложения
• Основные принципы material design
• Анимация интерфейсов. Микровзаимодействия
• Дизайн графики для мобильных приложений
• Основы прототипирования
• Практическое прототипирование

Эргономика и юзабилити

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

• Юзабилити-тестирование мобильных приложений
• Передача проекта разработчикам
• Презентация работ и подготовка портфолио

Основные принципы работы в Tilda

Изучите особенности и функционал онлайн-платформы Tilda, принципы и настройки редактирования нулевого блока — Zero Block.

• Базовые возможности платформы Tilda
• Работа с нулевым блоком платформы Tilda

Итоговый проект

Разработаете дизайн-макет сайта и интерактивный прототип мобильного приложения под руководством экспертов курса.

Ключевые навыки

• Работа с модульной сеткой
• Разработка адаптивного макета
• Применение основ композиции и работы с цветом
• Умение работать с веб-типографикой
• Умение работать с гайдлайнами для iOS и Android 
• Проектирование и дизайн мобильных интерфейсов 
• Создание интерактивных мобильных прототипов 
• Анимация мобильных интерфейсов 
• Подготовка портфолио  

Кому подойдёт курс

• Начинающим дизайнерам и UX-аналитикам
• Получите системный взгляд на профессию и освоите ключевые навыки, необходимые для старта
• Веб- и mobile дизайнерам
• Сможете перейти в UX и усилить себя в разработке дружественных интерфейсов
• Менеджерам в digital
• Научитесь анализировать пользовательский опыт и грамотно ставить задачи по доработке интерфейса

Чему научитесь 

• Проводить исследования от постановки гипотезы до сбора инсайтов после тестирования
• Выявлять проблемы бизнеса и соотносить их с проблемами целевой аудитории
• Подбирать связки количественных и качественных методов, визуализировать опыт клиента с помощью инструмента Customer Journey Map
• Проектировать удобные интерфейсы: тестировать гипотезы и создавать прототипы
• Выстраивать итерационную работу над интерфейсом и взаимодействие в команде
• Узнаете об опыте проектирования сайтов в компании Agima и погрузитесь в процессы ведущего агентства

Программа курса

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

Первые шаги в UX

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

• Роль аналитики в UX
• Бизнес-аналитика: анализ ЦА
• Бизнес-аналитика
• Дизайн-мышление

Качественные и количественные исследования

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

• Введение в методы исследования
• Особенности количественных исследований
• Качественные исследования
• Проведение качественного исследования
• Глубинные интервью
• Моделирование поведения с помощью Customer Journey Map

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

Узнаете, какие дополнительные инструменты можно применять и для каких исследований. Разберёте особые моменты, которые необходимо учитывать UX-аналитику: доступность (accessibility), системные требования. Научитесь писать системные требования в формате технического задания и выстраивать порядок тестирования гипотез с помощью A/B-тестов.

• Системный аналитик в UX
• Обзор аналитических инструментов
• Математика A/B тестов
• Немодерируемые удалённые тесты
• Accessibility статистика
• Феномены зрительного восприятия
• Eye-tracking тестирования

Опыт компании Agima. Проектирование интерфейсов

Узнаете, как устроена работа над прототипированием и проектированием интерфейсов в агентстве Agima. Эксперты агентства расскажут про цели и особенности анализа целевой аудитории при создании продукта, основные этапы и артефакты прототипирования. Вы потренируетесь разрабатывать веб- и мобильные интерфейсы в Figma разной степени детализации. Научитесь презентовать прототип в нестандартных форматах.

• Введение. Этапы работы над проектом
• История дизайна интерфейсов
• Цели и методы исследований продукта и аудитории
• Кейс по проектированию
• Разбор кейса
• Введение в проектирование
• Что проектируем: основные артефакты
• UX-проектирование: принципы и инструменты анализа
• Разбор работ одного блока
• Figma: основы работы
• UX-проектирование: инструменты и паттерны прототипирования
• Кейс по проектированию
• Figma: создание прототипа высокой детализации
• Язык дизайна. Анатомия интерфейса
• Гайдлайны iOS и Android. Особенности проектирования мобильного приложения
• Примеры и кейсы мобильных приложений
• Презентация проекта
• Как попасть в агентство или продукт
• Как справиться со сложностями на проекте

Проектирование пользовательского опыта

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

• Введение в предметную область
• Азбука пользовательского интерфейса
• Культура работы в команде
• Презентация собственного проекта для работы над курсом
• Качественные исследования аудитории
• Воркшоп: персоны
• Lean UX strategy
• Воркшоп: UX strategy

Прототипирование интерфейсного решения

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

• Customer Journey Mapping (CJM)
• Информационная архитектура
• Воркшоп: UX Design
• Воркшоп: UI design
• Инструменты прототипирования

Как собирать фидбек внутри продукта. Опыт компании UX Feedback

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

• Введение в работу с фидбеком внутри продукта
• Сбор фидбека: от целей и гипотез к созданию первых опросов
• Обработка фидбека. Превращение «хотелок» в нужды
• Принятие решения на основе фидбека

Итоговые проекты

За время обучения вы выполните три итоговых проекта:

1. Проведёте UX-анализ сайта и UX-исследование пользователей
2. Создадите высокодетализированный интерактивный прототип сервиса и мобильного приложения
3. Спроектируете со своей командой пользовательский интерфейс под бизнес-задачи

Ключевые навыки

• Анализ потребностей пользователей
• Сегментирование пользователей
• Разработка сценариев использования
• Создание информационной архитектуры
• Визуализация опыта клиента с помощью инструмента Customer Journey Map
• Проведение А/В-тестирования, юзабилити-исследований
• Проведение количественных и качественных исследований, глубинных интервью
• Создание карты пользовательского опыта и воронки продаж
• Применение инструментов аналитики
• Создание интерактивного прототипа
• Разработка MVP и планирование этапов разработки
• Формирование стратегии продукта
• Защита дизайн-решения
• Работа в команде

Кому подойдёт этот курс

• Новичкам в дизайне
  С нуля разберётесь в UX-дизайне, научитесь анализировать пользователей, создавать макеты и делать крутые продукты — начнёте карьеру в UX.
• Начинающим специалистам
  Углубите знания в UX-дизайне, узнаете о новых приёмах и последних тенденциях рынка. Повысите свою квалификацию и сможете зарабатывать больше.
• Дизайнерам из других сфер
  Поймёте специфику UX-дизайна, научитесь проектировать интерфейсы, работать с аналитикой и дополните портфолио проектом для крупной компании.

Чему вы научитесь

1. Создавать удобные интерфейсы
   Сможете разрабатывать крутой дизайн интерфейсов и создавать впечатляющую интерфейсную графику.
2. Проектировать опыт пользователя
   Научитесь проводить исследования аудитории и рынка, делать юзабилити-тестирование и адаптировать продукт под мобильные устройства.
3. Разрабатывать дизайн сайтов
   Разберётесь в трендах веб-дизайна: освоите метод декомпозиции, типографику, способы визуализации данных и работу с сеткой.
4. Делать рабочие прототипы в Figma
   Узнаете, как настраивать артборды, быстро создавать макеты для устройств с разным разрешением и готовить их для вёрстки.
5. Работать с заказчиками
   Научитесь понимать потребности бизнеса, брифовать клиента и презентовать готовые проекты заказчику.
6. Разбираться в сервисном и продуктовом дизайне
   Поймёте, какие особенности есть в работе над продуктом. Научитесь создавать эффективный дизайн и взаимодействовать с разработчиками.

Программа курса

1. Веб-дизайн с нуля
   Вы научитесь создавать дизайн сайтов и приложений, работать с реальными заказчиками и презентовать свои проекты.

• Введение и первый результат.
• Тренды в дизайне. Подготовка к работе и создание мудбордов.
• Работа со стилями. Создание GUI.
• Главная страница, первые шаги.
• Основы работы с графикой.
• Декомпозиция.
• Навигация и структура.
• Интересная подача информации.
• Формы и кнопки.
• Адаптивность и мобильная версия.
• Цвета, атмосфера, настроение. Промостраница мероприятия.
• Декомпозиция промостраницы.
• 3D-элементы в Photoshop.
• Разработка презентации проекта.
• Передача проекта в вёрстку.
• Первый кейс на Behance.
• Бонус-модуль. Введение в вёрстку.

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

• Введение в Figma. Обзор возможностей.
• Работа с графикой.
• Редактор Figma: модульные сетки и монтажные области.
• Создание и настройка компонентов, работа с эффектами.
• Создание вложенных компонентов. Auto Layout.
• Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку.
• Прототипирование.
• Figma Animate.
• Бонус-модуль. Обзор и применение Figma plugins.

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

• Профессия дизайнера в эпоху цифровых перемен.
• Основные этапы работы над проектом.
• Service design: теория и практика.
• UX-проектирование. Паттерны и психология пользователя.
• Бонус. Эффектный кейс в 20 000 пикселей высоты.
• UX-проектирование. Исследование интерфейсов.
• Data driven design: теория и практика.
• Бонус. Дизайн-концепция за 60 минут.
• Concept design: творчество в дизайне.
• Бонус. Создание рабочего UI-кита.
• Visual design: теория и практика.
• Бонус. Анимация интерфейсных элементов.
• Техника успешной презентации.
• Отраслевая специфика.
• Бонус. Как дизайнеру переехать в NY.
• Разбор кейсов из практики «1С-Битрикс» и «Битрикс24» — разработка дизайна сайта, продуктов и единой экосистемы интерфейсов.
• Разбор кейсов из практики: Госуслуги — проектирование и дизайн интерфейсов.
• Разбор кейсов из практики: «НТВ-плюс» — разработка и развитие сайта.
• Карьера дизайнера.

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

• Сервисный дизайн
• Роль сервисного дизайнера
• Виды пользовательских путей Journey Mapping
• Измерения пользовательских путей
• Фиджитал-интерфейсы
• Принципы вовлечения пользователей
• Сервисные слои
• Механики удержания
• Мотивы перехода
• Принцип MAYA
• Service Design Blueprint
• Проектирование через противоречия
• Employee Experience Frame
• Сервисная лаборатория
• Инструменты развития сервисного мышления

Профессиональные навыки:

• Аналитика, оценка проекта, написание ТЗ
• Проведение юзабилити-тестов
• Проведение А/B-тестирований
• Создание прототипов и макетов в Figma
• Составление Customer Journey Maps
• Проектирование интерфейсов и разработка сайтов
• Разработка дизайна под разные устройства
• Презентация проекта клиенту