Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Usabilidade na web
SEÇÕES
Manuais relacionados
+Usabilidade na web
Categorias
+Usabilidade

Índice do Manual Usabilidade na web
+ Informações gerais
+ Elementos de um bom site
+ Princípios gerais de usabilidade em web sites
+ O que é a Interação Pessoa-Computador
+ Sobre buscadores internos
+ Formulários
+ Os usuários não são adivinhas
+ Como escrever newsletters
+ Coloque um link do meu site
+ Usabilidade para PDAs
+ Reduza o peso de seu site
+ Páginas fluidas
+ Como gravar vídeo para Internet
+ A página de erro
+ O banner perfeito
+ Abrir diálogo com os visitantes
+ Otimizar o formato das páginas web para imprimir
+ Converter usuários em clientes
+ Newsletters que servem para vender
+ Coloque um buscador gratuito na sua web
+ Personalizar parâmetros - Usar links no lugar de combos.
+ Avaliar a usabilidade
+ Vantagens e incovenientes do uso de frames
+ Construindo páginas simples
+ Folhas de estilo (CSS)
+ Aumentar o número de páginas vistas
+ Criar o momento
+ Usando ícones no design de interfaces
+ Usability Biscates, S.A.
+ Livro de estilo
+ Guia básico para PYMES
+ Destruir 2 mitos do web design
+ De que serve o critério quando todo mundo pode opinar?
+ Use imagens agrupadas e não utilize ícones
+ Apêndice I: Links interessantes
+ Evitar as cores de fundo
+ Usabilidade ao milímetro
+ O espaço na tela
+ PDF no Web. Entorpecendo ou melhorando a navegação?
+ MSN Music. Um pequeno problema de perspectiva
+ A navegação impaciente dos usuários na Internet
+ Criando a retícula. Como organizar a informação
+ Usabilidade e Retorno de Inversão em websites
+ É hora de pensar em 1024px?
+ Fatores Determinantes no uso de Fontes
+ Não se fala de usabilidade
+ Fazendo uma Web Acessível: o uso adequado das cores
+ Aplicações Web: Usabilidade + Praticidade = Sucesso
+ Como conseguir web design de bom aspecto gráfico
+ Usabilidade e acessibilidade: Conceitos muito diferentes
+ Quando colocar um botão, quando colocar um link
+ Redação para websites
+ O usuário intermediário ontem e hoje
+ Arquitetura de informação
+ Escreva títulos curtos
+ Desenhar para dispositivos móveis
+ Normas para maximizar a usabilidade de um site

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


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.


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.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Usabilidade na web

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Usabilidade


Comentário sem rever
Entre os comentários não revistos podem ter alguns interessantes que tenham sido enviado recentemente.
 Foi encontrado um comentário sem rever

VerVer os comentários não revistos



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites