Курс UX & UI Designer – обучение с нуля | Level Up
Курс UX & UI Designer
Описание курса
В результате курса Вы научитесь:
- Изучать аудиторию, хорошо понимать ее при помощи профессиональных методик и «попадать в яблочко ее ожиданий»
- Проектировать на основе исследований
- Мыслить процессами, а не картинками
- Создавать пользовательские роли, персоны, персонажи, составлять сценарии их взаимодействия с продуктом
- Проводить юзабилити-аудит
- Проверять решения при помощи юзабилити-тестирования
- Улучшать пользовательские характеристики уже существующих сайтов
- Повышать конверсию и увеличивать эффективность продукта
- Создавать продукты, которые восхищают пользователей
- Рисовать живые прототипы
- Работать с Figma на профессиональном уровне
- Делать адаптивный дизайн
- Рисовать UI для мобильных приложений
- Сделать красивый, информативный дизайн для рассылки
- Работать со всем актуальным на данный момент инструментарием дизайнера
Практика | Бонусы:
- В результате курса мы будем работать над реальным проектом от реального заказчика, который после окончания курса пойдёт в продакшн
- По окончании каждого модуля будут неформальные презентации проделанного: прототипы / макеты / верстка (либо доделываем макеты)
- В результате курса у Вас минимум 1-н хорошо проработанный проект с дизайн-концепцией, прототипами, отрисованным макетом. Вёрстать мы не требуем, но знать что это и как работает нужно:)
- БОНУС!!! Студент, проект которого в итоге будет реализован в продакшене, получит полный возврат средств за пройденный курс и продолжит работу с заказчиком по проекту.
Требования к участникам курса:
- Начальных знаний не требуется, всему учим с нуля
Программа
Модуль 1. UX
Занятие 1. Введение в UX
- Знакомство
- Краткое содержание курса
- Формат занятий, тема проекта потока
- Знакомство с преподавателями курса
- Знакомство со студентами
- Введение в UX
- Рассказ о профессии UX дизайнера, культура профессии
- Что такое UX
- Структура UX работ
- Место UXD в IT-отрасли
- Понятия юзабилити, эффективность, продуктивность, удовлетворенность
- Виды интерфейсов
- “Магия” в интерфейсах (удачные примеры облегчения взаимодействия)
- Домашнее задание
Занятие 2. Старт проекта, с чего начинается UX
- С чего начинается UX
- Подготовка к беседе с представителем заказчика
- Беседа как метод сбора данных, отличие от других методов
- Изучение целей и задач бизнеса
- Презентация домашних заданий
- Домашнее задание
Занятие 3. Планирование проекта. UX исследования
- Планирование процесса проектирования
- Понятие UCD
- Изучение предметной области
- Анализ аналогов
- Насмотренность
- Презентация домашних заданий
- 2 Домашних задания
Занятие 4. UX исследования
- Работа с экспертами
- Исследование пользователей
- Проблемное и глубинное исследование
- Эмпатия
- Рекрутинг респондентов
- Презентация домашних заданий
- Практика: Планирование интервью
- Домашнее задание
Занятие 5. UX исследования
- Методы сбора информации: интервью, опрос, контент-анализ и другие
- Выбор метода сбора информации
- Систематизация и интерпретация полученных в исследованиях данных
- Понятие “Кейс”
- Элементы интерфейсов
- Design tools: Figma
- Презентация домашних заданий
- Домашнее задание
Занятие 6. Аналитика пользователей
- Метод персонажей
- Метод профилей пользователей
- Карты эмпатии
- Понятие Flow
- Презентация домашних заданий
- Домашнее задание
Занятие 7. Сценарии
- Создание сценариев пользователя
- User Stories
- User и Customer Journey Map
- Ожидания пользователей
- Дизайн как решение поставленной задачи.
- Концептуальные сценарии
- Концептуальное проектирование решений
- Использование метафор привычной жизни
- “Метод волшебной палочки”
- Информационная архитектура
- Презентация домашних заданий
- Домашнее задание
Занятие 8. Базис проектирования процессов взаимодействия
- Понятие интерфейс
- Отличие UX от UI
- Состав блоков, расположение, соотношение
- Техника “сушки” интерфейса
- Проектирование на основе паттернов
- Participatory design
- Инструменты для прототипирования
- Use Cases
- Написание сценариев взаимодействия (методика)
- Презентация домашних заданий
- Домашнее задание
Занятие 9. Тонкости проектирования взаимодействия
- Детальное проектирование
- Золотые правила UXD
- Способы управления вниманием пользователей
- Содержание блоков
- Метод карточной сортировки
- Переходы
- Акцентирование
- Элементы CTA
- Цветовое кодирование
- Ясность, приветливость и обаяние интерфейса
- Эвристики Нильсона и Молича
- Презентация домашних заданий
- Домашнее задание
Занятие 10. Написание спецификации на интерфейс. Как измерить UX, тестирование интерфейсов
- Написание спецификации на интерфейс
- Как измерить UX
- Разработка сценариев тестирования
- UX опросники
- Другие методологии тестирования интерфейсов
- Презентация домашних заданий
- Практика: Детальное проектирование
- Домашнее задание
Занятие 11. Презентация проектов
- Презентация проектов
- Подведение итогов модуля
- Ответы на вопросы
- Куда развиваться дальше, если развиваться в UX. Реалии рынка
- Типы UX специалистов
- Варианты трудоустройства
- Важные детали сотрудничества на фрилансе
- Полезная литература
Модуль 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. По счету от организации (для юридических лиц)
- Оплата услуг юридическими лицами возможна по счету.
- Все необходимые для бухгалтерии документы (договор, счет на оплату, акт выполненных работ ) подготавливаются в соответствии с законодательством РФ.
Все три блока очень интересные. Преподаватели супер! Спасибо за курс!