UX&UI Designer «Level UP»

compare_arrows

Занятие 1. Введение в UX

• Знакомство. Краткое содержание курса. 
• Введение в UX. Культура профессии. 
• Понятия юзабилити, эффективность, продуктивность, удовлетворенность.
• Виды интерфейсов.

Занятие 2. Старт проекта, с чего начинается UX

• Подготовка к беседе с представителем заказчика.
• Изучение целей и задач.

Занятие 3. Планирование проекта. UX исследования

• Планирование процесса проектирования.
• Понятие UCD.
• Изучение предметной области.
• Насмотренность.

Занятие 4. UX исследования

• Работа с экспертами.
• Исследование пользователей.
• Проблемное и глубинное исследование.
• Эмпатия.
• Рекрутинг респондентов.

Занятие 5. UX исследования

• Методы сбора информации: интервью, опрос, контент-анализ.
• Выбор метода сбора информации.
• Систематизация и интерпретация полученных в исследованиях данных.
• Элементы интерфейсов.
• Design tools: Figma.

Занятие 6. Аналитика пользователей

• Метод персонажей.
• Метод профилей пользователей.
• Карты эмпатии.
• Понятие Flow.

Занятие 7. Сценарии

• Создание сценариев пользователя.
• User Stories.
• User и Customer Journey Map.
• Ожидания пользователей.
• Дизайн как решение поставленной задачи.
• Концептуальные сценарии.
• Информационная архитектура.

Занятие 8. Базис проектирования процессов взаимодействия

• Отличие UX от UI.
• Состав блоков, расположение, соотношение.
• Техника “сушки” интерфейса.
• Проектирование на основе паттернов.
• Participatory design.
• Инструменты для прототипирования.

Занятие 9. Тонкости проектирования

• Детальное проектирование.
• Золотые правила UXD.
• Способы управления вниманием пользователей.
• Содержание блоков.
• Метод карточной сортировки.
• Переходы.
• Акцентирование.
• Элементы CTA.
• Цветовое кодирование.
• Ясность, приветливость и обаяние интерфейса.
• Эвристики Нильсона и Молича.

Занятие 10. Написание спецификации на интерфейс. Как измерить UX, тестирование интерфейсов

• Разработка сценариев тестирования.
• UX опросники.
• Другие методологии тестирования интерфейсов.

Занятие 11. Презентация проектов

• Презентация проектов.
• Подведение итогов модуля.
• Ответы на вопросы.
• Куда развиваться дальше, если развиваться в UX. Реалии рынка.
• Типы UX специалистов.
• Варианты трудоустройства.
• Важные детали сотрудничества на фрилансе.
• Полезная литература.

Занятие 12. Основы визуального дизайна

• Базовые элементы дизайна.
• Цвет.
• Дизайн-концепция.

Занятие 13. Типографика

• Шрифтовые традиции.
• Текст как базовый элемент верстки.
• Виды шрифтов.
• Интерлиньяж, кегль, поля, отступы и модульность.
• Технические возможности программ. Какой инструмент выбрать?
• Знакомство с Figma, Sketch, Adobe XD.
• Подбор шрифтовых пар.

Занятие 14. Основы работы с макетом

• Закон Фиттса, теория близости, визуальная структура.
• Примитивы верстки.
• Принцип модульности.
• Якорные объекты.
• Чередование ритма.

Занятие 15. Поведение интерфейса

• Основные элементы контента.
• Как показать состояние интерфейса.
• Как оформить ссылки.
• Как сделать хорошую кнопку.

Занятие 16. Векторная графика в UI

• Растровая и векторная графика.
• Иконки и пиктограммы.
• Размеры в вебе.
• Сетки и гайдлайны.
• Экспорт иконок. SVG формат

Занятие 17. Навигация и структура

• Виды навигации.
• Информационная архитектура сайта.
• Интерфейс интернет-магазина.
• Удобная регистрация.

Занятие 18. Адаптация под Mobile

• Концепция Mobile first.
• Резиновый дизайн, респонсив и адаптив.
• Популярные сетки для адаптива.
• Разработка сета из нескольких разрешений.

Занятие 19. Передача проекта в верстку

• Передача графики и иконок.
• Как взаимодействовать с разработчиком?

Занятие 20. Сборка страницы без верстки и программирования

• Readymag, Tilda, Webflow.

Занятия 21-23. Работа над проектами. Презентация проектов заказчику

• Презентация и разбор макетов.
• Подготовка портфолио.
• Как попасть на работу в компанию мечты?

Занятие 24. Git, VS Code, HTML

• Основы работы с системой контроля версий на примере Git.
• Знакомство с VS Code.
• Знакомство с HTML.
• Структура страницы.

Занятие 25. CSS

• Подключение.
• Селекторы.
• Свойства.
• БЭМ.
• Позиционирование элементов.

Занятие 26. Адаптив, препроцессоры, Flexbox, CSS Grid

• Виды верстки (фиксированная, адаптивная, резиновая).
• Flexbox.
• CSS Grid.

Занятие 27. Элементы управления

• Принципы работы самых популярных элементов на примере элементов Bootstrap.

Занятие 28. Практика

• Выбираем макет для верстки.
• Рассматриваем варианты экспорта.
• Разбираем практические вопросы.
• Pixel Perfect.

Занятие 29. Основы JavaScript

• Node.js.
• Переменные и типы данных.
• Функции.
• Работа с DOM.
• События.

Занятие 30. Практика

• Применяем знания, полученные на предыдущем занятии и делаем свою реализацию нескольких элементов управления.
• Разбираем возникающие вопросы.

Занятие 31. Финальная презентация курсовых проектов

• Презентации проектов.
• Подготовка к собеседованию.