Click to order
Покупка доступа к онлайн-руководству
Total: 
Сразу после оплаты ты получишь на указанный имейл пароль доступа и ссылку на форму входа в онлайн-кабинет с материалами. Доступ покупается на 1 год.
Имейл
Имя и Фамилия
DIGITAL PRODUCT DESIGN
Этапы работы над продуктом
Третий модуль
1
Дизайн продукта
2
Дизайн взаимодействия
3
Дизайн графического интрефейса
1. Дизайн продукта
На этом этапе дизайнер входит в роль ученого-исследователя
Сначала тебе нужно описать видение будущего продукта и утвердить его с клиентом. Сформировать видение помогают различные типы исследований, которые дают нам объективные данные и помогают лучше понять, какие проблемы придется решать. Исследования дают пищу для ума и подсознания, благодаря которой активно включаются механизмы генерации идей. Кроме того, формируются критерии, по которым оценивается конечный результат на соответствие поставленным целям.

В процессе проектирования нужно всегда помнить о трех основных составляющих, которые лежат в основе любого цифрового продукта: бизнес-требования, пользовательские требования и используемые технологии. Именно из этих трех составляющих и получается хороший продукт, то есть UX (англ. User eXperience — пользовательский опыт взаимодействия). Любой правильно настроенный процесс должен помогать дизайнеру постоянно держать в фокусе эти составляющие, иначе есть большой риск заблудиться в информации и пойти не в том направлении. На первом этапе проектирования мы опираемся на эту информацию, поэтому так важно уделить процессу сбора информации особое внимание.
Как правило, клиент сам дает описание того, что он хочет получить, дает примеры на похожие продукты. Помимо этого он помогает понять, для кого этот продукт будет предназначен, то есть описывает портрет пользователя. Если клиент не может этого сделать, придется ему помочь, вы же дизайнер, и это ваша работа. Вся эта информация помогает дизайнеру сформировать бизнес- и пользовательские требования, что в свою очередь помогает понять какой результат ждет от него клиент. Перечень основных шагов, которые нужно пройти:

  1. Определить конечные цели и потребности бизнеса.
  2. Узнать кто конечный пользователь продукта, определить каковы его цели и потребности, с какими проблемами сталкивается сейчас и как он их решает.
  3. Описать персонаж пользователя на основе полученных данных и держать его перед глазами в течение всей работы над проектом.
  4. Изучить существующие технологии которые используются в данной предметной области.
  5. Изучить уже существующие решения и конкурентов.
  6. Проанализировать полученную информацию и сгенерировать идеи.
  7. Описать требования к будущему продукту.
  8. Описать будущий опыт работы с продуктом с помощью пользовательских сценариев и сторибордов. Нужно охватить все ключевые сценарии, должно быть понятно как работает продукт.
  9. При необходимости, составить диаграммы потоков задач опираясь на ключевые пользовательские сценарии.
  10. Сделать первые концептуальные наброски.
Рассмотрим основные этапы чуть подробнее.
Бизнес-требования, потребности и цели
Важно с самого начала проектирования понимать, каковы цели создания будущего продукта, какие потребности бизнеса он должен удовлетворить. Эту информацию дает клиент или его представитель, нужно получить от них максимум информации.
Исследования целевой аудитории
Чтобы лучше понимать потребности и проблемы целевой аудитории проводятся исследования в виде интервью, опросов, наблюдений за поведением. Одним словом, собираются качественные и количественные данные всеми возможными способами.
Профиль пользователя
Профиль пользователя нужен для того, чтобы объединить все собранные данные в один документ и сфокусироваться на основных проблемах, и целях потенциальных пользователей продукта. Это документ, который помогает в процессе разработки сохранять верное направление и не уйти в сторону.
Требования к будущему продукту
Общие требования формируются из бизнес-требований, потребностей пользователей и технологических требований. После анализа этой информации проводится генерация и отбор идей. Требования помогают лучше понять, какой функционал и контент должен быть в будущем продукте.
Пользовательские сценарии
Со сценариев, собственно, и начинается проектирование будущего продукта, так как мы описываем, каким образом будет работать будущий продукт. Главное требование к сценариям: чтобы любой человек, их прочитавший, получил представление о том как будет работать будущий продукт, какую проблему решает, какую потребность удовлетворяет и каким образом.
Сториборды
С помощью сторибордов можно более наглядно показать идею продукта, они являются хорошим дополнением к сценариям, либо заменяют их. Сториборды рассказывают историю о том как с помощью продукта решается конкретная проблема: в какой ситуации возникла проблема и каким образом она решается, в каком контексте используется продукт, какой конечный результат получает пользователь.
(!) Контрольная точка
Первый этап формирует вполне объективные критерии оценки, по которым будет оцениваться конечный результат. В конце этого этапа на руках должен быть документ который описывает суть продукта, кто его пользователи, какую проблему он решает и каким образом.

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

