Formulários

Oferecemos uma série dicas para criar formulários mais fáceis e agradáveis. Preencher um formulário não tem que ser um suplício para o visitante.

Por César Martín


Publicado em: 07/2/06
Valorize este artigo:
Resumo:
1. Procure reduzir ao máximo o número de campos.
2. Evite os combos.
3. É melhor que a informação não se fragmente demais.


1. Reduza ao máximo o número de campos nos formulários
Se na internet estamos falando sempre que menos é mais, quando falamos de formulários, menos é muito... deveremos tender a zero.

A. Procure reutilizar campos:
    Por exemplo:
    Correio eletrônico = nome de usuário.
    DNI = password.
B. Evite formalidades
    Exemplos de campos que não são realmente necessários:
    Tratamento (Sr., Sra., etc)
    Tipo de Via (Rua, Avenida, ...)
    Data de nascimento (isto é realmente necessário?, se for, indique para que está pedindo.)

2. Evite o uso dos combos nos formulários.
1. É mais rápido escrever do que selecionar a opção no combo.
2. Se a página pesar menos, o usuário pode baixá-la mais rápido e acabar antes o processo.

Na maioria dos casos é mais rápido escrever o texto do que busca-lo em um combo.
Escrever a palavra "Brasil" pode levar entre 1 e 2 segundos mais ou menos, escolhê-la em um combo onde podemos encontrar todos os países do mundo pode levar em média de 4 a 6 segundos. Se usarmos o truque de pré-selecionar o país no combo, também poderemos pré-escrever a palavra no campo de texto.

O único caso no qual o uso de combos está justificado é nos que a resposta está pré-definida tipo ranking, avaliações subjetivas, marcas, etc... mas não o utilize para países, estados, números, etc...


3. Evitar fragmentar a informação.
O caso mais típico é o do endereço que em geral começa assim:
    Tipo de via:, Endereço:, Número:, Código postal:...
Este caso apor sua vez costuma estar alimentado com vários combos, com o qual o usuário deve ler cada campo, entender o que está sendo pedido e preencher...
Podemos simplificar usando uma única linha onde o usuário escreva todo o endereço, como se fosse uma carta.
    Endereço completo: Avenida Atlântica 245/601, Copacabana, Rio de Janeiro, RJ, Brasil
    Codigo postal: 22056
Desta forma só temos uma linha para o campo "endereço", e logo 3 mais para indicar código postal, cidade, estado e país.
O usuário se sentirá mais cômodo se puder colocar o que quiser e não ser obrigado a preencher coisas pré-fixadas que talvez não se entenda ou não se ajusta ao seu caso particular.

Logo, talvez falta destacar o caso de alguns bancos onde o campo "profissão" obriga ao usuário escolher uma opção da lista que o banco dispõe, fazendo uso de um buscador, códigos de profissão, etc, etc... Realmente não é recomendável. O benefício que possa dar esta informação frente ao aborrecimento que produz ao usuário não tem equivalência.

Com estes breves conselhos podemos passar de um formulário com 16 campos a 8 e diminuir o peso da página pela metade.

Resumo
Reduzir, reciclar, reutilizar.





Comentários do artigo
Foram enviados 3 comentários ao artigo
3 comentários não revisados
0 comentários revisados

Usuários :    login / registro

Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato