Um formulário on-line bem concebido incentivará seu uso,
assegurará a conclusão com êxito e manterá uma percepção positiva da sua marca.
Tenha em mãos os
seguintes documentos:
Informe ao usuário de todas as
informações necessárias que deve
ter em mãos, como por exemplo:
números de registros pessoais,
CEP, informações bancárias, etc
1 2 3 4
início fim
Fornecer uma estimativa de
quanto tempo o processo levará
tempo e / ou número de passos.
Evite formulários muito comprido;
quebre o formulário de forma
sensata em pequenas etapas,
quando possível.
Para formulários passo-a-passo,
indique em que etapa o usuário
está no processo.
Campos obrigatórios
Evidencie claramente campos
obrigatórios (geralmente são
realçados com '*')
Após enviar o formulário ...
Sucesso
Forneça uma mensagem de
confirmação informando ao
usuário que o processo está
concluído.
Autorizado para publicação por FrontEnd.
fonte: (http://www.frontend.com/websites-portals-ecommerce/tips-for-creating-online-forms.html)
Obrigado por deixar
minhas mãos livres
Verifique este campo.
Adote um tom que indeque ao Forneça ao usuário a possibili-
usuário que o problema não é dade de navegar entre os
campos do formulário através do Texto em vermelho, em geral a cor
com ele, seja educado, quando
teclado do início ao fim. vermelha é a melhor forma para
destacar erros.
realçar erros.
Quando necessário forneça o
auto tab no campo mais Use uma linguagem simples para
relevante do formulário. explicar o erro e diga ao usuário o
que precisa fazer para corrigí-lo.
Destaque os campos e / ou seções
onde ocorreram os erros, quanto
mais impacto visual, melhor.
PRÓXIMO Permitir que os usuários a
navegar de volta ao processo,
O melhor lugar para explicar o
problema, é abaixo do campo onde
sem perder os dados já apre- ele ocorreu.
sentados.
Forneça claro e evidente o ação
esperada exempo: próximo,
anterior, enviar, cancelar, etc.
Cuidado com o conteúdo fora da área
visível ou que exija rolagem de tela;
assegure-se que o usuário está
ciente de quaisquer campos e da
Você não acredita que ação principal que estiverem fora da
lerei tudo isso, não é?! área visível.
Quero ler só isso!
Evite formulários irregulares onde Texto explicativo deve ser colocado
os usuários possam se perder nos acima ou antes do campo corre-
campos. spondente; usuários raramente lêem
texto colocado após ou abaixo do
Evite grandes blocos de texto; campo em formulários.
usuários tedem a ignorá-los!
Para elementos individuais (por
Checkbox e radio buttons devem exemplo data), não se deve misturar
ter seus rótulos/ textos depois de campo texto e droplists para uma
seus campos seletores e nunca sequência de um mesmo dado.
antes.
- Dado 1
- Dado 2 imprimir Volte por aqui
- Dado #
Resumir informações impor- Forneça uma versão de Forneça recursos de ação no
tantes que o usuário tenha impressão enxuta da tela de final do processo, por exemplo:
fornecido. confirmação incluindo um Voltar para Página Inicial.
botão de imprimir.
V01