Этапы разработки UX дизайна. Оценка Юзабилити

By in
92
Этапы разработки UX дизайна. Оценка Юзабилити

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

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

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

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

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

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

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

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

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

Раскадровка

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

Юзабилити

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

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

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

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

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

Поиск Идей

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

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

Этапы разработки UX дизайна. Оценка Юзабилити

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

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

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

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

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

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

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

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

Этапы разработки UX дизайна. Оценка Юзабилити

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отчет о юзабилити

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Этапы разработки UX дизайна. Оценка Юзабилити

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

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

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

Этапы разработки UX дизайна. Оценка Юзабилити

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

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

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

Оставте комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *