Кнопка «Отправить» и «Сброс», какой порядок?

В форме с Submit и Reset и конец, какой лучший порядок для пользователя?

Submit сначала?

введите описание изображения здесь>> </p>

<p> Или <code>Сбросить</code> сначала? </p>

<p> <img src =

65 голосов | спросил Alex 26 J000000Friday13 2013, 17:31:57

11 ответов


125

Я бы предложил полностью удалить кнопку «Сброс». См. Этот отрывок из группы Nielsen Norman:

  

Сброс: не использовать

     

Веб был бы более счастливым местом, если бы практически все кнопки Сброс были   удален. Эта кнопка почти никогда не помогает пользователям, но часто вредит им.

     

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

     

Кнопка «Сброс» ущемляет пользователей тремя способами:

     

1.) Худшая проблема с Сбросом заключается в том, что пользователи нажимают кнопку   когда они захотят нажать «Отправить». Bang - вся ваша работа   прошло!

     

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

     

3.) Даже когда пользователи хотят удалить некоторые данные, которые у них есть   введенные в форму, это может замедлить их, чтобы иметь специальную кнопку для   так как дополнительная кнопка означает, что у пользователей есть выбор: редактировать   ошибочные поля и заменить старый текст новым текстовым щелчком   Сбросьте и введите новый текст в красивые чистые поля.   требует дополнительного мышления, а время, сэкономленное с помощью оптимального   метод взаимодействия часто меньше времени, затрачиваемого на   думать вместо того, чтобы просто двигаться вперед с одним взаимодействием   техника, которая всегда используется. Это занимает не менее одной секунды и часто   две секунды, чтобы решить между двумя возможными методами взаимодействия   поэтому обычно лучше не предлагать пользователям выбор. (A   второй может показаться не очень много, но он переводится примерно в 100 долларов   миллион в сниженной производительности в год по всему миру.)

http://www.nngroup.com/articles/reset-and-cancel-buttons/

ответил Keiwes 26 J000000Friday13 2013, 17:45:21
17

Другие отметили, что кнопка «Сброс» не является хорошей идеей для начала. Однако, если вам действительно требуется более одной кнопки, «правильный» порядок действительно зависит от того, на каком компьютере просматривается ваш сайт:

На Mac предполагается, что кнопка «по умолчанию» находится в крайнем правом углу, другие - слева от нее.

В Windows заказ обычно отменяется. Таким образом, независимо от того, какой вы используете, вы (слегка) запутаете некоторых своих пользователей.

Это, конечно, для кнопок с несколькими вариантами выбора. Если вы находитесь в ситуации, связанной с помощником /мастером, с несколькими страницами, обе платформы обычно имеют «Следующий» справа и «Предыдущий» слева.

(Смена справа и слева для скриптовых систем Right-Left, таких как арабский или иврит, конечно)

Обновление: Забыл упомянуть: Как правило, следует также помещать опасные кнопки на физическом расстоянии от «безопасных». Например. на MacOS в диалоговом окне «Вы хотите сохранить изменения, внесенные в этот документ» есть кнопки, расположенные так:

