UI/UX дизайн с нуля. Практический учебный курс для начинающих.

Профессия UI/UX-дизайнера — одна из самых востребованных в ИТ и дизайнерской индустрии. Её привлекательность не только в многообразии карьерных возможностей и высокой зарплате, но и в том, что UI/UX-дизайну можно научиться в любом возрасте и совершенно с нуля.

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

Представьте, что вы используете какой-то электронный гаджет или веб-сайт. Как вы с ним взаимодействуете? Что вы видите на экране, какие кнопки нажимаете, как легко и понятно вам найти то, что вам нужно? Всё это и есть UI (User Interface) — дизайн пользовательского интерфейса.

Идём дальше, как быстро вы нашли нужную информацию на сайте? Удобно ли пользоваться тем или иным приложением? Это относится к UX (User Experience) — дизайн пользовательского опыта. UX стремится сделать пользовательский опыт как можно более эффективным и удобным.

Так что, когда мы говорим о UI, мы имеем в виду внешний вид и ощущение продукта, а говоря о UX, мы говорим о том, насколько хорошо продукт удовлетворяет ваши нужды и насколько приятно им пользоваться.

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

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

Цель обучения: обучить основам UI/UX-дизайна, дать понимание, какие инструменты и методологии используют в этой профессии.

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

Требования к участникам: Среднее образование, знание русского языка и базовые навыки работы с компьютером.

Программа

1. модуль. Введение в UI/UX. Основы UI/UX. Обзор процесса проектирования и программного обеспечения Figma.
   • Что такое UI и UX? Базовые понятия: что такое дизайн интерфейса (UI) и опыт пользователя (UX), и почему они так важны для создания приложений и сайтов.
   • Ключевые принципы UI и UX.
   • Дизайн-процесс и методология проектирования цифровых продуктов в дизайне продукта.
   • Приложения и методы для проектирования.
   • Знакомство с Figma: начало работы и обзор возможностей.
   • Как правильно расположить всю необходимую информацию на сайте или в приложении?
   • Первые шаги в создании макета. Прототипирование — почему оно нужно для тестирования идей перед тем, как начать работу над настоящим дизайном.
   • Пошаговое руководство по созданию вашего первого проекта в Figma.
   • Практическое задание: каждый участник начинает создавать свой курсовой проект
2. модуль. Стратегии UI/UX: исследование пользователей. Customer Journey Map и user flow. Создание mood board с примерами. Анализ отзывов пользователей.
   • Почему важно знать своего пользователя?
   • Обзор методов исследования и как они помогают создавать продукты, ориентированные на пользователя.
   • Как узнать, чего хотят пользователи? Научимся собирать информацию о пользователях, чтобы понять, как сделать приложение или сайт удобным и полезным для них.
   • Создаём персону пользователя. Рассматриваем процесс создания персон — вымышленных образов ваших идеальных пользователей, основанных на реальных данных и исследованиях.
   • Истории пользователей для понимания потребностей. Изучим, как написать пользовательскую историю, которая поможет определить, что ваш пользователь хочет достичь, используя ваш продукт.
   • Customer Journey Map (путешествие пользователя). Визуализация всего пути пользователя через продукт или сервис, от первого контакта до долгосрочного использования.
   • Что такое «путь пользователя» и как он помогает предвидеть, через какие этапы проходит пользователь, достигая своих целей.
   • Создание mood board, который поможет сформулировать визуальную концепцию и настроение вашего проекта.
   • Техники сбора и анализа обратной связи от пользователей.
   • Инструменты и ресурсы для исследования пользователей и сбора данных.
   • Как использовать полученную обратную связь для доработки дизайна и улучшения пользовательского опыта.
   • Практическое задание: каждый участник проводит своё первое исследование, основываясь на изученных методиках и внедряет их в курсовой проект.
3. модуль. Проектирование удобных интерфейсов: инфо архитектура, композиция, типографика и эстетика. Wireframing и сетка макета.
   • Введение в понятие информационной архитектуры, её роль и значение в создании удобных и понятных интерфейсов.
   • Основные правила дизайна. Разберем простые, но эффективные принципы дизайна, которые помогут сделать ваш проект эстетичным и удобным для пользователя.
   • Композиция и визуальная иерархия: как правильно организовать элементы на странице.
   • Основы работы с сеткой для создания сбалансированных и хорошо организованных макетов.
   • Принципы выбора и применения цвета в дизайне.
   • Типографика в UI/UX дизайне. Основы выбора и использования шрифтов.
   • Типы экранов для приложений. Использование изображений и иконок.
   • Создание прототипов и тестирование макетов. Названия(нейминг) и структура слоев в макетах.
   • Практическое задание: каждый участник продолжает работу над своим первый макетом с использованием базовых принципов информационной архитектуры, композиции(сетка) и визуальной иерархии.
