Расположение меток над полями формы

Дата публикации:Июнь 19, 2011

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

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

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

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

http://uxmovement.com/forms/faster-with-top-aligned-labels/

Поделиться

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.