Опыт — это все — Полное руководство по UX

Опубликовано: 2022-03-11

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

Эксперты по дизайну пользовательского опыта (UX) обладают глубоким пониманием дизайна, технологий и человеческой психологии. Что делает продукт отличным? Что заставляет людей возвращаться? Что отгоняет их?

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

Чтобы было ясно, UX-дизайн — это не практика создания красивых цифровых продуктов — это не только эстетика, но и процесс постепенного улучшения простоты использования и интуитивности цифровых продуктов.

Дисциплины дизайна пользовательского опыта как руководство по UX
Диаграмма Венна в дизайне UX. (Дэн Саффер)

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

Чтобы лучше понять, что такое UX, важно понять, какое место он занимает в стеке дизайна. Также важно понимать, чем не является UX-дизайн.

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

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

Каркас процесса оформления заказа как часть дизайна взаимодействия с пользователем
Каркас дизайна UX для процесса оформления заказа в мобильной электронной коммерции. (Майкл Понс)

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

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

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

Карты опыта создаются как часть процесса проектирования взаимодействия с пользователем.
Карта опыта создается как часть процесса проектирования UX. (от Миклоша Филипса)

UX в процессе проектирования цифровых продуктов

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

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

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

Руководство по UX: карты сайта и информационная архитектура, компоненты процесса проектирования UX
Карта сайта, представляющая информационную архитектуру сайта. (от Миклоша Филипса)

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

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

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

Руководство по UX: эвристический анализ является частью процесса проектирования UX.

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

UX против пользовательского интерфейса

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

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

Процесс проектирования UX: UX против UI

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

Видите ли вы UX-дизайн?

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

Эта заповедь точно объясняет роль UX в области дизайна.

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

Руководство по UX: набросок пользовательского потока и информационной архитектуры, компоненты процесса проектирования UX
Эскиз дизайна пользовательского интерфейса (автор Эдди Лобановский).

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

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

Методы UX-дизайна

Этнографические исследования

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

Исследование пользователей как часть процесса проектирования UX
Участники принимают участие в исследовательском семинаре по дизайну. (Стюарт Прессни)

Персоны, пользовательские сценарии и карты эмпатии

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

Персонажи являются частью процесса проектирования UX
Персоны (от Миклоша Филипса).

Карты пути клиента

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

Карты пути клиента являются частью процесса проектирования UX. Нажмите, чтобы увидеть полноразмерное изображение.
Карта пути клиента EuroRail. (по адаптивному пути)


Каркасы

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

Вайрфреймы — это артефакт UX-дизайна и наиболее распространенный результат UX.
Каркасы с аннотациями — один из самых распространенных артефактов UX-дизайна. (от Миклоша Филипса)

Прототипирование

Прототипирование — неотъемлемая часть UX-дизайна, потому что оно помогает визуализировать то, как пользователи будут работать с программным обеспечением, до того, как оно будет разработано. Доступны различные инструменты прототипирования, такие как InVision, Adobe XD и Principle. Прототипы можно использовать для тестирования проектов с конечными пользователями, а также в качестве средства для передачи проектов командам разработчиков.

Руководство по пользовательскому интерфейсу: вайрфрейминг и прототипирование в Adobe XD
Прототип Adobe XD. (от Smashing Magazine )

Пользовательское тестирование

Пользовательское тестирование необходимо для проверки того, работает ли пользователь с приложением так, как задумано. Некоторые методы пользовательского тестирования включают A/B-тестирование, отслеживание взгляда, тепловые карты, а также наблюдения и интервью.

В этом руководстве по UX: Пользовательское тестирование является частью подхода к дизайну UX.
Сеанс пользовательского тестирования мобильного продукта в InVision.

Эвристическая оценка

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

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

Эвристика юзабилити в этом руководстве по UX является частью основ UX-дизайна.
Сьюзан Вайншенк и Дин Баркер (Weinchenk and Barker, 2000) исследовали рекомендации и эвристики юзабилити из многих источников (включая Nielsen, Apple и Microsoft) и создали этот набор из 20 эвристик юзабилити для проверки.

Важность UX-дизайна

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

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

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

• • •

Читайте больше статей, связанных с UX, в блоге Toptal Design:

  • 10 UX-результатов, которые используют лучшие дизайнеры
  • Улучшите свой UX с помощью этих успешных принципов дизайна взаимодействия
  • Совершенствуйте свое мастерство с помощью этих лучших инструментов UX
  • UX Trends 2018: ретроспектива