Что такое дизайн взаимодействия или interaction design?

Что такое дизайн взаимодействия или interaction design?

Дизайн взаимодействия – это важный компонент в рамках «зонта UX design». В этой статье мы с легкостью объясним, что же такое «interaction design», опишем несколько полезных моделей такого дизайна и конечно же, расскажем, что делает «interaction design»

 

 Простое и полезное понимание дизайна взаимодействия.

Суть «interaction design» можно объяснить простейшими словами. Это дизайн взаимодействия между пользователями и продуктом. Чаще всего, когда люди говорят о дизайне взаимодействия, они имеют в виду программные продукты, такие как приложения или вебсайты. Цель дизайна взаимодействия – создать продукт, который поможет юзеру достичь его/ее целей наилучшим возможным путем.

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

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

5 аспектов дизайна взаимодействия.

5 аспектов дизайна взаимодействия – это удобная и простая для понимания модель, которая доступно объясняет, что конкретно включает в себя interaction design. Джиллиан Крэмптон Смит (Gillian Crampton Smith), исследователь дизайна взаимодействия, впервые представила концепцию четырёх аспектов «языка» дизайна взаимодействия, к которой позже Кевин Сильвер (Kevin Silver), старший interaction designer в IDEXX Laboratories, добавил пятый аспект.

1й аспект. Слова

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

2й аспект. Визуальное представление

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

3й аспект. Физический объект или пространство.

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

4й аспект. Время

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

5й аспект. Поведение

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

Как взаимодействуют 5 ключевых аспектов между собой в interaction design можно посмотреть на представленной ниже анимации:

Важные вопросы, которые задают дизайнеры взаимодействия.

Как же дизайнеры взаимодействия работают с моделью 5-ти аспектов для создания значимого взаимодействия? Чтобы это понять, мы рассмотрели несколько важных вопросов, которые дизайнеры задают при разработке дизайна для потребителей, предоставленными Usability.gov.

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

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

Обеспечивают ли сообщения об ошибке потребителю путь к решению проблемы и объясняют ли они причины возникновения ошибки? Это позволяет нам прогнозировать и устранять ошибки.

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

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

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

Итак, что же делают дизайнеры взаимодействия?

Что ж, это зависит от многого.

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

Стратегия дизайна

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

Каркасы (wireframes)* и прототипы

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

Вникая глубже в дизайн взаимодействия

Если Вы хотите узнать больше про дизайн взаимодействия, Вы можете почитать бриф Interaction design (на английском языке) от Джонаса Лувгрена (Jonas Lowgren), который есть частью нашей Энциклопедии взаимодействия человека и компьютера. Этот бриф обеспечит авторитетное «вхождение» в тему так же хорошо, как и другие ссылки, по которым Вы можете узнать больше.

Рекомендации и где узнать больше:

5 dimensions of interaction design – http://www.uxmatters.com/mt/archives/2007/07/what-puts-the-design-in-interaction-design.php

Questions to consider when designing for interaction – http://www.usability.gov/what-and-why/interaction-design.html

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