Элементы управления переключателем состояния: печально известный случай кнопки отключения звука

Всем привет, меня зовут Миша Хананашвили, я автор канала UXHorn и работаю исследователем в «Сбере».

Панель управления для приложения WebEx для настольных ПК: Вверху — Без звука; Внизу — Заглушенное состояние https://media.nngroup.com/media/editor/2020/09/30/webex-mic-icon-combined-cropped.JPG
2828

В примере с интерфейсом Теслы - у меня, на пример, ломается мозг от того, что нарисован открытый замок, а под ним подпись "закрыть". Я эту подпись воспринимаю как описание самой иконки. Возможно, если бы они были размещены в строку, слева иконка (показывает состояние), а справа кнопка (действие - закрыть), было бы норм.

С Айфон вообще неясно, почему микрофон перечеркнут, а динамик нет? Я когда пользовалась Айфон, тоже все время истерически тыкала на эти кнопки, пытаясь понять в каком состоянии сейчас звук.

Мне нравится интерфейс movavi screen recorer. Интуитивно понятно, что сейчас включено, а что нет - меняется цвет и иконка становится зачеркнутой. 

3
Ответить

Это наверное самая лучшая реализация. Активно — зеленый. Не активно — серый и перечеркнутый.

Ответить