Идеальная форма регистрации

В последнее время много внимания уделю вопросам usability. Поэтому на adne.info появилась соответствующая рубрика. В этом посте, как следует из названия, поговорим о формах регистрации. Точнее: о подписях к полям (label).

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

Сложилось мнение, что наиболее удобно размещать подписи слева от поля ввода информации. Для стран, которые читают слева на право — такое расположение логично кажется наиболее удобным.

Здесь возникает вопрос, как выравнивать подписи — по левому или по правому краю? Что лучше? Спросим у популярных сервисов: Вконтакте против Одноклассников:

Вконтакте против Одноклассников
Вконтакте против Одноклассников

Дела у Вконтакте идут несколько получше, выравнивание — по правому краю. Идём дальше: сравним Яндекс и Рамблер:

Сравним Яндекс и Рамблер
Сравним Яндекс и Рамблер

Яндекс ставит правое выравнивание и выигрывает. В тоже время у Гугла — выравнивание по левому краю…

А как насчёт сервисов знакомств: Мамба и Лавплэнет:

Мамба и Лавплэнет
Мамба и Лавплэнет

На мамбе левое выравнивание и 12,016,405 пользователей, на Лавплэнете — правое выравнивание и 18,293,478 пользователей.

Однозначно, правое выравнивание выигрывает (Гугл не в счёт). Подтверждает это и Твиттер — сильно выросший за последнее время.

При выравнивании по левому краю пользователь проходит глазами более значительные расстояния и чаще путается в полях. Выравнивание по правому краю минимизирует количество движений глаз и упорядочивает процесс:

Правое выравнивание
Правое выравнивание

Подпись также можно поставить снизу или сверху поля ввода информации.

Что будет если подпись поставим снизу? Пробегая глазами страницу, пользователь видит поле, ниже подпись к нему. Следовательно, надо сделать дополнительное движение, чтобы вернуться к полю (как и с размещением подписи справа). Не рационально. Стало быть в этом варианте лучше размещать подписи над полями.

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

Форма регистрации WordPress

Сверу, слева — может быть что-то идеальнее? По мнению специалистов — может. Подписи надо выделить «жирным» — тегом <b> или <strong>. Так сделано у Tumblr:

Идеальная форма регистрации?
Идеальная форма регистрации?

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

Оцените статью
( Пока оценок нет )
ADNE.iNFO - создание и продвижение сообществ
Идеальная форма регистрации