В последнее время много внимания уделю вопросам usability. Поэтому на adne.info появилась соответствующая рубрика. В этом посте, как следует из названия, поговорим о формах регистрации. Точнее: о подписях к полям (label).
Как я убедился, этот — с виду не самый значительный элемент — может серьёзно повлиять на количество регистраций. Особенно заметно на большом трафике. Хотя в каждом случае свои нюансы, есть всё же некоторые тенденции.
Сложилось мнение, что наиболее удобно размещать подписи слева от поля ввода информации. Для стран, которые читают слева на право — такое расположение логично кажется наиболее удобным.
Здесь возникает вопрос, как выравнивать подписи — по левому или по правому краю? Что лучше? Спросим у популярных сервисов: Вконтакте против Одноклассников:
Дела у Вконтакте идут несколько получше, выравнивание — по правому краю. Идём дальше: сравним Яндекс и Рамблер:
Яндекс ставит правое выравнивание и выигрывает. В тоже время у Гугла — выравнивание по левому краю…
А как насчёт сервисов знакомств: Мамба и Лавплэнет:
На мамбе левое выравнивание и 12,016,405 пользователей, на Лавплэнете — правое выравнивание и 18,293,478 пользователей.
Однозначно, правое выравнивание выигрывает (Гугл не в счёт). Подтверждает это и Твиттер — сильно выросший за последнее время.
При выравнивании по левому краю пользователь проходит глазами более значительные расстояния и чаще путается в полях. Выравнивание по правому краю минимизирует количество движений глаз и упорядочивает процесс:
Подпись также можно поставить снизу или сверху поля ввода информации.
Что будет если подпись поставим снизу? Пробегая глазами страницу, пользователь видит поле, ниже подпись к нему. Следовательно, надо сделать дополнительное движение, чтобы вернуться к полю (как и с размещением подписи справа). Не рационально. Стало быть в этом варианте лучше размещать подписи над полями.
Кстати, изучая зарубежные ресурсы по usability обнаружил что большинство рекомендует именно верхние подписи к формам. Так например сделано у популярнейшего блог-движка WordPress:
Сверу, слева — может быть что-то идеальнее? По мнению специалистов — может. Подписи надо выделить «жирным» — тегом <b> или <strong>. Так сделано у Tumblr:
Впрочем, для рунета всё же лучше ориентироваться на наши ресурсы,а здесь, как показало моё небольшое исследование — правое выравнивание с левой стороны от поля — выигрывает.