Илья Бирман |
||||||||
|
У меня в почтовом отделении работает электронная очередь. У входа стоит машинка с единственной кнопкой. Нажимаешь кнопку, и через две секунды на чековой ленте печатается номерок. Эти две секунды — целая вечность. Многие решают, что кнопка не сработала, и жмут ещё раз. Рядом с машинкой всегда валяются «лишние» номерки. Если бы машинка делала хоть Действия пользователя должны вызывать в интерфейсе адекватную и заметную реакцию — обратную связь. |
|
|||||||
|
Кнопка на экране нажимается при клике. Курсор мыши при наведении на ссылку превращается в руку, а сама ссылка — подсвечивается. При попытке прокрутки за пределы списка экран Айфона оттягивается и отпружинивает обратно, чтобы не было ощущения, что телефон перестал работать. При отправке письма почтовая программа на Маке издаёт «улетающий» звук. Компьютер заменяет символы пароля точками:
Чтобы скрыть пароль достаточно было бы просто ничего не выводить, как это происходит в командной строке:
Но появляющиеся по мере ввода точки говорят пользователю, что символы вводятся, программа не зависла. |
||||||||
|
Если пользовать запускает длительную операцию, компьютер показывает, что она ещё не закончена, например, с помощью анимированного индикатора:
Ещё лучше, если индикатор показывает степень завершённости и оставшееся время:
Если бы добавление происходило без таких изменений, человек бы нажал пару раз на кнопку, решил бы, что сайт не работает, и ушёл бы, оставив в корзине два холодильника. Но обратная связь не должна быть слишком грубой. Если каждое добавление в корзину сопровождать появлением диалогового окна, покупателю это быстро надоест:
|
О повышении информативности через добавление полезной информации |
|||||||
|
Когда пользователь ошибается в пароле, Мак не выводит сообщение об ошибке, а просто «покачивает» полем ввода, как бы говоря «нет». В совете о привычках мы обсуждали это окно Фотошопа, которое появляется, если выделить прозрачную часть слоя:
Это окно призвано предотвратить ошибку, но больше похоже на наказание за небезупречность в движениях. В данном случае достаточно было бы сообщить о произошедшем, скажем, в строке состояния, и не требовать нажатия кнопки «OK». Непрерывный писк сканеров на кассах супермаркета сводит с ума. Иногда вместо явной отрицательной реакции достаточно отсутствия положительной. При перетаскивании мышью Мак выделяет области, в которых можно «бросить» объект:
Отсутствие выделения означает невозможность перетаскивания в текущую точку. Виндоус в этой ситуации показывает явный кукиш в виде зачёркнутого курсора:
|
Математика в дизайне: как покачивание формы реализовано в «Эгее» |
|||||||
