Исследование визуальных индикаторов в реальной жизни

Перенос принципов UX и разработки интерфейса за границы цифровой продукции

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

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

Примеры визуальных индикаторов

Есть одна вещь, которая мне нравится в работе с UX и проектированием интерфейса это то, что его принципы и элементы применимы вне цифровой продукции. В мире вокруг нас существуют индикаторы, такие как указатели и индикаторы доступности, передающие информацию о сущности предметов, которые они представляют. Наиболее явным методом использования визуальных индикаторов является добавленный текст, например, маркировка элементов в универмаге с тегами «Скидка 20%!».

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

Индикатор состояния

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

Почтовый ящик

Предмет: Почтовый ящик

Индикатор: Флажок в положении «вверх» [Состояние Входящего / Исходящего]

Предназначен для: Работника почты

Сообщение: «Эй, тут есть почта, которую можно забрать!»

Счет в ресторане

Предмет: Счет в ресторане

Индикатор: Карта, торчащая из папки-счета [Состояние платежа]

Предназначен для: Официантов

Сообщение: «Способ оплаты готов к обработке!»

Турбинный двигатель самолета

Предмет: Турбинный двигатель самолета

Индикатор: Изображение спирали в движении [Состояние Вкл. / Выкл.]

Предназначен для: Наземного персонала аэропорта

Сообщение: «Осторожно! Этот двигатель самолета работает.»

Bonus: Этот индикатор может отпугнуть птиц!

Индикатор прогресса

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

Книга

Предмет: Книга

Индикатор: Закладка, размещенная на определенной странице [Прогресс выполнения]
Предназначен для: Читатель

Сообщение: «Смотри как много ты прочел! Ты на полпути к завершению.»

Тормозные колодки велосипеда

Предмет: Тормозные колодки велосипеда

Индикатор: Степень износа канавок [Оставшихся для использования]

Предназначен для: Велосипедист

Сообщение: «Эти изношенные канавки почти стерлись. Время для новых тормозных колодок!»

Авокадо

Предмет: Авокадо

Индикатор: Цвет под плодоножкой [Спектр зрелости]

Предназначен для: Покупатели и голодные любители гуакамоле

Сообщение: Коричневый цвет = «Я переспело / помято.» Зелёный цвет = «Я спелое и готово к употреблению!»

Индикатор личных предпочтений

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

Банка пива

Предмет: Банка пива

Индикатор: Вмятина в банке [Собственность]

Предназначен для: Любого, кто подумывает украсть мое пиво.

Сообщение: «Это не твое пиво.»

Bonus: Маркеры на винных бокалах (и брелоки для полотенец ?) работают так же!

Чайник в ресторане

Предмет: Чайник в ресторане

Индикатор: Размещение и наклон крышки [Пустой / Полный]

Предназначен для: Официантов

Сообщение: «Этот чайник пустой. Можно нам еще воды, пожалуйста?»

Рубашки с воротниками

Предмет: Рубашки с воротниками

Индикатор: Расположение крючка вешалки [Чистая / Ношенная]

Предназначен для: Меня!

Сообщение: Крючок наружу = «Эта рубашка чистая.» Крючок вовнутрь = «Эта рубашка надевалась по крайней мере один раз.»

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

Спасибо за прочтение! 🙂 Если вам понравилось, не забудьте !!! Если у вас есть еще несколько примеров визуальных индикаторов в реальной жизни, не стесняйтесь писать их в комментариях ниже!