Взаимодействия, поддерживающие взаимосвязь
https://t.me/uxidesignМы рассказывали о том, как паттерны и гештальт могут помочь нам в разработке интерфейсов, которые будет легко понять. Сегодня мы хотим рассказать о том, как подойти к разработке поведения этих шаблонов, обычно это называют дизайном взаимодействия или IxD.
Есть несколько разных наборов критерий, которые могут помочь нам понять, что делает взаимодействие хорошим:
Юзабилити
Юзабилити определенно является одним из наших любимых терминов. В целом, оно должно оставаться в центре всего, что мы делаем как дизайнеры UX, поэтому очевидно, что, когда мы говорим о IxD, мы и тут ставим юзабилити на первое место. Нильсен и Шнейдерман объяснили его пятью принципами:
- Обучаемость: насколько легко наши пользователи могут научиться пользоваться интерфейсом?
- Эффективность: насколько быстро они могут выполнять свои задачи?
- Ошибки: сколько ошибок делают наши пользователи? Как быстро они преодолеваются?
- Память: насколько пользователям будет легко вспомнить интерфейс, когда они вновь к нему вернутся через некоторое время?
- Удовлетворение: получает ли пользователь удовольствие при работе с нашим продуктом?
Три измерения, которые мы должны иметь в виду
- Визуализация: изображения и объекты должны дополнять интерфейс, поэтому мы должны быть осторожны, чтобы не давить на наших пользователей.
- Пространство: относится к самому гаджету. Это взаимодействие происходит на телефоне, ноутбуке, часах Apple?
- Время: сколько времени пользователи тратят на наш интерфейс?
Доступность
Концепция доступности предполагает, что любая функциональность должна быть понятной. В принципе, она должна говорить сама за себя. Например, если вы видите на автомобильном знаке букву P с красным крестом, вы, вероятно, понимаете, что вы не можете припарковаться в этом месте. Знаки - это элементы, которые делают «доступность» еще более ясной.
Без знаков пользователи не смогут в полной мере оценить доступность.
Кнопка воспроизведения на видео предлагает вам посмотреть его, тогда как видео без кнопки воспроизведения может быть ошибочно принято за статическую фотографию.
Знаки в дизайне взаимодействия - это элементы, которые делают наши интерфейсы интуитивно понятными и знакомыми. Не нужно думать о том, что происходит, это просто автоматически ясно. Если нашим пользователям приходится задумываться о том, что происходит в интерфейсе, значит в нём что-то не так!
Знаком может быть всё, что может нести в себе смысл. Это может быть форма, слово, движение или даже цвет.
Например, кнопка - это доступность, а аспекты, которые указывают, что она кликабельна, - это знаки: форма, глубина, цвет, взаимодействие, которое происходит при наведении курсора. Все было спроектировано таким образом, что любой, кто не знаком с концепцией кнопок, все равно поймет, как с ней взаимодействовать.
Обратная связь и время ответа
Обратная связь - это интерактивное взаимодействие. Звучит избыточно, но это важно. Если взаимодействие является диалогом между нашими пользователями и нашими интерфейсами, обратная связь является «подтверждением», что взаимодействие было успешным. И лучше быть дружелюбным и интуитивным, иначе мы просто добавим ненужную когнитивную нагрузку для наших пользователей.
Взаимодействие может выражаться звуковым сигналом, микро-взаимодействием или анимацией. В любом случае, любой ответ дает пользователю уверенность в том, что задача выполнена. Или нет :). Цель - помочь пользователям визуализировать результаты их действий.
Однако, если ответ не происходит своевременно, импульс теряется. Любая задержка может потенциально убить разговор между нашими пользователями и нашими интерфейсами.
Итак, давайте рассмотрим несколько преимуществ внедрения взаимодействия в наших проектах:
# 1. Информируйте своих пользователей о том, что происходит. У них нет времени разбираться.
# 2. Удерживайте взаимосвязь. Сделайте её естественной.
# 3. Укажите цель.
# 4. Давайте обратную связь (и сообщайте пользователям об этом, как в # 1 выше).
# 5. Навигация должна быть простой и ясной, как по компасу!
(Нет, не совсем так, а даже яснее компаса!)
На этом у нас всё.