Лучший способ выравнивания кнопок на форме

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

Если ваша форма состоит из нескольких страниц, лучше всего расположить кнопки по ее правому краю. Такая форма обладает несколькими кнопками: обычно это кнопка Back (Назад), возвращающая пользователя к предыдущей странице, и кнопка Continue (Продолжить), которая выполняет переход к следующей странице. Эти кнопки выполняют функцию разбиения на страницы, из чего следует, что они должны располагаться соответствующим образом на форме: кнопка Back слева от кнопки Continue, и обе эти кнопки должны обладать выравниванием по правому краю. Выравнивание по левому краю не рекомендуется, поскольку оно сбивает с толку пользователей и увеличивает число ошибочных нажатий по кнопке Back вместо Continue. Происходит это из-за того, что кнопка Back получает выравнивание относительно полей формы и находится ближе всего к пользователю.

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

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

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

Выравнивание кнопок по левому краю удобно лишь для небольших форм, состоящих из одной страницы. Такой подход позволяет создать четкий и прямой путь к кнопке. Связь между полями формы и кнопкой сильна; кнопку невозможно не заметить или пропустить.

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

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

http://uxmovement.com/forms/best-way-to-align-buttons-on-forms/

Блог про WordPress
Добавить комментарий

Получать новые комментарии по электронной почте.