Дизайн форм: почтовые индексы и адреса
Web Form Design: ZIP Codes & Locations
Автор:
Источник:
Человек должен проанализировать каждый вопрос, который задается ему при заполнении формы, сформулировать свой ответ и ввести его в соответствующие поля. Лучший способ ускорить этот процесс – не требовать обязательного ответа на все вопросы.
Например, если вы хотите определить географическое расположение клиента, вам достаточно узнать его почтовый индекс, а узнавать полный адрес не обязательно. Это значит, что пользователю не нужно будет заполнять четыре дополнительных поля: два поля с адресом, город и страну.
Однако если вам нужно будет отправить клиенту заказ, то одного индекса будет недостаточно. Хотя существует способ узнать адрес по почтовому индексу и номеру кредитной карты, я не знаю ни одного электронного магазина, который бы им пользовался. Исключение этих полей из формы не решает проблему. Значить, нужно придумать способ, чтобы побудить пользователя дать ответ.
Например, на сайте Weber пользователю нужно ввести свой почтовый индекс, а потом выбрать из предложенных вариантов свой город и штат.
У такого взаимодействия есть некоторые положительные моменты – например, вместо того, чтобы вводить название штата вручную, его можно выбрать из выпадающего списка (правда в этом списке 50 элементов).
Однако, такой способ заполнения для некоторых может оказаться сложнее обычного. Когда пользователь видит набор полей, соответствующих структуре адреса, вероятность того, что он пропустит какую-то часть адреса меньше. На сайте Weber эта структура нарушается (дело в том, что в США почтовый индекс обычно вводится последним, а в данном случае это поле идет первым).
Еще один показатель того, что форма в действительности сложная, это большое количество подсказок, расположенных справа от полей выбора штата и города и выделенных красным цветом. Их пришлось добавить, чтобы объяснить людям, что же нужно делать. Наконец, нужного города может и не оказаться в списке. А поскольку вручную город ввести нельзя, то потенциальный покупатель просто не сможет зарегистрироваться.
Пример действительно простой для заполнения формы можно найти на сайте Apple – пользователю понятно, что внести в каждое поле, и нет дополнительных препятствий, которые бы мешали вводить данные.
Оставьте комментарий
You must be logged in to post a comment. Log in