У меня в почтовом отделении работает электронная очередь. У входа стоит машинка с единственной кнопкой. Нажимаешь кнопку, и через две секунды на чековой ленте печатается номерок.

Эти две секунды — целая вечность. Многие решают, что кнопка не сработала, и жмут ещё раз. Рядом с машинкой всегда валяются «лишние» номерки. Если бы машинка делала хоть что‑то сразу в ответ на нажатие — издавала звук или мигала лампочкой — такой проблемы бы не было.

Действия пользователя должны вызывать в интерфейсе адекватную и заметную реакцию — обратную связь.

Кнопка на экране нажимается при клике. Курсор мыши при наведении на ссылку превращается в руку, а сама ссылка — подсвечивается. При попытке прокрутки за пределы списка экран Айфона оттягивается и отпружинивает обратно, чтобы не было ощущения, что телефон перестал работать. При отправке письма почтовая программа на Маке издаёт «улетающий» звук.

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

Чтобы скрыть пароль достаточно было бы просто ничего не выводить, как это происходит в командной строке:

Но появляющиеся по мере ввода точки говорят пользователю, что символы вводятся, программа не зависла.

Если пользовать запускает длительную операцию, компьютер показывает, что она ещё не закончена, например, с помощью анимированного индикатора:

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

Интернет‑магазин «Самсунга» одним из первых научился добавлять товары в корзину без перезагрузки страницы. Добавление сопровождалось изменением кнопки и подписи:

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

Но обратная связь не должна быть слишком грубой. Если каждое добавление в корзину сопровождать появлением диалогового окна, покупателю это быстро надоест:

Математика в дизайне: как покачивание формы реализовано в «Эгее»

Когда пользователь ошибается в пароле, Мак не выводит сообщение об ошибке, а просто «покачивает» полем ввода, как бы говоря «нет».

Математика в дизайне: как покачивание формы реализовано в «Эгее»

В совете о привычках мы обсуждали это окно Фотошопа, которое появляется, если выделить прозрачную часть слоя:

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

Непрерывный писк сканеров на кассах супермаркета сводит с ума. Когда‑нибудь его заменит тактильная обратная связь вроде той, что используется в часах Эпл.

Иногда вместо явной отрицательной реакции достаточно отсутствия положительной. При перетаскивании мышью Мак выделяет области, в которых можно «бросить» объект:

Отсутствие выделения означает невозможность перетаскивания в текущую точку. Виндоус в этой ситуации показывает явный кукиш в виде зачёркнутого курсора:

Обратная связь
Отправить
Поделиться
Запинить

Рекомендуем другие советы