Дизайн взаимодействия с пользователем

Дизайн взаимодействия с пользователем (UX-дизайн← англ. User Experience, или UXD, или UED, или XD← англ. User Experience Design) включает в себя традиционное взаимодействие человека с компьютером (HCI), в том числе все аспекты продукта, как они воспринимаются пользователями.

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

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

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

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

 Длительность взаимодействия (начало, погружение, заключение и продолжение);
 Интенсивность (рефлекс, привычка, вовлеченность);
 Широта предложения (товары, услуги, бренды, номенклатура, каналы продвижения и цены);
 Взаимодействие (пассивное ↔ активное ↔ интерактивное);
 Триггеры (все человеческие чувства, знаки и символы);
 Значение (статус, эмоции).

Этимология 

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

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

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

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

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

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

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

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

Структуризация данных, организация, маркирование

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

Навигация 
Цель навигации — выявить связи между информационными объектами для решения конкретных задач пользователя. Выбранная модель навигации во многом определяет, будет ли онлайн-ресурс удобным для пользователей. Существуют модули дополнительной навигации, к которой относятся: поиск по сайту, карта портала, регистрация/авторизация и др. Если посетители сайта не смогут найти нужную информацию без запросов к строке поиска, тогда навигация информационной архитектуры работает неудовлетворительно.

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

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

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

При проектировании придерживаются 3-х составляющих: целеполагания, создания концепции, моделирования.

Проектирование человеко-компьютерного взаимодействия 

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

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

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

Юзабилити 

Юзабилити — степень, в которой продукт может быть использован определёнными пользователями для достижения определённых целей с эффективностью, производительностью и удовлетворенностью в заданном контексте использования. Юзабилити сайта — это простое и удобное использование веб-ресурса посетителями.

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

Доступность 

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

Человеко-компьютерное взаимодействие 

Человеко-компьютерное взаимодействие (HCI) исследует дизайн и использование компьютерных технологий, ориентированных на взаимодействие между людьми (пользователями) и компьютерами.

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

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

Для финального одобрения проекта UX-дизайна требуется:

 Пользовательское тестирование / юзабилити-тестирование;
 A / B тестирование;
 Информационная архитектура;
 Файлы Site-map и пользовательские потоки;
 Дополнительный прототип в результате результатов испытаний и точной настройки.

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

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

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

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

Основные принципы UX/IxD-дизайнеров:

 Следовать модели мышления пользователя, интуитивность (большинство действий, которые выполняет пользователь на сайте основано на интуиции и если пользователь не сталкивался ранее с элементом интерфейса, то необходимо, чтобы данный элемент имел ожидаемую функциональность);
 Знакомиться с потребностями пользователя и удовлетворять их;
 Соблюдать согласованность (в рамках уже известных функций и сцен применяются согласованные производительность и работа);
 «Меньше значит больше» (упрощение, противостояние украшению);
 Использовать простой язык вместо технического;
 Разрешить пользователю делать ошибки;
 Учесть функционал обратной связи.

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

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

Примечания 

Человеко-компьютерное взаимодействие
Интерфейс пользователя
Дизайн
Веб-дизайн
Технологии организации программирования