Курс UX-дизайна: Проектирование интерфейсов от эксперта Shopify

Что вы сможете после курса

• Формулировать задачу в виде вопроса «как бы нам…» и выбирать метрики успеха
• Исследовать пользователей: проводить интервью и опросы, смотреть аналитику, разбирать конкурентов
• Собирать персоны и пользовательские сценарии, формулировать гипотезы и расставлять допущения по рискованности
• Выстраивать информационную архитектуру, рисовать юзерфлоу и вайрфреймы
• Собирать прототип под задачу теста и проводить сессию тестирования с пользователем
• Описывать проект как кейс для портфолио и готовиться к собеседованию дизайнера

Кому подойдёт

Курс не подойдёт тем, кто ждёт пошагового обучения конкретной программе, уроков по типографике и цвету или готового проекта: тему для заданий вы выбираете сами, а программы упоминаются как примеры.

Как проходит обучение

• Один сквозной проект с первого урока до портфолио — Каждое задание продолжает предыдущее, и к концу курса у вас есть цельная работа, а не набор упражнений
• Домашнее задание после каждого урока на вашем материале — Тема закрепляется на практике, а результаты можно показать в портфолио
• Объяснение UX через модель Гарретта из пяти слоёв — Видно, какое место в работе занимает визуальный дизайн и что находится вокруг него
• Конкретные приёмы: штурм вопросами, «пять почему», постмортем, пиратские метрики, карта допущений — Появляется набор методов, которые можно применять в любом проекте
• Примеры из реальных продуктов и форматы дизайн-критики — Понятно, как теория выглядит в работе, и как получать и давать обратную связь по макетам

Что понадобится

• Идея собственного сервиса или сайта для сквозного проекта
• Редактор для блок-схем и вайрфреймов на выбор: Draw.io, Balsamiq Mockups, Sketch, Illustrator или другой
• Сервисы для опросов и прототипов на выбор: Google Forms, InVision, Marvel, Keynote или PowerPoint; для созвонов с пользователями — Skype или Google Hangouts

Почему самому обычно не выходит

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

Без исследований команда работает со своими предположениями о пользователях: появляется дизайн «под себя» и размытые цели. Без проверки идей до разработки ошибки находятся дорого и поздно.

Курс собирает эти шаги в один порядок: задача и метрики, исследование, персоны и сценарии, гипотезы, структура, юзерфлоу и вайрфреймы, прототип и тест. Каждый шаг опирается на результат предыдущего.

Что изменится

Как устроен путь

1. Задача и исследование Формулируете задачу и метрики успеха, составляете вопросы и изучаете пользователей интервью, опросами, аналитикой и конкурентным анализом.
2. Персоны и гипотезы Собираете персоны и сценарии, формулируете гипотезы, расставляете допущения по рискованности и выбираете способ проверки.
3. Структура и вайрфреймы Разбиваете контент на объекты, выстраиваете информационную архитектуру, рисуете юзерфлоу и вайрфреймы для каждого экрана.
4. Прототип, тест и портфолио Собираете прототип под задачу теста, проводите сессию с пользователем и оформляете проект как кейс для портфолио.

Программа курса

10 уроков · 3 часа 22 минуты видео · Каждый урок продолжает задание предыдущего и заканчивается домашней работой по вашему проекту.

• От первой идеи до проверенного прототипа и портфолио 10 уроков

  Темы идут в порядке рабочего процесса: основы UX, формулировка задачи, исследования, персоны, гипотезы, информационная архитектура, юзерфлоу и вайрфреймы, принципы интерфейса, прототипы с тестированием и портфолио.

  • Персоны и пользовательские сценарии21:07

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

  • Гипотезы, допущения и MVP21:22

    Урок объясняет, как формулировать гипотезы и проверять их экспериментами разной стоимости: аналитикой, интервью, опросами, лендингом со сбором e-mail, прототипом. Разбирается отбор допущений по рискованности и построение MVP как эксперимента, а не оправдания низкого качества.

  • Принципы информационной архитектуры21:04

    Разбираются принципы информационной архитектуры: объекты, выбор и прогрессивное раскрытие, примеры, передняя дверь, несколько классификаций и рост навигации. Также рассматриваются режимы поиска и разница открытой и закрытой сортировки карточек, при которой структура строится вокруг пользователя и его задач.

  • Юзабилити и принципы интерфейса20:11

    Урок показывает, как сделать интерфейс удобным: сближать ментальную модель пользователя с концептуальной, опираться на знакомые паттерны, сохранять простоту и постоянство. Рассматриваются статусы действий, объяснение ошибок, эффективность для опытных пользователей и адаптация макета под разные экраны.

  • Портфолио дизайнера12:14

    Урок объясняет, как отобрать проекты для портфолио под конкретную позицию и описать кейс как рассказ о цели, процессе и результатах. Разбирается устройство собеседования: часть с HR, ревью портфолио командой и формат «дизайн у доски».

  • Введение в UX-дизайн21:49

    Урок разделяет понятия UX и UI и показывает модель Гарретта, в которой пользовательский опыт делится на слои, а визуальный дизайн составляет лишь один из них. Рассматриваются стадии проекта, направления оценки дизайнера и роль дизайн-критики.

  • Формулировка задачи проекта19:58

    Урок учит формулировать условия задачи и измеримый критерий успеха. Для поиска вопросов к задаче используются мозговой штурм вопросами, метод «пяти почему», прохождение пути пользователя и постмортем.

  • Исследования в UX-дизайне21:58

    Урок объясняет, зачем дизайнеру исследования: они помогают команде построить общую модель реальности вместо опоры на личную интуицию. Разбираются количественные и качественные методы, конкурентный анализ, опросы, а также подготовка сценария и проведение интервью.

  • Юзерфлоу и вайрфреймы20:23

    Юзерфлоу описывает конкретный сценарий пользователя от начала до конца с экранами и действиями на каждом шаге, а блок-схема рисуется в любом удобном редакторе. Затем проектируются вайрфреймы, которые показывают структуру и расположение элементов без визуального оформления, на примере главной страницы.

  • Прототипы и тестирование21:51

    Урок показывает, что детальность прототипа выбирают под задачу теста: быстрые кликабельные вайрфреймы, детальные макеты и код-прототипы. Разбирается структура сессии с пользователем: приветствие, вопросы, показ прототипа, задание и завершение, а также концептуальное тестирование.

Частые вопросы

Об этом курсе

• Нужен ли опыт в дизайне, чтобы начать?

  Нет. Курс начинается с базовых понятий, например с разницы между UX и UI, и идёт от них к проверке прототипа с реальными пользователями.

• Какой проект нужно вести на протяжении курса?

  Свой собственный: с первого урока вы придумываете сервис или сайт, который решает проблему пользователей, и выполняете на нём все домашние задания. Готового шаблонного проекта в курсе нет.

• Научит ли курс работать в какой-то конкретной программе?

  Пошагового обучения конкретной программе нет. Редакторы и сервисы прототипирования, среди них Sketch, Balsamiq Mockups, InVision и Marvel, названы как примеры, а выбор инструмента остаётся за вами.

• Есть ли в курсе уроки по визуальному дизайну и программированию?

  Нет. Типографика, цвет, композиция и оформление макетов как отдельная тема не разбираются, а код-прототип показан как приём на примерах, писать код курс не учит.

• Что разбирается в части про информационную архитектуру?

  Принципы построения структуры: объекты, прогрессивное раскрытие, примеры, передняя дверь и несколько классификаций. Отдельно разобраны четыре режима поиска и разница между открытой и закрытой сортировкой карточек.

• Поможет ли курс подготовиться к собеседованию?

  Последний урок посвящён портфолио: как отобрать работы под позицию, описать цель, собственную работу и результаты, и как проходят HR-часть, портфолио-ревью и формат «дизайн у доски». Гарантий трудоустройства курс не даёт.

Доступ и материалы

• Когда и как я получу доступ к курсу?

  Сразу после оплаты, в ту же секунду и автоматически. Ждать подтверждения не нужно. Доступ приходит двумя путями сразу. Первый: на почту, указанную при оформлении заказа, приходит письмо со ссылкой на материалы. Второй: та же ссылка появляется в вашем аккаунте на сайте, в разделе «Загрузки», и остаётся там постоянно.

• Где хранятся материалы курса?

  Все видео и дополнительные файлы лежат в облачном хранилище. Ссылка на него — в вашем аккаунте на сайте, раздел «Загрузки», и в письме, которое пришло после оплаты. Аккаунт здесь — не формальность, а способ доставки: курс остаётся в нём навсегда. Даже если письмо потерялось или вы вспомнили о покупке через год, ссылка будет на месте.

• Можно ли скачать материалы или только смотреть онлайн?

  Скачивать можно и нужно. Мы рекомендуем сохранить видео на компьютер и смотреть оттуда. Причина простая: облачное хранилище не рассчитано на просмотр видео. Иногда оно позволяет включить ролик прямо в браузере, но качество при этом заметно хуже исходного. На своём компьютере вы увидите курс таким, каким его записывали.

• Как долго действует доступ?

  Бессрочно. Курс остаётся вашим навсегда, возвращаться к нему можно сколько угодно раз. Если через год или два ссылка вдруг перестанет открываться по техническим причинам — напишите на info@siluette.com.ua, мы её восстановим.

• Письмо с доступом не пришло — что делать?

  Прежде всего: доступ у вас есть в любом случае. Войдите на сайт и откройте раздел «Загрузки» — ссылка на курс уже там, независимо от того, дошло письмо или нет. Чаще всего письмо теряется из-за опечатки в адресе при оформлении заказа. Ещё стоит заглянуть в папку «Спам». Не разбирается — не тратьте время: напишите на info@siluette.com.ua или в чат в правом нижнем углу сайта, мы поможем.

• На каких устройствах смотреть курс?

  Лучше всего на компьютере или ноутбуке: скачайте видео и откройте любым привычным плеером. Понадобятся установленные видеокодеки — на большинстве компьютеров они уже есть. Скачать курс можно на сколько угодно устройств. А вот телефон мы не советуем, и по двум причинам. На маленьком экране плохо видно детали, особенно если в уроке показывают интерфейс программы. И на телефонах часто нет кодеков для форматов, в которых записаны видео.

Оплата и возврат

• Какими способами можно оплатить?

  Банковской картой Visa, MasterCard или Prostir, через Google Pay, Apple Pay, Masterpass, Visa Checkout, платёжный QR-код, Botpay в Telegram или Privat24. Есть и оплата частями: Монобанк (3 или 4 платежа), А-Банк (2, 3 или 4 платежа и рассрочка), Банк Глобус (8 платежей), «Скибочка» от OTP Bank (3 платежа), мгновенная рассрочка и оплата частями от ПриватБанка.

• Примут ли карту, выпущенную не в Украине?

  Да. Платёжная система принимает карты из Евросоюза и любых других стран. Одна деталь, о которой часто забывают: банк может попросить подтвердить платёж — в мобильном приложении или кодом из СМС. Если оплата не проходит, проверьте приложение банка и сообщения.

• Как работает скидка 20% при покупке нескольких курсов?

  Добавьте в корзину два курса или больше — скидка применится автоматически ко всем товарам в корзине. Два курса: минус 20% на оба. Пять курсов: минус 20% на все пять. Скидка сочетается с любыми акционными ценами и действует на весь каталог без исключений.

• Можно ли вернуть курс или деньги?

  Цифровые товары возврату и обмену не подлежат. Это общее правило для всех электронных товаров в Украине — постановление Кабинета Министров № 172 от 19 марта 1994 года. При этом мы всегда на связи. Если доступ не открывается, ссылка перестала работать или файлы повреждены — напишите на info@siluette.com.ua, укажите дату и номер заказа. Восстановим. Если что-то непонятно в самом курсе, тоже пишите — подскажем.

• Можно ли оплатить от организации по счёту?

  Пока нет. Мы работаем только с частными покупателями — безналичной оплаты по счёту от юридических лиц сейчас нет.

Как проходит обучение

• Есть ли обратная связь с преподавателем и проверка заданий?

  Нет. Все курсы — это записи уроков для самостоятельного изучения: преподаватель не отвечает на вопросы и не проверяет домашние задания. Именно поэтому курсы стоят намного дешевле обучения с куратором. Вы получаете тот же материал, но занимаетесь сами и в своём темпе.

• Выдаётся ли сертификат?

  Да, цифровой сертификат — по запросу и бесплатно. Напишите на info@siluette.com.ua, укажите имя и фамилию ровно в том виде, в каком хотите видеть их в сертификате, и мы пришлём его в течение суток.

• Нужен ли опыт, чтобы начать?

  Для большинства курсов — нет. Они рассчитаны на начальный уровень и объясняют с азов. Если курс требует подготовки, это сказано в его описании.

• Есть ли сроки прохождения курса?

  Нет. Ни дедлайнов, ни расписания, ни сгорающего доступа. Скачали — смотрите когда удобно, с любыми перерывами.

• Можно ли поделиться курсом с другим человеком?

  Курс покупается для личного использования, и мы просим относиться к этому по-человечески: за каждым уроком стоит работа, а цена и так сильно снижена.

Поддержка

• Куда писать, если что-то не работает?

  Лучше всего на info@siluette.com.ua. Есть и чат в правом нижнем углу сайта, но почта надёжнее: там можно всё описать подробно и приложить скриншоты. Просьба: опишите, что именно вы делали и что пошло не так, и приложите снимок экрана с ошибкой. Так мы решим вопрос сразу, а не будем полдня выяснять, что произошло.

• Как быстро отвечает поддержка?

  В рабочее время, с 9:00 до 19:00, на почту обычно отвечаем в течение часа, в чате — за пару минут. После 19:00 тоже случается, но время ответа не обещаем.