Илья
6 сентября 2016
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Расскажите об обратной связи в интерфейсе.

(Часть вторая)


Бывает, что обратная связь сводится к тому, чтобы сообщить пользователю, что что-то не сработало:


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

Отключение элементов

Хороший интерфейс предотвращает бесполезные и ошибочные действия пользователя. Если кнопка не может быть нажата по какой-то причине, она должна быть отключена и соответственно выглядеть:

Возвращаться пока некуда
Делиться нечем — файл не выбран


В простых формах отключают кнопку отправки, когда не все поля заполнены:


Веб-страница не должна содержать ссылок на саму себя.

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


Без обмана

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

В почтовой программе Айфона звук отправленного письма раньше издавался только тогда, когда письмо в действительности уходило, но в одной из последних версий это поведение изменилось: теперь звук издаётся сразу при нажатии кнопки отправить. Стремление отреагировать на команду сразу совершенно верно, однако в данном случае адекватной реакцией было бы отображение индикатора отправки.

Ещё пример неадекватной обратной связи: Stopping

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

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


Продолжение

О человечности

P. S. Я веду практический курс «Пользовательский интерфейс и представление информации». Дата следующего курса пока неизвестна.

 
Мы напишем вам, когда будет открыта запись. Без спама.

Поделиться

Комментарии

Артём Сапегин
6 сентября 2016

По-моему, пример с телефонным номером не очень удачный: плохо, когда компьютер не принимает правильный ввод совсем не объясняя, что с ним не так, и как надо.

Юрий Хан
6 сентября 2016

Если вы решили использовать поле ввода с маской или фильтрацией клавиш, результат нужно очень тщательно тестировать. Я видел самые разные баги в реализациях. Вот несколько примеров:
— поле не позволяет выделять введённый текст или копировать выделенный текст в буфер;
— поле не позволяет вставлять текст из буфера;
— поле не позволяет удалять символы;
— в поле не работают Undo и Redo;
— копирование, вставка, удаление, Undo и Redo работают при вызове из контекстного меню, но не работают по стандартным клавишам;
— поле не позволяет вводить неправильный текст, но позволяет вставлять неправильный текст из буфера;
— поле не позволяет вставлять выделенный текст средней кнопкой мыши на X11/GNU/Linux;
— поле не позволяет перемещать курсор;
— перемещение курсора работает при клике мышью, но не работает по стандартным клавишам Home ← → End;
— поле блокирует вообще все нераспознанные клавиши, в том числе браузерные (Ctrl+L, Ctrl+R, переключение табов…)


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

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.





Недавно всплыло

Уместно ли травить леску перед выступлением? 1 Я бы покрасил стены новой рабочей студии белой краской. А коллега хочет клеить обои 3 Как должна работать прокрутка? 2 2



© 2007—2017

Запрещённые слова
Пишите: mail@artgorbunov.ru