[language-switcher]
Search
Close this search box.
Search
Close this search box.

Этапы разработки UX прототипа до дизайна.

Разработка UX дизайна

Поделиться в социальных сетях

Мы рассмотрим этапы создания UX дизайна, опишем процессы разработки Юзабилити поэтапно. 

Проектирования Юзабилити (UX) состоит зачастую из таких основных этапов:

  • Определить кто пользователь (клиент) сервиса
  • Определить проблему (определить потребности пользователей)
  • Создание идей дизайна
  • Создание Прототипов. Виды прототипов
  • Тестирование конверсии, путей пользователей, времени и других параметров

Первые два этапа (обсуждение и определение проблемы) часто группируются в термин «исследование пользователей». То есть понимание какой характер пользователей. Как это влияет на их потребности. 

Ряд инструментов и методов могут быть использованы на каждом этапе. Каждый инструмент или метод может производить различные типы выходных данных (UX-результат).

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






Результаты исследований пользователей.

Персона – это вымышленный персонаж, который дизайнеры строят как своего рода стереотип пользователя. Он представляет типичных пользователей, их цели, мотивы, разочарования и навыки. 

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

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

Отчет по Юзабилити сайта

Раскадровка.

Раскадровка – это идея, позаимствованная у кино индустрии. По сути, он состоит из комикса с описанием действий пользователя и обстоятельств, при которых они выполняются. 

Сила этой идеи заключается в том, что она не только демонстрирует, что делает пользователь, но и раскрывает среду, которая может влиять на то, как или почему пользователь что-то делает.

Юзабилити

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

Карта путешествия клиента.

Карта путешествия клиента (также известная как карта опыта) – это схема, которая представляет шаги (то есть процесс), предпринятые пользователем для достижения конкретной цели. 

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

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

Аудит Юзабилити

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

Поиск идей для прототипа.

Мозговой штурм – это процесс, посредством которого команда дизайнеров генерирует идеи о том, как решать проблемы и возможности, выявленные на этапе исследования пользователей. 

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

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

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

Пользовательский поток.

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

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

Эти диаграммы могут помочь дизайнерам быстро оценить эффективность процесса, необходимого для достижения цели пользователя, и могут помочь определить «как» (то есть, исполнение) великих идей, выявленных в ходе мозгового штурма .

Юзабилити диаграмма

Примерная диаграмма потока пользователя, показывающая действия пользователя в приложении.

Результаты прототипирования.

Файлы Sitemap отображают структуру навигации сайта. Такие карты также часто создаются для мобильных приложений. Они служат для того, чтобы показать, как контент будет организован в «экраны» или разделы, и как пользователь может переходить из одного раздела вашего сервиса в иерархию другой.

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

Низкокачественные UX прототипы.

Как только у вас есть готовые карты сайта, вы можете начать рисовать, как контент будет размещен на каждом экране.

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

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

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

UX Прототип сайта

Примеры нарисованных компьютерных прототипов с низким качеством воспроизведения.

Высококачественные UX прототипы.

Эти прототипы являются шагом вперед по сравнению с прототипами низкого качества. Их часто называют прототипами, идеально подходящими для пикселей. Они пытаются показать все визуальные и типографические детали дизайна продукта, как это было бы показано на реальном экране. 

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

Юзабилити дизайн UX

Примеры высокоточных (идеальных по пикселям) прототипов для мобильного приложения. Несмотря на то, что они выглядят как скриншоты из законченного, реального приложения, они являются всего лишь макетом! 

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

Интерактивные прототипы.

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

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

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

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

Оценочные результаты UX подготовки.

Анализ юзабилити.

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

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

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

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

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

  • Общая информация: что вы тестировали, где и когда, инструменты и оборудование, которые вы использовали, и кто принимал участие в исследовании
  • Методология: как вы прошли оценку, какие задачи вы предлагали пользователям выполнять, какие данные собирались, какие сценарии использовались, кто участники и их демография
  • Результаты теста: анализ всех собранных данных, включая иллюстрации, такие как гистограммы и текстовые описания результатов, а также комментарии пользователей, которые могут быть особенно наглядными или поучительными. В зависимости от того, кому вы сообщаете отчет, этот раздел может содержать некоторые технические детали, такие как тип используемого статистического анализа.
  • Выводы и рекомендации: что вы рекомендуете, основываясь на собранных вами данных и ваших выводах? Запишите, что сработало, что нет и почему. Укажите, что следует делать дальше, чтобы улучшить дизайн или продолжить процесс.

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

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

