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

https://t.me/uxidesign

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

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

Юзабилити

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

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

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

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

Доступность

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

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

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

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

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

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

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

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

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

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

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

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