Интерфейс большинства Web-форм и улучшился бы, если бы на них не было кнопки Reset (Сброс). От кнопок Cancel (Отмена) также мало толку на Web-формах.
Преоставление возможности для пользователя управлять ситуацией и в случае чего выйти из нее через "пожарный выход" является одним из самых основных положений дизайна пользовательского интерфейса. В этом отношение появление кнопки Undo/Откат можно считать одним из величайших шагов вперед.
Основное правило требует поддерживать возможность отмены действия; но оно не говорит, как это надо делать. Для различных типов пользовательских интерфейсов применяются различные специфические правила:
- В графических оконных приложениях уже стандартным считается наличие кнопки Cancel/Отмена, при нажатии на которую закрывается диалоговое окно и все сделанные в нем изменения отменяются. Прекрасный способ, позволяющий осваивать программу методом "тыка". Вспомните прежние системы, когда при наборе неверной команды можно было запросто попасть в замкнутый круг.
- В системах редактирования обычно присутствует команда Undo/Откат. С ее помощью пользователь может вернуть документ в то состояние, в котором он был до выполнения последних команд. В некоторых случаях даже поддерживается многократный откат и повторение, что бывает весьма полезно, но часто только путает пользователей.
Кнопки Reset/Сброс и Cancel/Отмена - это попытки повторить в Web эти функции. Но оказывается, что пользователи, если хотят избежать какого-либо нежелательного дейсвтия, чаще всего предпочитают пользоваться кнопкой Back/Назад.
Web только выиграл бы, если бы со всех форм исчезла кнопка Reset. Для пользователей она практически бесполезна, но частенько доставляет им много хлопот. Reset очищает в Web-форме все, что пользователь до этого в нее ввел, но для чего ему это может понадобиться? Работа с Web характеризуется частым перемещением между страницами, и пользователи редко встречаются с одной и той же формой дважды. Следовательно, любая Web-форма всегда изначально пуста, когда на нее попадает пользователь. Даже когда в один и тот же сеанс работы пользователь попадает на ту же форму, как правило быстрее отредактировать старые данные, чем удалить их и вводить по новой.
Кнопка Reset мешает пользователям по трем причинам:
- Самая главная проблема заключается в том, что пользователи часто по-ошибке нажимают кнопку Reset вместо кнопки Submit. Опля - и вся кропотливая работа исчезла.
- Наличие двух кнопок в конце формы вносит неразбериху в интерфейс, и для пользователя затруднительно четко определить свой следующий шаг. Некоторое время зря тратится на рассматривание этой бесполезной кнопки, чтобы разобраться, какую же из двух кнопок надо нажимать.
- Даже если пользователь действительно желает удалить некоторые данные, которые он ввел в форму, наличие выделенной кнопки для выполнения этой функции может только замедлить его работу, так как перед ни возникают два выбора:
- отредактировать поля, содержащие неверные данные, заменив старый текст на новый
- нажать кнопку Reset и набрать новый текст во все девственно чистые поля формы
- Дополнительные варианты выбора только требуют дополнительных мысленных усилий, а при работе с оптимально настроенным интерфейсом будет сэкономлено больше времени, чем потеряно на дополнительное обдумывание действий там, где надо просто перейти к следующему этапу. На выбор одного из двух вариантов уходит не менее одной-двух секунд, так что лучше вообще не ставить пользователя перед этим выбором. Секунда может показаться каплей, но эта капля выливается в 100-миллионные убытки от уменьшения производительности в масштабах года для всей планеты.
Удалив кнопку Reset мы стоим перед задачей обеспечить пользователю другой какой-нибудь способ изменения ошибочно введенных в форму данных. В случае с текстовыми полями и полями-метками все просто, пользователь всегда может удалить введенный текст и вернуться к исходному состоянию.
К сожалению некоторые Web-формы используют радио-кнопки и выпадающие меню нестандартным способом и не предлагают пользователю нейтрального варианта для выбора. Классическая ошибка в дизайне Web-страниц - присутствие радио-кнопок, в которых не выбран изначально ни один из вариантов. Пользователю, после того, как он выбрал какой-либо из пунктов, не предоставляется возможность потом выбрать пункт "ничего". В группе радио-кнопок всегда явно выделяйте пункт, который действует по умолчанию, а в выпадающих меню - всегда вставляйте пункт "по-умолчанию". В противном случае вы загоните пользователя в ловушку.
Якоб Нильсен
Статьи по теме
Удобство сайта — это фундамент, на котором строятся продажи. Если покупатель не может быстро найти нужный товар или путается в раз...
2026-03-13
В стремлении создать ультрасовременную картинку многие специалисты по интерфейсам забывают прописную истину: внешняя привлека...
2026-03-13
В современном digital-пространстве сайт компании — это не просто визитная карточка, а ключевой канал продаж. То, насколько быстро би...
2026-03-04
Тёмные паттерны (dark patterns) — это дизайнерские приёмы, сознательно вводящие людей в заблуждение и управляющие их поведением ради в...
2026-02-22
Многие владельцы уверены, что сайт работает «в пределах нормы». Он открывается, показывается, кликается — зна...
2025-09-26
Чат-боты уже давно являются неотъемлемой частью нашей жизни. Они помогают получить ответы на самые часто задаваемые вопросы, решить воз...
2022-04-25
Традиционно новый год приносит с собой ряд изменений в сфере e-commerce. Чтобы успешно конкурировать на рынке с другими компаниями, представ...
2022-01-18
Подвал сайта (футер) относится к элементам навигации. Он расположен в самом низу страницы, из-за чего некоторые владельцы веб-ресурсов пр...
2021-08-02
Несмотря на то, что в последние годы переписка между компанией и клиентами является основным методом коммуникации, некоторые люди по-пр...
2021-03-29
Число брендов на мировом рынке постоянно увеличивается. Чтобы выделиться среди конкурентов, вам необходимо разработать фирменный стил...
2021-03-19
Онлайн-консультанты − помощники, которые встречают гостей сайта практически сразу после визита на интернет-площадку. Эти виджеты позво...
2021-02-24
Вопросы юзабилити: на что обратить внимание в 2021 году?
Начало года − время для подготовки плана работы над сайтом. В зоне внимания в...
2021-01-19
Два года тому назад компания Яндекс представила новую платформу, которая дала возможность эффективно работать с потенциальными покупа...
2020-09-15
Если ваш интернет-магазин занимается продажей товаров, то для каждой из позиций предстоит подготовить красивый, уникальный, грамотный т...
2020-08-21
Понятие «онбординг» используется для обозначения знакомства пользователя с интернет-магазином, информационным порталом, другим сайто...
2020-07-30