4. модуль. Удобство и доступность, дизайн для различных платформ. Пользовательский опыт. Адаптация дизайна и тестирование юзабилити.
   • Дизайн для различных платформ. Разбор особенностей дизайна для веба и мобильных устройств.
   • Размеры и разрешение экранов. Адаптивный дизайн.
   • Основы юзабилити и доступности в контексте дизайна.
   • Ключевые принципы и рекомендации по созданию доступных веб-сайтов и приложений для людей с различными ограничениями.
   • Основы тестирования юзабилити.
   • Пошаговое руководство по планированию эффективных тестов на юзабилити, включая выбор методов тестирования и участников.
   • Как проводить тесты на юзабилити в реальных условиях, включая подготовку заданий для участников и сбор данных.
   • Анализ и интерпретация результатов тестов на юзабилити.
   • Практическое задание: участники курса проводят базовое тестирование юзабилити для своего проекта.
5. модуль. Дизайн системы. Интеграция UI/UX-дизайна в процесс разработки. Расширенные возможности Figma (auto layout, variants, animation).
   • Основы создания и использования дизайн-систем.
   • Набор готовых решений для пользовательского интерфейса. Краткий обзор популярных дизайн систем.
   • Понимание роли дизайнера в команде разработки. Основы эффективного общения и сотрудничества в команде.
   • Figma для команды: обмен макетами и получение обратной связи от коллег или клиентов.
   • Компоненты и стили в Figma.
   • Как сделать в Figma интерактивный дизайн? Добавление переходов и анимации в прототип.
   • Практические советы по организации совместной работы над проектом, включая регулярные встречи, синхронизацию задач и контроль за ходом проекта.
   • Подготовка макетов для разработчиков и создание гайдлайнов (руководства по стилю).
   • Практическое задание: участники курса завершают работу над своими проектами и готовят их для передачи разработчикам.
6. модуль. Инструменты ИИ для UI/UX дизайнеров. Подводим итоги курса. Портфолио дизайнера. Обсуждаем вакансии и трудоустройство в сфере UI/UX.
   • Как ИИ может помочь в автоматизации рутинных задач дизайна, включая создание макетов и подбор цветовых схем.
   • Использование ИИ для анализа данных о пользователе и создания индивидуализированных интерфейсов.
   • Применение ИИ для генерации и тестирования прототипов, а также для анализа поведения пользователей и улучшения юзабилити.
   • Как ИИ может способствовать созданию более доступных цифровых продуктов, включая технологии чтения экрана и адаптации контента под нужды людей с ограниченными возможностями.
   • Использование ИИ для сбора и анализа больших объемов данных о пользовательском опыте для принятия обоснованных дизайнерских решений.
   • Возможности трудоустройства в UI/UX. Собеседования, портфолио и навыки, которые ожидают компании от UI/UX дизайнера.
   • Обсуждаем курсовые проекты. Подводим итоги курса.

Прошедший обучение сможет:

• Понимать, в чём заключается работа UI/UX-дизайнера;
• Научиться дизайн-мышлению;
• Разбираться в инструментах для UI/UX дизайна;
• Пользоваться инструментами для создания цифровых эскизов и прототипов;
• Создавать красивые и функциональные цифровые продукты и услуги, отвечающие потребностям пользователей.
• Применять ИИ технологии для UI/UX -дизайна.

Каждый участник за 6 учебных недель создаёт свой собственный проект.

Преподаватель во время всего обучения поддерживает и даёт обратную связь.

В конце обучения – тест.

Лектор:
Андрей Кедрин UX/UI/Visual Designer, специалист по дизайну и проектированию пользовательских интерфейсов.
Опытный дизайнер с фокусом на UI/UX, графическом дизайне, иллюстрации и анимации. Обладает более чем 20-летним опытом работы в индустрии дизайна и информационных технологий, работал как в B2C стартапах, так и в крупных B2B компаниях. Закончил Эстонскую Академию Художеств по специальности графический дизайн. Приглашенный лектор в Эстонской Академии Художеств и преподаватель в Художественном Музее KUMU. Стремится к созданию удобных пользовательских интерфейсов и всегда следит за новейшими тенденциями в индустрии.

NB! Сдача собственного проекта и теста являются условием для получения сертификата о прохождении обучения.

Эстонский центр обучения является партнёром Кассы по безработице.