Улучшаем формы на сайте

Как бы нам не нравилось постоянно использовать веб-формы при регистрации, избавиться от них полностью пока невозможно. Единственный вариант — это сделать так, чтобы заполнение формы не таким банальным и скучным.

Проверка данных

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

Давайте попробуем изменить проверку и сделаем ее немного иначе. Вместо того, чтобы говорить пользователю где он ошибся, будем говорить ему, что он сделал правильно.

Для примера возьмем сайт, на котором проверка сделана именно по такому принципу.


Мотивация пользователя

Многие люди в наше время понимают всю важность персональной информации, и тем не менее, на многих сайтах мы ее указываем снова и снова. Это довольно скучный и монотонный процесс, тем более когда пользователь не получает ничего взамен, а лишь отдает свое потраченное время и нервы.

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

Динамика, анимация и прочие фишки

Не делайте формы скучными, добавьте в нее анимации, динамики и каких-нибудь других фишек.

Попробуйте разделить форму на несколько шагов, и показывать пользователю на каком шаге он в данный момент находиться. Также попробуйте сделать переключение между шагами без перезагрузки страницы и с сохранением данных (jQuery).

Дайте пользователям возможность заполнять именно те поля, которые они хотят.

Избавьтесь от стандартных форм. Уберите все стандартные виндовские формы и контролы (пример: sinpro.ua) и сделайте свои, которые будут больше и удобнее. Имейте ввиду, что это повысит удобство для пользователей, которые сидят с устройств, на которых используется тач скрин.

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

Сделайте так, чтобы ваша форма была не только удобной, но и красивой.