Взаимодействия, поддерживающие взаимосвязь

Взаимодействия, поддерживающие взаимосвязь

https://t.me/uxidesign

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


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


Юзабилити

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

  • Обучаемость: насколько легко наши пользователи могут научиться пользоваться интерфейсом?
  • Эффективность: насколько быстро они могут выполнять свои задачи?
  • Ошибки: сколько ошибок делают наши пользователи? Как быстро они преодолеваются?
  • Память: насколько пользователям будет легко вспомнить интерфейс, когда они вновь к нему вернутся через некоторое время?
  • Удовлетворение: получает ли пользователь удовольствие при работе с нашим продуктом?


Три измерения, которые мы должны иметь в виду

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


Доступность

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


Без знаков пользователи не смогут в полной мере оценить доступность.


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


Знаки в дизайне взаимодействия - это элементы, которые делают наши интерфейсы интуитивно понятными и знакомыми. Не нужно думать о том, что происходит, это просто автоматически ясно. Если нашим пользователям приходится задумываться о том, что происходит в интерфейсе, значит в нём что-то не так!


Знаком может быть всё, что может нести в себе смысл. Это может быть форма, слово, движение или даже цвет.


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


Обратная связь и время ответа

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


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


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


Итак, давайте рассмотрим несколько преимуществ внедрения взаимодействия в наших проектах:


# 1. Информируйте своих пользователей о том, что происходит. У них нет времени разбираться.


# 2. Удерживайте взаимосвязь. Сделайте её естественной.


# 3. Укажите цель.


# 4. Давайте обратную связь (и сообщайте пользователям об этом, как в # 1 выше).


# 5. Навигация должна быть простой и ясной, как по компасу!

(Нет, не совсем так, а даже яснее компаса!)


На этом у нас всё.