Вопросы размещения кнопок (действий) в веб-формах часто обсуждаются среди дизайнеров.
Типичный вопрос из этой дискуссии:
Можно ли разместить действие, ведущее к предыдущему шагу процесса, справа от действия, ведущего вперед?
Одна сторона спора утверждает, что существует естественная организация: действия, ведущие вперед, располагаются справа, назад – слева.Другая сторона придерживается мнения, что понятие «первичных» действий (тех, которые двигают людей вперед) перевешивает это соображение и что «вторичные» действия (которые менее используются) могут быть помещены справа от «первичных», даже если «Второстепенные» действия ведут к предыдущим шагам.
Наличие четко видимых основных действий вдоль взгляда пользователей (на «линии огня») позволяет сосредоточиться на конечных действиях по заполнению формы.
Так кто же прав?
Обе стороны! Одна из причин, по которой эта тема так много обсуждается, заключается в том, что слишком часто веб-дизайнеры (разработчики) создают «Мастер» (из Windows), который проводит пользователей через цепочку шагов.В подавляющем большинстве веб-форм люди просто хотят ответить на вопросы, которые им задают, и двигаться дальше.
Таким образом, считая «Продолжить» основным действием, а «Назад» — второстепенным, мы находим в этом новый смысл.
Размещение основных действий на пути взгляда пользователя (прямо под последним вопросом формы) дает понять, что он может и должен двигаться вперед. При движении по линейному потоку информации (например, при оформлении заказа в интернет-магазинах) возврат на предыдущий этап может быть затруднен; такие сценарии можно охватить, проверив введенную информацию в последнем окне.
Фактически, исследования показывают, что очень немногие пользователи используют кнопку «Назад» в формах.
Но все же бывают случаи, когда пользователям по каким-то причинам приходится переходить по шагам формы.
В этих случаях «Назад» и «Вперед» можно считать основными действиями и располагать их слева направо, по направлению движения, как на пейджере.
Эти соображения помогут выбрать желаемый вариант размещения кнопок «Назад» и «Вперед».
Так как же их разместить?
На рисунке следует избегать первого варианта, так как пользователь может ошибочно выбрать «Назад», приняв его за основное действие, что сильно сбьет его с пути к конечному шагу.Избежать этой проблемы можно, сделав эти действия визуально разными, сохраняя при этом порядок (как показано на рисунке).
Если «Назад» и «Вперед» — основные действия, то не следует нарушать порядок слева направо (два нижних примера на рисунке).
Что делать, если поля помечены вверху?
Формы, в которых метка поля ввода размещается вверху, наиболее подвержены проблеме действий «Назад-Вперед», поскольку в них меньше места слева от полей ввода.В этом случае сохранение порядка слева направо (Назад-Вперед) может привести к тому, что вы случайно нажмете кнопку «Назад» вместо завершения заполнения формы.
Тогда стоит разместить действия: «Вперед» слева, «Назад» справа, чтобы не мешать пользователю продвигаться по форме.
В каждом из этих примеров дизайнерские решения основываются на простых соображениях: покажите основное действие, которое проведет пользователя вперед; не путать пользователя, размещая функции слева направо (Назад-Вперед); знать, когда «Назад» и «Вперед» действительно являются основными действиями, и отображать их соответствующим образом.
Ответ на дискуссионный вопрос заключается не в строгом следовании положениям статьи, а в понимании этих соображений и действиях соответственно.
Теги: #Люк Вроблевски #Люк Вроблевски #фотографии #веб-формы #юзабилити #юзабилити интерфейса #Чулан
-
Microsoft Русифицировала Свою Соцсеть
19 Oct, 24 -
Как Место 2.3.2
19 Oct, 24 -
Ну Ты Гаджет, Lbook, А Не Друг!
19 Oct, 24
