«Всегда ненужный лишний шаг» или как создать удобный веб-интерфейс. Часть I — формы

«Не бойтесь сделать лишний шаг» — хороший совет в любой жизненной ситуации. Однако, когда речь заходит о совершении каких-либо действий на сайте, практика показывает, что делать этот лишний шаг пользователи совсем не хотят. Отправка сообщения с сайта, заявки, оформление заказа в интернет-магазине — все это должно происходить быстро, удобно и понятно для пользователя, иначе он просто уйдет. Прописная истина, скажете вы — и будете правы. Однако, создатели большинства сайтов до сих пор ее игнорируют.

Обратная связь

Нет, этот термин не имеет ничего общего с обратным узлом в вязании рыболовных сетей. И к кошкам отношения не имеет. Обратная связь на сайте — это форма отправки сообщения администрации, либо тех. поддержке ресурса. Ее задача — обеспечение отправки сообщения без использования почтовых клиентов. Стало быть, нужно сделать так, чтобы ею было удобнее воспользоваться, чем собственной почтой. Тогда скажите пожалуйста, нахрена здесь все это?:

Пример взят с первого попавшегося сайта

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

Такой вариант развития событий более-менее приемлем, когда форма отвечает мгновенно, без перезагрузки страницы (любимый всеми AJAX). Но и это — не идеал: ответ появляется только после совершения действия — а кому нравится делать что-то , а потом выяснять, что ошибался изначально?

Наиболее удобным, логичным решением в задаче упрощения интерфейса является блокирование действия до совершения пользователем необходимых шагов: в нашем случае — заполнение обязательных полей. Говоря более человечным языком (а не как в предыдущем предложении), нужно запретить отправку, пока юзер на заполнит свое имя, обратный адрес и что там еще от него требуется:

Взято отсюда

Таким образом, решается куча проблем: дизайнеру не придется рисовать макет с ответами об ошибках, программисту не придется писать проверки на каждое поле, пользователь не совершит «лишнего шага», и форма недозаполненная на почту админу не придет.

Но самые смелые ребята — те, которые не боятся спама вообще, объединяют некоторые поля и совсем-совсем не ставят никаких «капчей».

Взято отсюда

Наверное, их почта на серверах Гугла или Яндекса, а обращение пользователя для них действительно важно.