Учебный план
О курсе
Онлайн курс «Основы UX/UI для web-разработчика» — это программа профессиональной переподготовки, направленная на освоение базовых принципов проектирования пользовательских интерфейсов, удобства взаимодействия, визуальной структуры сайта, пользовательских сценариев, прототипирования, адаптивности и связи дизайна с frontend-разработкой.
В рамках курса Вы изучите, что такое UX и UI, чем пользовательский опыт отличается от визуального оформления, как интерфейс помогает пользователю решать задачу, как проектировать структуру страниц, навигацию, формы, кнопки, карточки, модальные окна и другие элементы web-интерфейса.
Курс включает практическую работу с типовыми задачами web-разработчика: анализ интерфейса, построение пользовательского пути, создание простого прототипа, работа с сетками, отступами, типографикой, цветами, состояниями элементов и адаптацией интерфейса под разные устройства.
Отдельный блок посвящён применению UX/UI в разработке сайтов. Вы рассмотрите, как читать дизайн-макеты, как переносить логику интерфейса в HTML, CSS и JavaScript, как учитывать доступность, мобильную версию, интерактивные состояния и понятную структуру компонентов.
Особое внимание уделяется качеству пользовательского опыта. Вы изучите типичные ошибки интерфейсов, перегруженность страниц, неочевидные кнопки, сложные формы, плохую навигацию, слабую визуальную иерархию и способы улучшения сайта без сложных дизайнерских решений.
Практический блок программы направлен на подготовку UX/UI-решения для учебного web-проекта. Вы сможете описать пользовательские сценарии, создать структуру страниц, подготовить прототип, определить UI-компоненты, адаптивные состояния и защитить итоговую работу.
В ходе программы Вы освоите:
• базовые понятия UX и UI;
• пользовательские сценарии и путь пользователя;
• структуру страниц, навигацию и логику интерфейса;
• визуальную иерархию, сетки, отступы, типографику и цвета;
• проектирование форм, кнопок, карточек и интерактивных элементов;
• адаптивность и особенности мобильного интерфейса;
• доступность и удобство web-интерфейсов на базовом уровне;
• подготовку UX/UI-прототипа для web-проекта.
Программа подойдёт web-разработчикам, frontend-специалистам начального уровня, верстальщикам, веб-дизайнерам, студентам, начинающим ИТ-специалистам, владельцам сайтов и всем, кто хочет лучше понимать принципы удобных интерфейсов.
Цели и задачи курса
Цель программы — сформировать у слушателей понимание UX/UI-принципов и навыки применения этих принципов в web-разработке.
В рамках курса Вы освоите:
• пользователя через сценарии, задачи, ожидания и путь взаимодействия с сайтом;
• структуру через страницы, блоки, навигацию, формы и интерфейсные элементы;
• визуальную часть через иерархию, сетки, отступы, типографику и цветовые решения;
• разработку через связь макета, верстки, компонентов и интерактивных состояний;
• качество через доступность, адаптивность, понятные ошибки и удобство мобильной версии;
• практику через итоговый UX/UI-прототип для web-проекта.
Программа даст ответы на следующие вопросы:
• Что такое UX и UI в web-разработке?
• Как понять, удобен ли интерфейс для пользователя?
• Как проектировать структуру страницы и навигацию?
• Как выбирать расположение блоков, кнопок и форм?
• Как учитывать мобильную версию сайта?
• Как разработчику читать и улучшать дизайн-макет?
• Как подготовить UX/UI-основу для web-проекта?
По окончании обучения Вы получите
Диплом о профессиональной переподготовке, подтверждающий освоение программы «Основы UX/UI для web-разработчика» и базовые компетенции в области проектирования удобных web-интерфейсов.
Учебный план курса
• Введение в UX/UI
• UX и UI: основные различия
• Роль UX/UI в web-разработке
• Пользователь и его задача
• Пользовательский сценарий
• User flow на базовом уровне
• Путь пользователя на сайте
• Информационная архитектура
• Структура страницы
• Навигация сайта
• Первый экран
• Визуальная иерархия
• Сетки и композиция
• Отступы и размеры
• Типографика для интерфейсов
• Цвет в интерфейсе
• Контраст и читаемость
• Кнопки и состояния элементов
• Формы и поля ввода
• Ошибки и подсказки в формах
• Карточки и списки
• Модальные окна
• Меню и фильтры
• Прототипирование на базовом уровне
• Wireframe
• Работа с макетом
• UI-компоненты
• Адаптивный интерфейс
• Mobile-first мышление
• Доступность на базовом уровне
• Типичные ошибки UX/UI
• UX/UI и HTML/CSS-верстка
• UX/UI и JavaScript-интерактивность
• Проверка интерфейса через пользовательские сценарии
• Итоговый проект: UX/UI-прототип web-проекта
• Итоговая аттестация — тестирование и защита проекта
Что нужно для поступления на программу:
Для поступления Вам необходимо прислать скан-копии или фотографии документов об образовании, паспортные данные и удаленно заключить договор. Гражданам Российской Федерации потребуются:
• Паспорт или другой документ, удостоверяющий личность или гражданство;
• Страховой номер индивидуального лицевого счета (СНИЛС);
• Документ об образовании и квалификации (фотография или скан-копия);
• Справка об обучении в организации высшего или среднего профессионального образования, если Вы в настоящее время являетесь студентом (фотография или скан-копия);
• Документ, подтверждающий факт изменения фамилии, имени или отчества (при необходимости) (фотография или скан-копия).
Гражданам иностранных государств и лицам без гражданства следует уточнить список необходимых сведений и документов в отделе организации приема по телефону или через форму заявки на консультацию.
Выгоды и скидки, варианты оплаты, рассрочка платежа:
• Вы сможете вернуть 13% от стоимости обучения в виде социального налогового вычета, обратившись в налоговую службу по месту постоянной регистрации.
• Чтобы запросить документы для получения налогового вычета, необходимо обратиться в методический отдел, написав нам на электронную почту mcnokurs@yandex.ru.
• Проверка документов после подачи в ФНС осуществляется в течение трех месяцев. Если ответ положительный, средства возвращаются.
• Обратите внимание, что декларация и заявление заполняются и подаются слушателем самостоятельно.
• (Нормативное обоснование получения налогового вычета регламентировано статьями 78, 80, 83, 88, 219 Налогового кодекса РФ).
• Беспроцентная рассрочка
• Вы можете получить беспроцентную рассрочку на программы профессиональной переподготовки.
Для получения дополнительной информации о рассрочке на конкретную программу обратитесь к специалисту приемной комиссии
