Melhor forma de elaborar um formulário extenso

Front-end

24/02/2015

Venho aqui perguntar opiniões de vocês.
Todo programador já deparou ou irá deparar com um formulário extenso para fazer. Daqueles que possuem mais de 100 campos para ser preenchido.
hoje possuímos uma "gama" de alternativas de como fazer este formulário, como: abas, collapse, quebra de página, etc.

Minha indagação é: Qual a forma mais prática de se fazer um formulário extenso?

Ressaltando que geralmente formulários extensos são preenchidos por pessoas que não possuem "familiaridade" com o computador. Como deixar de forma mais prática e fácil, visualmente falando?
Randrade

Randrade

Curtidas 0

Melhor post

Randrade

Randrade

24/02/2015

A melhor forma é usar em abas.
Tipo dividir mesmo os dados
Ex:
aba -dados pessoais
aba - endereco
aba -conta bancaria

http://www.jquery-steps.com/Examples
Costumo utilizar Panel quando desenvolvo com C#!
Monto estilo Wizard, acho abas legal, porém acho que o usuário pode se perder um pouco na qual aba ele realmente está!


Eu atualmente utilizo os dois tipos juntos.
As abas mostrando o usuário "Onde ele Esta" mas as mesmas bloqueadas, não deixando ele alternar, e obrigando a passar por todos os campos.
E ao mesmo tempo, possuo, como o Thiago comentou, um "wizard", onde o usuário preenche os dados e clica no ícone para ir para a próxima aba. Muito parecido com alguns dos Exemplos do link que o Wander postou.


Sei que essa pergunta vai ser respondida por respostas pessoas, e a intenção é esta mesmo. Pois nenhum ponto de vista é igual ao outro.
GOSTEI 1

Mais Respostas

Wander Santos

Wander Santos

24/02/2015

A melhor forma é usar em abas.
Tipo dividir mesmo os dados
Ex:
aba -dados pessoais
aba - endereco
aba -conta bancaria

http://www.jquery-steps.com/Examples
GOSTEI 0
Thiago Santana

Thiago Santana

24/02/2015

Costumo utilizar Panel quando desenvolvo com C#!
Monto estilo Wizard, acho abas legal, porém acho que o usuário pode se perder um pouco na qual aba ele realmente está!
GOSTEI 0
POSTAR