2. Дизайн взаимодействия
На этом этапе дизайнер входит в роль инженера-конструктора
На этом этапе тебе нужно уточнить технические требования, детализировать сценарии, чтобы превратить их в элементы интерфейса, такие как кнопки, чек-боксы, формы и т. п., определить какая информация нужна и в каком виде. Это дает возможность получить полную картину об объеме предстоящих работ. Не стоит забывать о трех факторах, которые влияют на рабочий процесс и результат: сроки, стоимость и качество. Вся эта информация позволяет грамотно спланировать работу над проектом, при необходимости скорректировать требования и разбить функционал на версии.
В конце этого этапа нужно получить прототип будущего продукта, в идеале несколько вариантов, провести тестирование, выбрать тот вариант который лучше всего решает проблему и соответствует требованиям. Перечень основных шагов:

  1. Определить технические ограничения, исходя из специфики продукта.
  2. Выявить и записать абсолютно все сценарии использования.
  3. Составить информационную структуру продукта (разбивка по экранам/страницам).
  4. Описать функционал и информационное наполнение для каждого экрана/страницы.
  5. Проработать несколько прототипов будущего продукта.
  6. Провести эвристическую оценку интерфейса.
  7. Провести пользовательское тестирование прототипа и внести правки.
  8. Составить карту навигации на основе сценариев и прототипа.
Рассмотрим основные этапы чуть подробнее.
Технические требования и ограничения
Нужно уточнить и описать технические требования и ограничения, проанализировать возможные проблемы и варианты их решений. Это делается до того, как дизайнер приступает к прототипированию интерфейса будущего продукта.
Сценарии, структура, функционал и наполнение
Выписать все возможные сценарии взаимодействия, сформировать структуру будущего продукта, описать функциональное и информационное наполнение для каждой страницы. Это дает полную картину, помогает на этапе прототипирования сфокусироваться только на подаче информации и проработке удобства взаимодействия, и совсем не думать, что же должно быть на каждом экране.
Первые наброски
Руками думать лучше и быстрее, по этому для начала накидай свои идеи карандашом на бумаге. Эти инструменты не ограничивают полет фантазии, в отличие от компьютера, и дают возможность быстро набросать большое количество вариантов, продумать их поведение, расставить акценты, показать свои идеи команде и обсудить.
Прототипирование интерфейса
После того, как у тебя появится ясная картина количества экранов и их содержимого, можно перейти к созданию прототипа. Прототип нужен для того, чтобы проверить идею, обсудить ее и протестировать, и чем больше вариантов, тем лучше.
Обсуждение, тестирование прототипа
Прототип обсуждается с клиентом и командой, проводится пользовательское тестирование, проверяются все гипотезы и, при необходимости, вносятся правки. Таким образом снижается количество ошибок и логических несоответствий в конечном продукте.
Карта навигации
Карта составляется после того, как проработаны все экраны интерфейса продукта. Она дает возможность увидеть общую картину и все связи, выявить недостающие экраны, помогает понять программистам как работает логика. Для больших и сложных проектов карта составляется для отдельных сценариев.
(!) Контрольная точка
Проработать несколько идей в виде прототипа и изменить их намного проще, и быстрее, чем править окончательный макет. По сути прототипы это черновики, большая часть из которых пойдет в мусорную корзину, и чем больше прототипов, тем лучше.

Обязательно обсуди прототип с командой, а затем согласуй с клиентом, проведи пользовательское тестирование, если это нужно и возможно, и только после этого передавай разработчикам. Имея сценарии, прототипы всех экранов и карту навигации, программисты могут приступить к работе, в то время как дизайнер начинает прорабатывать графический интерфейс.
3. Дизайн графического интерфейса
На этом этапе дизайнер входит в роль художника-оформителя
Графический интерфейс — это лицо продукта, то с чем непосредственно работает пользователь. Есть три основных фактора, на которые нужно опираться на этом этапе: эмоциональное впечатление, язык визуальной коммуникации и язык общения с пользователем. Именно благодаря этим факторам формируются критерии и производится эстетическая оценка графического интерфейса цифрового продукта.
Начинающие дизайнеры начинают именно с проработки графического интерфейса, пропуская все остальные этапы, от чего и случаются все проблемы. Перечень основных шагов:

  1. Определить общее настроение, тон визуальной и текстовой коммуникации на основе исследований целевой аудитории.
  2. Проработать несколько вариантов графического оформления для ключевых экранов.
  3. Выбрать один вариант и проработать все экраны.
  4. Проработать эффекты и анимацию.
  5. Подготовить графику для вёрстки и руководство для программистов.
  6. Проверить результаты работы программистов.
Рассмотрим основные этапы чуть подробнее.
Графический интерфейс
Дизайнер прорабатывает графический интерфейс, по которому пользователи будут судить о продукте. Итогом этой работы являются макеты высокого разрешения с проработкой различных состояний элементов, анимации и т. д.
Эффекты, анимация
Когда проработаны все типовые экраны, дизайнер продумывает эффекты и анимацию элементов интерфейса. Самое главное на этом этапе сильно не увлечься и не переборщить c эффектами.
Графика, спецификации
После того, как проработаны все экраны, продуманы эффекты и анимация, дизайнеру остается подготовить графику для верстки, проработать состояния для всех интерактивных элементов и передать это все разработчикам (по запросу разработчиков).
(!) Контрольная точка
Для начала сделай несколько черновых вариантов основных экранов, которые позволяют понять идею, обсудите их с клиентом и командой. Нет необходимости прорабатывать все экраны сразу. При чем, эти варианты могут быть в виде набросков или кусков из разных проектов, главное быстро донести идею.

После согласования и утверждения одного варианта проработай все типовые экраны, при чем начинать лучше с самых сложных. После того как проработаны все экраны дизайнеру остается подготовить графику для верстки, проработать состояния для всех интерактивных элементов и передать это все разработчикам.
ЧТО ТЕБЯ ЖДЕТ ДАЛЬШЕ
6 модулей с подробным планом работы над проектом, детальный разбор реальных кейсов и интересные практические задания
Четвёртый модуль
Определение целей бизнеса, исследования и профили пользователей
1. Зачем нужны исследования.
2. Бизнес-требования.
3. Пользовательские исследования (опросы, наблюдения, полевые исследования и CJM).
5. Определение проблем.
4. Профиль пользователя.
пользовательские исследования
Пятый модуль
Генерация и отбор идей, описание требований
1. Обзор процесса генерации и отбора идей.
2. Отбор идей и выбор решения.
3. Формирование требований.
4. Техники анализа ситуаци и генерации идей.
требования к продукту
Шестой модуль
Концепция продукта: логика работы, пользовательские сценарии и сториборды
1. Логическая схема (User Flow).
2. Пользовательские сценарии.
3. Сториборды.
4. Согласование концепции продукта.
логика работы и пользовательские сценарии
Седьмой модуль
Функционал, архитектура, прототипирование
1. Описание технических требований.
2. Структура, информационная архитектура.
3. Функционал и информационное наполнение
4. Разбивка функционала по версиям.
5. Прототипирование.
6. Инструменты прототипипрования.
прототип
Восьмой модуль
Эвристическая оценка и пользовательское тестирование
1. Эвристическая оценка и чек-листы.
2. Сценарии тестирования прототипа.
3. Проведение тестирования.
4. А/В тестирование.
5. Проверка и согласование результатов.
карта навигации
Девятый модуль
Карта навигации, дизайн графического интерфейса, гайдлайны
1. Подготовка карты навигации.
2. Основные принципы дизайна графического интерфейса для цифровых продуктов.
3. Согласование дизайна графического интерфейса.
4. Разработка гайдлайнов.
5. Проверка результатов.
графический интерфейс
+ Бонус
Организация работы и управление проектами
Мини-курс, который помогает научиться управлять несколькими проектами, оценивать стоимость и, самое главное, выдерживать сроки! Ты получаешь доступ к шаблону проекта с чек-листами и сможешь использовать его в своей работе.
общение с ментором
Продолжить обучение
Далее ты можешь продолжить учиться самостоятельно (после оплаты на указанный имейл прийдет ссылка доступа к полному курсу), или пройти обучение с поддержкой ментора (обратная связь по заданиям и ответы на вопросы в личном чате).
Отзывы учеников, которые проходили обучение на курсе
Для меня это самая ценная инфа которую я когда либо видел или покупал. Сейчас куча банальных и поверхностных курсов даже по UX проектированию (не говоря уже о том как рисовать в фотошопе ), но данный курс совсем о другом. Это подробнейшее описание дизайн процесса продуктовых команд и компаний, подкрепленное примерами и расписанное до мелочей. Единственное что остается просто взять и повторить. Для меня, как новичка, это спасательный круг в океане всех этих методологий, практик и подходов. Ребят всем рекомендую.
Дмитрий Ярошенко
UX/UI Designer
В тренинге меня прежде всего привлекла методика, структурированность и примеры оформления проектной документации UX-дизайнера. На протяжении всего курса Александр разбирал кейсы своих проектов, делился редкими материалами, и самое главное открыл секрет как сделать рабочий цифровой продукт.
Богдан Головатый
UX/UI Designer в Upwork
Мое начало пути UX / UI дизайнера началось с тренинга Александра Волошина Digital Product Design. Хочется сказать огромное спасибо за грамотно выстроенный процесс обучения, в котором предоставляется возможность не только получить практику проектирования продукта, но и комплексный объем материалов, информации, инструментов и крутых методологий! Именно такой подход к процессу обучения дает возможность четко структурировать всю информацию в голове.
На протяжении всего проекта я получала не только нужную теоретическую информацию, но и ценные советы в процессе практических заданий:)
Это был действительно увлекательный и очень полезный опыт! Я рада, что мне представилась возможность пройти именно этот курс!
Кристина Гиль
UX/UI Designer
Мне Саша очень нравится, как преподаватель, адекватная обратная связь, индивидуальный подход, и сам Сашин курс доступный, понятный, с домашкой, чтобы отрабатывать материал. Мне очень нравится, что всегда чувствуется поддержка преподавателя, даже если ты где-то букусуешь. Саша меня подпинывает периодически, чтобы я держала его в курсе, как у меня с учебой и выполнением домашки, если возникли трудности, я ему пишу, а он уже может мне подсказать, что делать или что почитать. Я думаю, что это и есть его бонус при обучении, что он заботиться о каждом ученике, и вы не останетесь наедине со своими вопросами и тупняками. Горячо рекомендую.
Елена Выговская
UX/UI Designer
Курс я проходил когда работал веб дизайнером около двух лет назад. Он стал отправной точкой в карьере UX дизайнера с хорошей базой и инструментами, которые я использую до сих пор. Саша собрал все куски, которые у меня были в голове и структурировал их в отличную обучающую программу с огромным количеством теории и практики. На этом курсе вы научитесь проектировать для людей, а не для Dribbble.
Илья Зоря
Product Designer в Solring Holdings Ltd
Первоначально я думала, что курс станет отправной точкой в освоении UX дизайна. На практике, полученных знаний оказалось достаточно, что-бы получить работу младшим UX дизайнером в большой компании. Александр дает крепкую базу. Все этапы, которые мы проходили на курсе, применимы и нужны в работе.
Анна Мирончук
UX Designer в компании «Prom.ua»
Для тех кто занимается дизайном достаточно долго и работает в дизайн-студиях или компаниях, тренинг окажется "открытием"! Действительно, можно и даже нужно понимать что ты делаешь от начала и до конца. Это как достижение нирваны, все шаги связаны между собой и одно без другого не получится. Самым интересным было, что на протяжении выполнения работы, пришло понимание, что до этого "Ты жил неправильно!", зато теперь понимаешь все свои ошибки.
Инна Летина
Product Designer в AVITO.ru
Курс сильно превзошёл все ожидания! Очень довольна и благодарна автору за его труд. Александр отлично раскрыл тему, дал чёткое понимание как, что в какой момент надо делать. На протяжении всех уроков искренне не переставала удивляться насколько подробно и качественно разбирается каждый вопрос.
Ирина Игумнова
Веб-дизайнер
Благодаря этому курсу у меня разложились по полочкам все знания по UX. Даже учитывая тот факт, что я проходила этот курс пару лет назад он до сих пор остается для меня актуальным и я много чего использую из этого курса. Рекомендую!
Ирина Коваленко
Designer в компании EvoPlay
На курсе достаточно понятно и грамотно расписаны все этапы. Есть примеры, много узнаешь нового. Работа ведется последовательно и позволяет сконцентрироваться на решении определенной задачи. Мне понравилось :)
Азамат Куанов
Промышленный дизайнер
Отзывы на странице проекта в Facebook https://www.facebook.com/pg/uxclan/reviews
Остались вопросы?
Свяжись с ментором курса через соцсети, или задай вопрос через форму.

Made on
Tilda