Elementos de um bom design de formulário incluem uma estrutura visual sólida , juntamente com o uso de uma hierarquia para a informação a ser reunidos - como preencher o nome do usuário antes de preencher o endereço ? . Formas não deve ser trabalhar para o usuário , que devem ser tão simples e indolor possível . Designers devem evitar formulários longos e confusos , que será pesado , mas ao mesmo tempo eles não devem tornar o formulário tão curto que não será útil . Limpar

Clarity em um formulário é determinado pela forma como facilmente o usuário sabe como preencher o formulário . Clareza inclui consistência , que deve ser usado durante todo o design do formulário. Clareza também inclui ser conciso e incluindo apenas elementos importantes para reunir as informações necessárias. Fonte deve ser grande o suficiente para ler o texto e fonte pequena deve ser guardado para notas de rodapé que a maioria dos leitores não vai ler. Para formas de impressão, uma fonte com serifa como Garamond ou Courier deve ser usado , e por formulários on-line , fontes com serifa de transição , tais como Georgia e Verdana, deve ser usado.
Layout
estudos de usuários

provaram que a colocação vertical das etiquetas acima do campo de entrada funciona melhor. Agrupamento de cada rótulo e campo de entrada vertical e consistentemente irá reduzir o movimento dos olhos do usuário e , portanto, o tempo de processamento. Os olhos do usuário só precisa se ​​mover em uma direção , que é baixo.
Acessibilidade

Projetando o formulário para pessoas com deficiência é referido como acessibilidade . Para formulários on-line , certifique-se a tecla tab é criada para auxiliar o leitor de tela. A guia deve ir para o próximo item em vez de saltar aleatoriamente de linha para linha . Em vez de enviar uma chave , permitem aos usuários usar as informações tecla enter para entrar. Designers também deve fornecer outros meios de preenchimento de formulários on-line , como a impressão . O texto deve ser legível para o usuário daltônico . Pessoas cegas cores não enxergam as cores como o vermelho e verde. Combinações de texto vermelhas e verdes devem ser evitadas , juntamente com as cores associadas com vermelho e verde, como marrom , laranja e roxo . Sempre use o texto escuro contra um fundo claro para obter informações especialmente importantes.
Campos obrigatórios

Mark Fields que são obrigatórios , tais como o endereço de cobrança , para que eles se destacam. Designers pode mudar a cor da fonte , faça o negrito ou adicionar um asterisco. Que o usuário saiba o que vai acontecer se essas linhas não estão preenchidos - . , Como o pedido não será enviado