UX анализ сайта

Аналитический Юзабилити отчет.

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

Изучение этих данных может дать отличное представление о том, как повысить удобство использования, особенно если эти данные содержат изменения и поведение пользователей в вашем продукте.

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

Отчет аналитика содержит информацию из этих данных и выделяет области, где дизайн может быть улучшен. Хотя соблазнительно просто добавить красивые визуальные элементы и графики, автоматически создаваемые такими продуктами, как Google Analytics. Работа дизайнера UX заключается не только в том, чтобы изложить факты, но и интерпретировать их. Таким образом, ваш отчет должен содержать данные, а также правдоподобные объяснения и рекомендации о том, что делать. Это также полезная запись, позволяющая увидеть влияние изменений дизайна на ваш веб-сайт после того, как вы определили проблемы и попытались их устранить.

Оценка Юзабилити сайта

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

Что заказывают сейчас?

В статье за ​​2015 год для группы Нормана Нильсена специалист по UX Page Laubheimer проанализировал тип UX-результатов, которые дизайнеры UX чаще всего сообщают о том, что их просят создать как часть их роли. Сообщалось, что чаще всего производятся каркасы и прототипы, за ними следуют блок-схемы, карты площадок и отчеты об удобстве использования / аналитике.

Владелец авторских прав: Teo Yu Siang и Фонд дизайна взаимодействия. Условия авторского права и лицензия: CC BY-NC-SA 3.0

Анализ наиболее часто выпускаемых UX-материалов, согласно группе Нормана Нильсена. Это показывает частоту, с которой профессионалов UX просят произвести и поделиться определенным результатом. Продукты с более низкой частотой спроса по-прежнему производятся, но, как правило, не так много делятся с другими.

Это то, что мы считаем «классическими» UX-результатами, но важно помнить, что хотя эти результаты создаются и передаются другим, многие другие типы результатов будут создаваться, но никогда не будут передаваться. 

Владелец авторских прав: Teo Yu Siang и Фонд дизайна взаимодействия. Условия авторского права и лицензия: CC BY-NC-SA 3.0

На этой диаграмме показаны типы результатов, которые чаще всего используются другими членами команды разработчиков и внешними клиентами. Интерактивный прототип – это результат, который каждый хочет увидеть!

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

Часто задаваемые вопросы. FAQ.

✔️ Что такое UX прототипы?

Это прототипы созданные UX специалистом в результате исследования потребностей рынка и бизнеса.

✔️ Что такое Юзабилити аудит сайта?

Это оценка показателей поведения пользователей, лояльность пользователей и конверсии.

В зависимости от целей аудита – это может быть отчет по результатам или предложения юзабилити специалиста по улучшениям и доработкам

✔️ Зачем делать UX прототип?

Для повышения количества посетителей, трафика и конверсии на будущем сайте.

✔️ Нужен ли аналитический Юзабилити отчет?

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

✔️ Какие этапы UX-дизайна?

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

✔️ Как написать отчет о юзабилити?

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

✔️ Почему так важно сделать UX прототип?

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

Поделиться в социальных сетях

5/5

1 thought on “Этапы разработки UX прототипа до дизайна.”

Leave a Comment

Подписаться Сейчас

Эксклюзивные предложения и премиум кейсы

как создать сайт ico listing
Все Кейсы

Как создать сайт ICO LISTING?

Блокчейн становится чрезвычайно популярным. В первую очередь, благодаря криптовалютам. Но прежде чем криптовалюта вступит в игру, происходит несколько вещей. Один из них – ICO. Количество ICO стремительно растет, и, конечно, лишь некоторые из них действительно заслуживают внимания. Мы собираемся изучить такие вопросы:

как создать успешный сайт ICO
Все Кейсы

Как создать успешный сайт ICO?

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

Хотите поднять свой бизнес на новый уровень?

Пишите нам сейчас

Рост Конверсии

Обратный Звонок

Напишите нам