Всесторонний обзор результатов UX Design

Что дизайнеры UX делают ежедневно? Много вещей! UX-профессионалы должны донести идеи дизайна и результаты исследований до широкой аудитории. Для этой цели они используют результаты (материальные записи о проделанной работе). Приведенный ниже список содержит наиболее распространенные результаты, разработанные дизайнерами UX, поскольку они создают отличный опыт для пользователей.

Для лучшей читаемости я объединил результаты в соответствии с действиями UX:

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

Оценка проекта

Оценка проекта - это процесс оценки, который помогает дизайнерам UX понять текущее состояние продукта.

Аналитика Аудит

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

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

Совет: приобретите привычку A / B-тестирования ваших изменений в дизайне. Знание того, что все ваши изменения будут проверены A / B, даст вам огромную свободу пробовать новые (и потенциально рискованные) вещи. Если они сработают, вы узнаете об этом почти сразу. Кроме того, вам не нужно беспокоиться о том, что внесенные вами изменения все испортят.

Контент Аудит

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

Отчет об удобстве использования

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

Пример отчета о юзабилити-тестировании. Изображение: tiffanyho

Совет: оцените свои выводы. Каждая проблема, обнаруженная с помощью юзабилити-тестирования, не так важна. Отчет о юзабилити может иметь 5 или 100 результатов, в зависимости от масштаба исследования, и иногда команде может быть непросто пройти все из них. Вот почему результаты должны оцениваться по степени серьезности (низкая, средняя или высокая). Это поможет команде определить критические проблемы, выявленные в ходе исследования юзабилити.

Оценка конкурента

Оценка конкурентов - это оценка сильных и слабых сторон существующих и потенциальных конкурентов. Оценка сильных и слабых сторон ваших соперников является важной частью вашей собственной стратегии UX.

Отчет о конкурентном анализе

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

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

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

Ценностное предложение

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

Ценностное предложение помогает дизайнерам UX сосредоточиться на важных вещах. Изображение: UX Mag

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

Исследование пользователей

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

Personas

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

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

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

История пользователя

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

Изображение: realtimeboard

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

Случаи применения

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

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

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

Карта опыта

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

Простая карта опыта отражает один возможный путь в течение одного сценария. Изображение :ffectiveui

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

Раскадровки (ток)

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

Улыбки и выражения грусти на человеческих лицах оказывают сильное эмоциональное воздействие. Это позволяет воплотить историю в сердца и умы вашей аудитории. Изображение: Челси Хостеттер

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

Опрос

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

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

Информационная архитектура

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

Изображение: Мюррей Томпсон, UX Бут

Карта сайта

Карта сайта - это схема страниц сайта, организованная иерархически. Это позволяет легко визуализировать основную структуру и навигацию сайта.

Пример карты сайта Изображение: Behance

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

таксономия

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

Изображение: Кристиан Риччи

Совет: Таксономия - это живой документ, и его необходимо регулярно проверять и обновлять.

Каркасный

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

Каркасы могут быть представлены в виде эскизов:

Эскиз - это быстрый способ визуализации идеи (например, новый дизайн интерфейса). Изображение: Николас Свонсон

Каркасы также могут быть представлены в виде цифровых иллюстраций:

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

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

Интерактивный дизайн

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

Раскадровки (запланированные)

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

Изображение: digiflip

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

Блок-схема пользователя

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

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

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

Прототип

Многие люди используют термины «каркас» и «прототип» взаимозаменяемо, но между этими двумя результатами дизайна есть существенная разница: они выглядят по-разному, они сообщают разные вещи и служат различным целям. В то время как каркасные модели похожи на архитектурные чертежи (например, план здания), прототип представляет собой представление конечного продукта со средней и высокой точностью. Цель прототипа - протестировать продукты (или идеи продуктов), прежде чем тратить много времени и денег на конечный продукт.

Прототип дает представление о том, как пользователь будет взаимодействовать с продуктом. Это может быть аналогом:

Низкокачественный аналоговый прототип Image: UX Playground

Или это может быть цифровым:

Высококачественный интерактивный прототип, созданный в Adobe XD и отраженный на iPhone

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

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

Заключение

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

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

Первоначально опубликовано на blogs.adobe.com.

Узнайте о Adobe XD, нашем универсальном инструменте для проектирования и создания прототипов:

  • Скачать Adobe XD
  • Аккаунт Adobe XD в Твиттере - также используйте #adobexd для общения с командой!
  • База данных идей Adobe XD UserVoice
  • Adobe XD форум