Componentes da interface web

Formulários

Convenções de uso dos elementos

Atualizado em 24.1.2010

A aplicação dos elementos dos formulários dentro de padrões convencionais ajuda os usuários a usá-los de maneira intuitiva, sem que precisem pedir explicações ou simplesmente resolvam utilizá-los de maneira inadequada.

Os botões de rádio e as caixas de seleção são comumente aplicados de maneira semelhante, embora tenham funções diferentes:

Botões de rádio

São usados quando numa lista de duas ou mais opções, quando estas são excludentes - a seleção de um item exclui e desativa os outros, como na resposta a um questionário de múltipla escolha.

Exemplo:

Homem
Mulher

Um item deve ficar selecionado por default. Se o usuário discordar da escolha, seleciona outro.

Uma lista com botões de rádio é mais eficiente que um menu, pois mostra todos os itens para seleção.


Caixas de seleção

São usadas em listas nas quais se pode selecionar qualquer número de opções, de zero a todas - as caixas são independentes entre si.

Exemplo:

Eu quero uma bicicleta com frigobar.

Eu quero um carro que ande sozinho.

Eu quero uma motocicleta à prova de tombos.

A seleção de itens em listas com caixas de seleção, portanto, não é excludente.

Uma caixa de seleção sozinha é frequentemente usada para que o usuário ative ou desative uma única opção. Neste caso, apenas uma caixa é o suficiente, porque assinalar ou não a caixa já indica a opção do usuário.

A listas devem ser dispostas verticalmente, para não confundir o usuário a respeito do texto que corresponde a cada caixa de seleção ou botão de rádio. Se o uso de listas horizontais for imprescindível, a separação clara de cada item permite a sua melhor visualização.

Os rótulos devem ser usados afirmativamente. O usuário não deve precisar selecionar um item para que algo "não" aconteça.

Bolinhas no lugar de caracteres no campo de senha

Em junho de 2009, Jakob Nielsen publicou artigo em que defende a eliminação da senha escondida por bolinhas, alegando que os motivos alegados para esta funcionalidade raramente se justificam (como a existência de um espectador atento que veja os números durante a digitação). De qualquer forma, ele sugere que, para as situações em que o sigilo seja necessário, que um check box opcional habilite o recurso.


Assuntos relacionados
Formulários: Simplicidade do preenchimento
Formulários: Comunicação das ações
Avaliação de web site : Avaliação dos relatórios de acesso : Atividades relacionadas

CRM (Customer Relationship Management, Gestão do Relacionamento com o Cliente)


Referências (Interface web)
Is your registration process scaring away users? de Dana Oshiro (ReadWriteWeb, acesso em 24.1.2010)
Stop password masking (Alertbox, acesso em 25.6.2009)
Check boxes vs. radio buttons (Alertbox, acesso em 15.04.2006)
Proper usage of check boxes and radio buttons (TechRepublic, 1.6.2006)