[Don't Save]                    [Cancel] [Save]

Это означает, что если вы подергиваете мышь при щелчке (что-то начинающие и случайные пользователи с меньшей практикой с помощью мыши легко справляются), вы не можете проскользнуть и надеть «Не сохранять». Либо вы закроете диалог (Отмена), либо сохраните файл (ваши данные сохранены) или ничего не происходит (вы щелкнули в пустом пространстве).

ответил uliwitness 26 J000000Friday13 2013, 18:53:55
8

Первый, если Submit - это основное действие. Кроме того, я думаю, что кнопка Reset не нужна.

Некоторые руководства из Дизайн веб-форм: заполнение бланков от Luke Wroblewski:

  
  • Избегайте вторичных действий над формами, когда это возможно. Предоставьте людям один путь к завершению.
  •   
  • Если необходимы вторичные действия, убедитесь, что между первичными и вторичными действиями существует четкое визуальное различие.
  •   
  • Когда вы распространяете вопросы в форме на нескольких веб-страницах, первичные действия приближают людей к завершению, а вторичные действия позволяют им вернуться.
  •   
  • Если вы решите включить потенциально разрушительные вторичные действия, такие как «Сброс» или «Очистить» в вашей форме, предоставите людям простой способ их отменить.
  •   

Дополнительная информация в Первичная & Вторичные действия в веб-формах .

ответил Igor Gubaidulin 26 J000000Friday13 2013, 17:36:16
6

Держите его слева - большинство современных форм делают это, ср. Поиск изображений для «форм с кнопками сброса» , поэтому это будет больше знакомый пользователю.

Кроме того, хотя вы упомянули Reset, я бы предпочел, чтобы он был помечен как Clear (или Clear Form /Clear Fields), это только личное предпочтение, но Reset кажется немного более техничный язык (например, запрос «Идентификатор входа» вместо «Имя пользователя»).

ответил Alok 26 J000000Friday13 2013, 19:02:23
5

Если вы считаете, что у вас есть веская причина иметь кнопку «Сброс», есть проблемы, гораздо более важные, чем заказ.

  1. Так как кнопка «Сброс» удалит данные, убедитесь, что после нажатия на нее пользователь получает подтверждение.
  2. Itâ € ™ s также хорош для деструктивных кнопок, чтобы быть более конкретными о том, что они делают. Конечно, вы не хотите быть слишком многословными, но они заслуживают более одного слова.
  3. Отделите кнопку «Сброс» от кнопки «Отправить», насколько это разумно.

Затем рассмотрите соглашения, специфичные для платформы, в соответствии с ответом uliwitness.

ответил Robert Fisher 26 J000000Friday13 2013, 19:19:13
2

По моему опыту, порядок относительно друг друга не имеет значения, насколько они расположены на форме. Я нахожу, что порядок интуитивно понятен, если более часто используемый параметр (надеюсь, подчиняется) ближе к краю формы.

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

Как прокомментировал Grant, enter должен отправить submit, но я также предлагаю полностью исключить сброс из списка вкладок, поэтому, если кто-то захочет его использовать, им придется использовать свою мышь, если бы они использовали быстрые клавиши. И в качестве дополнительной защиты от случайного сброса всегда может быть предупреждение, чтобы быть в безопасности.

ответил CrystalFire 27 J000000Saturday13 2013, 04:52:48
2

Сброс сначала - лучший порядок. Большинство пользователей в мире правые. Таким образом, было бы легко нажать submit, поскольку руки предпочитают сначала двигаться вправо.

ответил Jatin Malwal 27 J000000Saturday13 2013, 11:38:00
2

IMO существует путаница между сбросом и отменить .

«Сброс» - это функция HTML, кнопка, которая возвращает все поля ввода значениям, имевшимся при первой визуализации формы в браузере.

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

Вместо этого кнопка «Сброс» вернет поля ввода формы к их начальным значениям (не очистить их).
В конце девяностых традиционно ставилась кнопка «Сброс», которая в основном не использовалась. Его единственное использование должно было щелкнуть по ошибке и заставить пользователя заполнять каждое поле снова.

О кнопке «Отправить» я бы хотел сказать, что «Отправить» - это залог разработчика. Пользователи должны увидеть ярлык, рассказывающий о семантическом эффекте кнопки, например «Полная покупка», «Отправить», независимо от «Отправить».

ответил Juan Lanus 31 J000000Wednesday13 2013, 01:34:21
2

Другой способ решения этой проблемы состоит в том, чтобы разделить более разрушительное действие, сделав его менее очевидным. Например, вместо ссылки нажмите ссылку. Это предполагает, конечно, что более разрушительное действие является менее предпочтительным.

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

введите описание изображения здесь>> </p>

<hr>
<p> И, если форма не так длинна, я могу даже рассмотреть возможность размещения ссылки «Сбросить форму» в правом верхнем углу формы. Таким образом, случайные клики еще менее вероятны, но действие сброса по-прежнему доступно. См. Ниже изображение для этого. </p>

<p> <img src =

ответил Zach 31 J000000Wednesday13 2013, 18:06:56
1

, когда вы видите кнопку «Отправить» в форме, что приходит на ум? Легко было понять, что нажатие кнопки передает пользовательскую информацию в систему для обработки. Кнопка «Отправить» описывает, что система делает хорошо, но она не описывает, что делает пользователь.

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

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

Но кнопка «Сброс» выполняется после кнопки «Отправить», потому что она отображает значение по умолчанию, поэтому оно должно быть на второй кнопке.

ответил Sheel 27 J000000Saturday13 2013, 15:56:21
0

Вопрос, который нужно задать, это то, что делает Submit? и что делает сброс?

Должен ли прием и сброс использоваться совместно?

Обычно, «Отправить» и «Отмена» используются вместе, в показанном порядке «Отмена» в основном означает «отменить» на этой странице или взаимодействии и вернуться к экрану /странице, прежде чем вы войдете на экран с помощью «Отправить» и amp ; Страница «Отменить».

Сброс используется, когда вы хотите очистить страницу или экран.

Возможно, вы могли бы подумать над этим: «Отправить», «Сбросить» и & 'Отмена'

ответил DarkLord 27 J000000Saturday13 2013, 00:27:19

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132