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

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

    Курс UX & UI Designer

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

    либо

    Сб 14:00 - 17:00
    Вс 11:00 - 14:00
    Семинар
    (8 мест)
    35990 записаться
    Вебинар(17 мест) 32990 записаться
    свернуть

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

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

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


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

    • Изучать аудиторию, хорошо понимать ее при помощи профессиональных методик и «попадать в яблочко ее ожиданий»
    • Проектировать на основе исследований
    • Мыслить процессами, а не картинками
    • Создавать пользовательские роли, персоны, персонажи, составлять сценарии их взаимодействия с продуктом
    • Проводить юзабилити-аудит
    • Проверять решения при помощи юзабилити-тестирования
    • Улучшать пользовательские характеристики уже существующих сайтов
    • Повышать конверсию и увеличивать эффективность продукта
    • Создавать продукты, которые восхищают пользователей
    • Рисовать живые прототипы 
    • Работать с Adobe Photoshop на профессиональном уровне
    • Делать адаптивный дизайн
    • Рисовать UI для мобильных приложений 
    • Сделать красивый, информативный дизайн для рассылки 
    • Работать со всем актуальным на данный момент инструментарием дизайнера

    Практика: 

    • В результате курса у Вас минимум будет:
    • 3 прототипа: Лендинг / Веб-сервис / Интернет-магазин / Мобильное приложение
    • 3 дизайн-проекта по разработанным прототипам
    • 1-2 свёрстанных и работающих проекта в альфа-бетта версии

    Требования к участникам курса: 

    • Базовые знания Adobe Photoshop (цветокоррекция, работа со слоями и т.п.)

    свернуть

    Стек технологий

                                                                                                              
    свернуть

    Программа

    Модуль 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. Введение в профессию UI-дизайнера

    • Обзор программного обеспечения для создания UI 
    • Ресурсы для вдохновения (Dribbble, Behance) и современные тенденции в UI и дизайне
    • Технические возможности создания UI-дазайна веб-приложений
    • Виды веб-приложений
    • Основные этапы разработки
    • Составление и чтение Брифа. Разбор кейсов

    Занятие 2. UI Киты. Работа со шрифтами

    • UX & UI стратегия
    • Сценарии и акценты
    • Сетка сайта
    • Классификация шрифтов, область их применения 
    • Веб-шрифты и особенности экранной типографики
    • Параметры: кернинг, интерлиньяж, заголовки (h1, h2, h3), абзацы, текст
    •  Работа с текстом в Adobe Photoshop / Sketch

    Занятие 3. Основы работы в Adobe Photoshop

    • Технические возможности программ и обзор плагинов
    • Панель инструментов, настройка рабочего пространства, возможности цветокоррекции, стили слоя, работа с масками и пр. 
    • Оптимизация изображений для размещения на сайте

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

    • Создание иконок / пиктограмм
    • Обзор инструментов для создания и коррекции векторных объектов в Adobe Illustrator
    • SVG. Приложение IconJar

    Занятие 5. Создание Landing Page.

    • Подбор и обработка изображений / персонажей
    • Цветовая схема
    • Создание элементов интерфейса (кнопки, слайдер, меню, пиктограммы и пр.)

    Занятие 6. Создание адаптивного веб-приложения с каталогом

    • Формулировка концепции проекта, подбор цветовой схемы и гарнитуры шрифтов
    • Работа с брифом и гайдлайнами
    • Выбор количества точек для проекта
    • Построение сетки
    • Возможности CSS
    • Создание прототипа будущего проекта для всех точек

    Занятие 7. Mobile Perfect

    • Отрисовка мобильной версии макетов страницы каталог и страницы продукта

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

    • Карточный дизайн
    • Анимация элементов навигации проекта
    • Подготовка макета к верстке

    Занятие 9. E-mail рассылки

    • Технические требования к рассылкам
    • Структура и особенности построения композиции
    • Адаптивные рассылки
    • Создание рассылки для свое проекта

    Занятие 10. Тренды

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

    Модуль 3. Основы фронт-енд разработки для дизайнеров


    Занятие 1. Введение (Git, VS Code, HTML)

    • Основы работы с системой контроля версий на примере 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. Презентации курсовых проектов

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

    свернуть

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

    Ирина

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

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

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

    Антон

    Fullstack developer в компании DataArt.

    Опытный программист со стажем более 6 лет в сфере разработки ПО.

    Начинал свою карьеру как desktop-разработчик, и сразу же проникся любовью к технологии WPF, тогда ещё довольно молодой, но крайне перспективной. Затем целиком и полностью ушёл в web-разработку, оставшись верным .NET framework'у. 

    Любимые языки программирования - C# и TypeScript. 
    Последние 2 года работает в компании DataArt, где занимается как фронт-эндом, так и бэк-эндом, а также созданием кроссплатформенных мобильных приложений. 

    "Если спросить меня, почему я выбрал программирование, я отвечу, что это, в первую очередь, творческий процесс, очень интересный и вариативный. Это работа, которая переходит в хобби, и хобби, которое переплетается с работой, а это не может ни надоесть, ни приесться. Кроме того, прогресс не стоит на месте, и каждый год выходят новые технологии, появляются новые инструменты разработки, а это отличный стимул не впадать в стагнацию, а продолжать совершенствоваться в профессиональной сфере, заставлять мозг шевелиться снова и снова! :-)" - говорит Антон.
    свернуть

    Фотографии

    свернуть

    Отзывы

    Всего отзывов: 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-образования!