Методы юзабилити для лучшего представления формы

Question

Я пытаюсь упростить форму (используя ASP.NET MVC, но думаю, что это может быть неуместно) с большим количеством полей. Моей первоначальной мыслью было разделить его на вкладки, но потом я где-то читал, что это будет ад юзабилити. Кроме того, обязательные поля будут разделены между различными вкладками, поэтому проверка будет проблемой. Какими способами можно представить формы так, чтобы это не была одна длинная страница полей?

Answer 1

Я думаю, что ключ к уважению ожиданий пользователя.

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

• Подход мастера может быть полезен для длинной формы, особенно если вы оставляете отзыв о прогрессе пользователя.

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

• Иногда можно распределить вопросы по всему взаимодействию пользователя с сайтом, а не заставлять их отвечать сразу на все вопросы.

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

Answer 2

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

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

(из моего собственного опыта многостраничных форм я обычно заканчиваюушел на полпути, потому что я не смог оценить, сколько времени потребуется, чтобы заполнить форму, и у меня есть кое-что еще, что нужно сделать.соответствующие области, используя <fieldset>, а затем стилизуйте их, чтобы получить чистую и ясную форму.Это позволяет пользователю легко увидеть, какие данные ему нужно заполнить (разделить на логические наборы полей), а также предоставляет разработчику возможность стилизовать каждую область таким образом, чтобы форма выглядела менее устрашающей.

Answer 3

Похоже, Аккордеонные формы могут удовлетворить ваши потребности.

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

В примере кейса показано, как Apple их использует.

Answer 4

Я должен сказать, что мне действительно нравится форма StackOverflow Careers , где вы публикуете / редактируете свое резюме. Это довольно длинная форма на одной странице, но это не становится проблемой, поскольку вы всегда знаете, где находитесь и что делать.

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

Answer 5

Несколько вкладок хорошо, но вместо «отправить» есть «Далее», до последней вкладки, где у вас есть «Готово».Также укажите, где вы находитесь, с помощью «части 2 из 5» в верхней части формы.

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

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

Answer 6

Если вы используете метод, подобный мастеру, то лучше проверять каждую страницу после нажатия кнопки Далее, а не на последней странице после нажатия кнопки Готово.