8 812 320 13 03
  • Новости
  • Расписание
  • Курсы
  • Организациям
  • Контакты
  • Перезвоните мне

    Курс UX & UI Designer, Курсы веб дизайна СПб, веб дизайнер обучение с нуля

    Курс UX & UI Designer

    Курс UX & UI Designer
    Начало курса
    18.09.2019
    Продолжительность
    3,5 месяца (72+ ак. часа)
    Расписание
    Ср 19:00 - 22:00 
    Сб 11:00 - 14:00  

    Семинар
    (15 мест)
    48990 записаться
    Вебинар(13 мест) 46990 записаться
    свернуть

    Описание курса

    Время и технологии идут вперёд. И уже никому не нужны веб-дизайнеры без знаний в UX так, как одним из главных качеств любого продукта становится то, насколько легко и удобно им пользоваться.

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


    В результате курса Вы научитесь: 

    • Изучать аудиторию, хорошо понимать ее при помощи профессиональных методик и «попадать в яблочко ее ожиданий»
    • Проектировать на основе исследований
    • Мыслить процессами, а не картинками
    • Создавать пользовательские роли, персоны, персонажи, составлять сценарии их взаимодействия с продуктом
    • Проводить юзабилити-аудит
    • Проверять решения при помощи юзабилити-тестирования
    • Улучшать пользовательские характеристики уже существующих сайтов
    • Повышать конверсию и увеличивать эффективность продукта
    • Создавать продукты, которые восхищают пользователей
    • Рисовать живые прототипы 
    • Работать с 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. Презентации проектов заказчику

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

    Модуль 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. Практическое занятие 

    • Продолжаем верстать
    • Разбираем возникающие вопросы

    Занятие 7. Практическое занятие 

    • Продолжаем верстать
    • Разбираем возникающие вопросы

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

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

    Занятие 9. Практическое занятие

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

    Занятие 10. Презентации курсовых проектов

    • Презентации проектов 
    • Разбираем возникающие вопросы
    • Подготовка к собеседованию

    свернуть

    Преподаватель

    Алексей

    Эксперт в управлении IT-продуктами, UX и UI, более 10 лет в IT-сфере, более 30 успешных продуктов и проектов.

    В профессиональной деятельности прошёл путь от дизайнера до руководителя проектного офиса.

    Спикер Digital Transformation Days, Best Intranet Rusia, HR Trainings, HRM Expo.
    Автор лучшего корпоративного университета 2017 года.

    Варвара

    Продуктовый дизайнер в Альфа-Банке 
    Училась в Политехе по специальности “Графический дизайн”.

    Опыт работы дизайнером в IT более 5 лет. Начинала в агентстве, занималась интернет-магазинами в Reka Studio. Работала над высоконагруженным интерфейсом для финансовой платформы thinkorswim. Сейчас я специализируюсь на интерфейсах для финансовых приложений.

    Ирина

    Эксперт в UX. Закончила Санкт-Петербургский государственный электротехнический университет "ЛЭТИ" им. В.И. Ульянова (Ленина) по специальности Эргономика. 

    В профессиональной сфере работала над проектами разного уровня и масштаба, очень увлечена профессией, постоянно развивается и стремится к совершенству во всех аспектах профессиональной деятельности. 

    В данный момент Ирина работает на фрилансе сразу в нескольких крупных проектах, выступает на конференциях и преподаёт. 

    Руслан

    Software Engineer в компании DataArt.

    Программист с опытом работы более 7 лет. 

    В процессе профессиональной деятельности Руслан занимался разработкой ПО, используя такие инструменты, как HTML5, CSS 3, JS, TypeScript, Backbone.js, Angular.js, React.js, GoLang, NodeJS, Python, PHP, работал с различными СУБД (MySQL,Postgre, NoSQL) и многими другими технологиями. 

    На текущий момент работает в компании “DataArt” и большую часть времени занимается разработкой на JavaScript и его фреймворках.

    Руслан одинаково хорошо разбирается во фронт-енд и бэк-енд технологиях разработки. 

    "В процессе обучения мы постараемся сделать акцент на практику проектной работы с актуальными в настоящий момент технологиями и инструментами, научимся работать в команде, и напишем один или несколько интересных проектов, которые в последствии можно будет показать на собеседовании!" - говорит Руслан.
    свернуть

    Фотографии

    свернуть

    Отзывы

    Всего отзывов: 12
    Курс UX & UI Designer
    Екатерина Нигай
    Санкт-Петербург

    Отличный курс по контексту, структуре и информативности. Было бы хорошо увеличить продолжительность курса, т.к. иногда не хватает времени на детальную проработку практических заданий. Ирина супер компетентный специалист по UX и замечательный человек!

    Курс UX & UI Designer
    Олег Филичев
    Санкт-Петербург

    Всего за 10 занятий можно узнать много интересного, не только в части UX. Программа очень насыщенная, интересно подаётся информация. Всё структурировано, воркшопы занимают не много времени на занятиях, что приятно, поскольку они эффективны. Сама программа курса классная, раскрывает все нюансы как для специалистов, так и для тех, кто не слишком близок к этой профессии. В итоге по соотношению цена-качество получаем отличный результат. Информация подаётся как нужно. Очень понравился курс.

    Курс UX & UI Designer
    Алеся Филимонова
    Санкт-Петербург

    Всё очень понравилось. Жаль, что было мало занятий, так как хотелось большего погружения. Приятный преподаватель Ирина умеет увлечь, её хочется слушать, вникать в суть даже после рабочего дня =) Спасибо Ирине и всей группе за интересный и полезный курс. P.S. К окончанию курса уже применяла свои знания на практике вне занятий.

    Курс UX & UI Designer
    Всеволод Чернов
    Санкт-Петербург

    Несмотря на относительно небольшое количество часов, курс даёт обстоятельное понимание того, что такое UX, и того, с чего стоит начать свой триумфальный путь к вершине UX дизайнерства. Отдельно выделяю большое количество практических занятий, которые особо способствуют погружению в материал. Хотелось бы больше "раздаточного материала", а не только презентаций. Большое спасибо, Ирина!

    Курс UX & UI Designer
    DakotaTown
    Санкт-Петербург

    Большое спасибо всему коллективу и особенно нашему преподавателю Светлане :)

    Курс UX & UI Designer
    Лев
    Санкт-Петербург

    Хотел подробней понять, узнать Web-дизайн, всё понравилось, ожидания оправдались, очень хороший, толковый учитель, приятные аудитории, ребята.

    Курс UX & UI Designer
    Кристина Назаренко
    Санкт-Петербург

    Много дополнительной полезной информации. Не хватило времени качественно выполнять д/з. Но это потому что я много работаю :) За отведенный срок – мои ожидания более чем оправдались, действительно большой объем знаний и ооочень много практики! :)

    Курс UX & UI Designer
    Евгения
    Санкт-Петербург

    Тренер отвечает на вопросы развернуто, подробно, понятно. Тема раскрыта. Ожидания более чем оправдались. Общее впечатление - очень понравилось, буду советовать Вашу организацию.

    Курс UX & UI Designer
    Дмитрий
    Санкт-Петербург

    Перед начало курса с "трудом" представлял профессию веб-дизайнера, но уже после первых занятий курса в голове начала сформироваться вся картина предстоящей учебы / работы, материал подан преподавателем довольно простым и понятным языком, всегда есть возможность переспросить :) и получить развёрнутый ответ, с каждым новым занятием всё больше углублялись в профессию, а также обучались спец.программам, выполняли домашние задания (они были несложными, если их делать:), также понравилось, что урок записывается и его всегда можно посмотреть! После учёбы точно буду учиться дальше! Очень заинтересовала сфера деятельности.

    Курс UX & UI Designer
    Ксения
    Санкт-Петербург

    Несмотря на такую небольшую продолжительность курса, получила достаточно хорошие знания. Очень понравилась подача преподавателем. За короткий срок получила хорошие знания web. Отличный курс для тех, кто за короткое время хочет получить хорошие базовые знаний. Буду вас рекомендовать своим друзьям и знакомым.

    Курс UX & UI Designer
    Марина
    Санкт-Петербург

    В целом курс понравился. Приятный преподаватель. Программа включает все необходимые для начинающего специалиста навыки. Моё личное пожелание: т.к. я приступила к обучению с "0", хотелось бы более подробно останавливаться на разборе инструментов в каждой программе - больше занятий!

    Курс UX & UI Designer
    Анна
    Санкт-Петербург

    Курс оправдал ожидания. Несмотря на относительно небольшое количество занятий, была преподнесена теория веб-дизайна, изучены различные программы. Курс даёт возможность выбрать направление для развития. Также хотелось бы отметить компетентность преподавателя: весь материал излагался чётко и понятно; всегда можно было обратиться к преподавателю в случае вопросов.

    Курсы программирования, тестирования, мобильных и веб-технологий от Level UP!
    Учитесь с профессионалами в сфере IT-образования!