Курс UX & UI Designer
Курс UX & UI Designer
Описание курса
Время и технологии идут вперёд. И уже никому не нужны веб-дизайнеры без знаний в UX так, как одним из главных качеств любого продукта становится то, насколько легко и удобно им пользоваться.
В результате курса Вы научитесь:
- Изучать аудиторию, хорошо понимать ее при помощи профессиональных методик и «попадать в яблочко ее ожиданий»
- Проектировать на основе исследований
- Мыслить процессами, а не картинками
- Создавать пользовательские роли, персоны, персонажи, составлять сценарии их взаимодействия с продуктом
- Проводить юзабилити-аудит
- Проверять решения при помощи юзабилити-тестирования
- Улучшать пользовательские характеристики уже существующих сайтов
- Повышать конверсию и увеличивать эффективность продукта
- Создавать продукты, которые восхищают пользователей
- Рисовать живые прототипы
- Работать с Figma на профессиональном уровне
- Делать адаптивный дизайн
- Рисовать UI для мобильных приложений
- Сделать красивый, информативный дизайн для рассылки
- Работать со всем актуальным на данный момент инструментарием дизайнера
Практика:
- В результате курса у Вас минимум будет 1-2 проекта с прототипами, дизайн-концепцией и отрисованными и в идеале свёрстанными страницами сайта / проекта
Требования к участникам курса:
- Начальных знаний не требуется, всему учим с нуля
Программа
Модуль 1. UX
Занятие 1. Знакомство. Введение в юзабилити.
- Знакомство с преподавателями курса. Краткое содержание курса. Цели, итоги, домашние задания, работа над проектами, вопросы.
- Понятия юзабилити, UX.
- Отличие UX от UI.
- Примеры кейсов пользы UX.
- Этапы и подэтапы UX.
- User Centered Design, Task Centered Design. Основные задачи UX.
- Стандарт ISO/DIS 9241-210, описывающий методологию человекоориентированного подхода к проектированию интерфейсов.
- С чего начинается UX.
- Изучение целей и задач бизнеса.
- План беседы с представителями заказчика.
- Домашнее задание.
Занятие 2. С чего начинается UX.
- Планирование процесса проектирования.
- Дизайн как решение поставленной задачи.
- Data-driven design.
- Формирование гипотетических представлений о пользователях.
- Методика профилей пользователей.
- Практика: Формирование гипотетических представлений о пользователях.
Занятие 3. Юзабилити аналитика.
- Изучение предметной области.
- Изучение конкурентов.
- Методы сбора информации.
- Интервью, опросы, эксперименты, контент-анализ.
- Выбор метода сбора информации.
- Работа с экспертами.
- Каким результатам исследований можно верить.
- Домашнее задание.
Занятие 4. Юзабилити аналитика.
- Исследование пользователей.
- Инструменты анализа.
- Систематизация и интерпретация полученных данных.
- Карты эмпатии.
- Методика пользовательские ролей и ситуаций использования.
- Практика: Подготовка к получению данных о пользователях.
- Домашнее задание.
Занятие 5. Юзабилити аналитика.
- Методика персонажей.
- User Stories.
- Концептуальные сценарии.
- Конкретные сценарии.
- Use cases.
- Метод волшебной палочки.
- Практика: Составление персонажей и ситуаций использования.
Занятие 6. Юзабилити аналитика.
- Анализ полученных данных.
- Customer Journey Map.
- Написание сценариев взаимодействия (методика).
- Составление требований к интерфейсу.
- Практика: Написание сценариев.
- Практика: Составление требований к интерфейсу.
Занятие 7. Тонкости проектирования процессов взаимодействия.
Концептуальное проектирование.
- Подходы гуру юзабилити. Стив Круг. Якоб Нильсон. Алан Купер. Джеф Раскин.
- Концептуальное проектирование.
- Направление внимания пользователя.
- Золотые правила юзабилити.
- Кодировка цветом, акцентирование, объем внимания, закон Фиттса.
- Метод карточной сортировки.
- Юзабилити элементов cta, веб-форм, страниц товаров.
- Ясность, приветливость и обаяние интерфейса.
- Практика: Концептуальное проектирование.
- Домашнее задание.
Занятие 8. Базис проектирования процессов взаимодействия. Написание спецификации на интерфейс.
- Информационная архитектура.
- Детальное проектирование.
- Инструменты для прототипирования.
- Participatory design.
- Проектирование на основе паттернов. Библиотеки паттернов.
- Гайдлайны.
- Написание спецификации на интерфейс.
- Практика: Детальное проектирование.
- Домашнее задание.
Занятие 9. Тестирование интерфейса.
- Цель тестирования.
- Аналитика CJM.
- Юзабилити-тестирование.
- Разработка сценариев тестирования.
- Рекрутинг респондентов.
- AB тестирование. Инструменты для АВ тестирования.
- Eye – треккинг.
- Представление прототипов заказчику.
- Практика: Планирование, подготовка к юзабилити-тестированию.
Занятие 10. Повышение эффективности продукта.
- Работа с конверсией и другими показателями проектов.
- Стратегия экспериментов.
- Разбор кейсов.
- Библиотеки кейсов повышения конверсии.
- Оформление работы в своем портфолио.
- Практика: Проведение юзабилити-тестирования.
- Домашнее задание.
Занятие 11. Экспертная оценка (юзабилити-аудит).
- Эмпирическая оценка.
- Оценка по сценариям.
- Оценка по чек-листам.
- Выбор способа проверки эффективности продукта.
- Типичные ошибки интерфейсов. «Best practices». Примеры интересных решений в интерфейсах.
- Практика: Юзабилити-аудит критичных проблем интерфейса по сценариям.
- Практика: Юзабилити-аудит критичных проблем интерфейса по эмпирикам.
- Подведение итогов курса. Ответы на вопросы. Куда двигаться дальше?
Модуль 2. UI
Занятие 1. Основы визуального дизайна
- Краткое знакомство с проектами участников, результатами 1-го модуля
- Базовые элементы дизайна
- Цвет
- Дизайн-концепция
- Домашнее задание: изучить список полезных ресурсов/лекций/книг для вдохновения. Подготовить мудборд, дизайн-концепцию и цветовая схема для своего проекта
Занятие 2. Типографика
- Шрифтовые традиции
- Текст как базовый элемент вёрстки
- Виды шрифтов
- Интерлиньяж, кегль, поля, отступы и модульность
- Технические возможности программ. Какой инструмент выбрать?
- Знакомство с Figma, Sketch, Adobe XD
- Подбор шрифтовых пар
- Вёрстка своего проекта
- Домашнее задание: продолжаем работу над проектом
Занятие 3. Основы работы с макетом
- Закон Фиттса, теория близости, визуальная структура
- Примитивы вёрстки
- Принцип модульности
- Якорные объекты
- Чередование ритма
- Собираем свою страницу
- Как работать с сеткой в 12 колонок
- Домашнее задание: продолжить собирать страницу
Занятие 4. Поведение интерфейса
- Основные элементы контента
- Как показать состояние интерфейса
- Как оформить ссылки
- Как сделать хорошую кнопку
- Домашнее задание: нарисовать нужные элементы контента в разных состояниях
Занятие 5. Векторная графика в UI
- Растровая и векторная графика
- Иконки и пиктограммы
- Размеры в вебе
- Сетки и гайдлайны
- Экспорт иконок. SVG формат
- Домашнее задание: сет из 7 иконок
Занятие 6. Навигация и структура
- Виды навигации
- Информационная архитектура сайта
- Интерфейс интернет-магазина
- Удобная регистрация
- Домашнее задание: навигация по своему проекту
Занятие 7. Адаптация под Mobile
- Концепция Mobile first
- Резиновый дизайн, респонсив и адаптив
- Популярные сетки для адаптива
- Разработка сета из нескольких разрешений
Занятие 8. Передача проекта в вёрстку
- Учитываем: состояния кнопок и форм, слайдеры, всплывающие окна
- Передача графики и иконок
- Как взаимодействовать с разработчиком? Zeplin
- Домашнее задание: подготовить архив для передачи разработчику
Занятие 9. Собрать страницу без вёрстки и программирования
- Что такое визивиг-редакторы
- Readymag, Tilda, Webflow
- Примеры сайтов на Readymag
- Оживляем свой проект с помощью Readymag
- Домашнее задание: подготовить проект и презентацию заказчику
Занятия 10-11. Работа над проектами
Занятия 12. Презентации проектов заказчику
- Презентация и разбор макетов
- Подготовка портфолио
- Как попасть на работу в компанию мечты?
Модуль 3. Основы фронт-енд разработки для дизайнеров
Занятие 1. Введение (Git, VS Code, HTML)
- Краткое знакомство с проектами участников, результатами модуля 1-2.
- Основы работы с системой контроля версий на примере git (установка, основные команды) + Github Desktop
- Знакомство с VS Code
- Знакомство с HTML
- Структура страницы
- Основные теги
Занятие 2. CSS
- Знакомство с CSS
- Подключение, Селекторы, Свойства
- БЭМ
- Позиционирование элементов
Занятие 3. Адаптив, препроцессоры, Flexbox, CSS Grid
- Виды вёрстки (фиксированная, адаптивная, резиновая)
- Flexbox
- CSS Grid
- Знакомимся с препроцессорами (SASS)
Занятие 4. Элементы управления
- Знакомимся с основными элементами управления
- Разбираем принципы работы самых популярных элементов на примере элементов Bootstrap
Занятие 5. Практическое занятие
- Выбираем макет для вёрстки (либо свой, либо берём на просторах интернета)
- Рассматриваем варианты экспорта (в Zeplin и в Figma)
- Разбираем все практические вопросы
- Pixel Perfect
- Разбираем возникающие вопросы
Занятие 6. Основы JavaScript
- Очень коротко о Node.js
- Переменные и типы данных
- Функции
- Работа с DOM
- События
Занятие 7. Практическое занятие
- Применяем знания, полученные на предыдущем занятии и делаем свою реализацию нескольких элементов управления
- Разбираем возникающие вопросы
Занятие 8. Финальная презентация курсовых проектов
- Презентации проектов
- Разбираем возникающие вопросы
- Подготовка к собеседованию
Преподаватель
Варвара
Ирина
Антон
Алексей
Отзывы
Команда тренеров Level UP - просто супер. Ребята молодцы. Спасибо большое за курс. Всем рекомендую!
Спасибо Level UP за отличный курс! Преподаватели - очень приятные и компетентные. После курса выстроилась общая картина в профессии, хочется идти и покорять вершины! Одно омрачало - Adobe Connect. Это печаль и насилие над студентами.
Проходила у вас в школе курс UX/UI Designer с февраля по июнь этого года.
Дружеская обстановка, хороший преподавательский состав. Очень понравился модуль UX. Алексей все очень грамотно преподавал, никакой воды. Очень хороший преподавать. Рада, что попала к нему.
Очень интересный и полезный курс. Не имея малейшего представления кто такой UX|UI дизайнер, что он делает, уже после первого занятия понимаешь, насколько это интересно и творческая профессия. За пять месяцев обучения, я приобрел реальные знания в дизайне, верстке и маркетинге. Надеюсь, что в дальнейшем эти знания будут только приумножаться. Огромное спасибо за терпение и помощь в получении новых знаний преподавателям: Алексею, Варваре, Руслану и Антону. Очень позитивные и образованные ребята.
Очень полезный курс. Блок UX от Алексея перестроил мне все мировоззрение :) Отдельное спасибо ему за активности вне занятий и огромную вовлеченность в процесс обучения. Для курса UI все же лучше иметь минимальные представления о дизайне и графических редакторах, иначе может быть сложно все ухватить за столь короткий курс. Еще хотелось бы чуть меньше направленности в сторону лендингов, есть ведь и другие типы сайтов. Вэб у нас успели повести и Руслан и Антон. И честно говоря, за половину Руслана я смогла понять очень мало, Антон за свои 5 занятий буквально наверстал все с нуля. Спасибо ему за обстоятельный подход в подаче материала и своевременный разбор кучи моих вопросов. Руслана хотелось бы попросить лучше проработать материал и больше времени уделять студентам.
Каждый блок интересен, и при достойном желании студента, дает все нужные навыки.
Отличный курс по контексту, структуре и информативности. Было бы хорошо увеличить продолжительность курса, т.к. иногда не хватает времени на детальную проработку практических заданий. Ирина супер компетентный специалист по UX и замечательный человек!
Всего за 10 занятий можно узнать много интересного, не только в части UX. Программа очень насыщенная, интересно подаётся информация. Всё структурировано, воркшопы занимают не много времени на занятиях, что приятно, поскольку они эффективны. Сама программа курса классная, раскрывает все нюансы как для специалистов, так и для тех, кто не слишком близок к этой профессии. В итоге по соотношению цена-качество получаем отличный результат. Информация подаётся как нужно. Очень понравился курс.
Всё очень понравилось. Жаль, что было мало занятий, так как хотелось большего погружения. Приятный преподаватель Ирина умеет увлечь, её хочется слушать, вникать в суть даже после рабочего дня =) Спасибо Ирине и всей группе за интересный и полезный курс. P.S. К окончанию курса уже применяла свои знания на практике вне занятий.
Несмотря на относительно небольшое количество часов, курс даёт обстоятельное понимание того, что такое UX, и того, с чего стоит начать свой триумфальный путь к вершине UX дизайнерства. Отдельно выделяю большое количество практических занятий, которые особо способствуют погружению в материал. Хотелось бы больше "раздаточного материала", а не только презентаций. Большое спасибо, Ирина!
Большое спасибо всему коллективу и особенно нашему преподавателю Светлане :)
Хотел подробней понять, узнать Web-дизайн, всё понравилось, ожидания оправдались, очень хороший, толковый учитель, приятные аудитории, ребята.
Много дополнительной полезной информации. Не хватило времени качественно выполнять д/з. Но это потому что я много работаю :) За отведенный срок – мои ожидания более чем оправдались, действительно большой объем знаний и ооочень много практики! :)
Тренер отвечает на вопросы развернуто, подробно, понятно. Тема раскрыта. Ожидания более чем оправдались. Общее впечатление - очень понравилось, буду советовать Вашу организацию.
Перед начало курса с "трудом" представлял профессию веб-дизайнера, но уже после первых занятий курса в голове начала сформироваться вся картина предстоящей учебы / работы, материал подан преподавателем довольно простым и понятным языком, всегда есть возможность переспросить :) и получить развёрнутый ответ, с каждым новым занятием всё больше углублялись в профессию, а также обучались спец.программам, выполняли домашние задания (они были несложными, если их делать:), также понравилось, что урок записывается и его всегда можно посмотреть! После учёбы точно буду учиться дальше! Очень заинтересовала сфера деятельности.
Несмотря на такую небольшую продолжительность курса, получила достаточно хорошие знания. Очень понравилась подача преподавателем. За короткий срок получила хорошие знания web. Отличный курс для тех, кто за короткое время хочет получить хорошие базовые знаний. Буду вас рекомендовать своим друзьям и знакомым.
В целом курс понравился. Приятный преподаватель. Программа включает все необходимые для начинающего специалиста навыки. Моё личное пожелание: т.к. я приступила к обучению с "0", хотелось бы более подробно останавливаться на разборе инструментов в каждой программе - больше занятий!
Курс оправдал ожидания. Несмотря на относительно небольшое количество занятий, была преподнесена теория веб-дизайна, изучены различные программы. Курс даёт возможность выбрать направление для развития. Также хотелось бы отметить компетентность преподавателя: весь материал излагался чётко и понятно; всегда можно было обратиться к преподавателю в случае вопросов.
1. Наличными
Оплата наличными производится в нашем офисе в течение 2-х недель до начала курса.
2. Оплата на реквизиты (карта, банк)
После подтверждения участия в мероприятии, на электронную почту участника будет отправлена информация для оплаты.
Доступные способы оплаты:
- Банковские карты (Visa, MasterCard)
- Сбербанк-онлайн
- Оплата через интернет-банкинг
3. По счету от организации (для юридических лиц)
- Оплата услуг юридическими лицами возможна по счету.
- Все необходимые для бухгалтерии документы (договор, счет на оплату, акт выполненных работ ) подготавливаются в соответствии с законодательством РФ.
Все три блока очень интересные. Преподаватели супер! Спасибо за курс!