2010-05-29 1 views
2

Предпочтительно ли создавать несколько этапов (более 80 полей, сгруппированных по 5 шагов) в виде единой веб-страницы (с вкладками) по сравнению с методом «за каждый шаг», если пользователи стремятся заполнить форму, когда начали заполняться? Что такое оттяжки с большой вкладкой на одну страницу и на страницы за шаг, как правило, имеют?Несколько шагов формы. Все-в-одном или нескольких веб-страницах

Спасибо заранее!

ответ

2

Честно, если ваша форма имеет более 80 полей, я считаю, что вы просите слишком много информации! Никто не хочет тратить столько времени на заполнение формы. У вас был бы намного лучший показатель успеха с уменьшенным процессом.

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

Возможно, это всего лишь минималистский во мне?

+0

Ах да, все ненавидят формы. 80+ полей: требуется 20+, а другие - не обязательно. Я не могу свести к минимуму общее количество полей - есть информация о пользователе в деталях, био, информация об образовании, предпочтения, адреса. Но хорошо, кажется, вы отвечаете: вкладки на одной странице (а не на нескольких страницах) лучше. –

+0

Действительно, они делают! Да, вкладки просто делают процесс немного более терпимым. Немного более удобный для пользователя. –

3

ИМХО разделение должно быть сделано уместности на входах как

Адрес раздела можно сгруппировать все поля, как:

address 1, ddress 2, zip, country, city, state/province/region 

в то время как Контактная секция может, группа

phone number, cell number, work number, e-mail, myspace, linkedin 

Тогда укажите, если все поля обязательны для заполнения или не указаны !!! вы можете планировать писать по-другому! например, с помощью вкладок !!!


ПОЛЕЗНЫЕ ИНСТРУМЕНТЫ:

BTW вы можете нашли это ссылки полезны

Если я мог правильно помню: есть некоторые JQuery плагин, который делает всю работу за вас, превращая ваш огромный вид в пошаговую форму!

должны увидеть/попробовать также это веб-сервис

ПОЛЕЗНЫЕ ЧИТАЕТ:

1

Если JavaScript отключен, какой пользователь увидит?

Если шаги сделаны с использованием обычных вкладок javascript, тогда (только если вкладки сделаны с грациозным деградированием) пользователь увидит одну очень длинную форму (что не так удобно).

Но если это вкладки ajax (на основе 5 реальных страниц), то если JS отключен, пользователь увидит 5 ссылок на пять страниц. Что лучше, также, потому что вы можете нажать «назад» и пополнить то, о чем вы изменили свое мнение.

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

+1

Спасибо, ты напоминаешь грациозную деградацию. Я позабочусь об этом –

+0

** 1 ** - если OP собирается использовать вкладки, он может использовать только CSS; ** 2 ** - точка здесь не так долго должна быть формой! форма ** есть ** фактически длинный ...! ** 3 ** - пошаговая форма может быть выполнена также в простом PHP, js не требуется! –

+0

1. Пожалуйста, покажите мне кросс-браузерные чистые вкладки CSS. 2. Дело здесь в том, как лучше реализовать огромную форму. Некоторые формы должны быть длинными, и вы не можете многое сделать. Возможно, когда вы ищете работу, вы можете заполнить большую форму, которая описывает вашу желаемую позицию. Кроме того, есть викторины и другие длинные формы, которые так и есть. 3. Мне жаль, что я не прояснил себя, но мой последний абзац означал именно это: сделать пять отдельных страниц без использования JavaScript. По крайней мере, для базовой функциональности. Возможно, чтобы улучшить страницу после JS. –