terça-feira, 22 de junho de 2010

Top 10 Erros em Web Design Segundo Jackob Nielsen


A web é uma floresta onde poucas trilhas seguras foram feitas. É por isso que nós Designers existimos, para tornar essa esperiência cada vez menos árdua para nossos internautas e consumidores em geral.

Não existe fórmula de bolo, mas buscando nas fontes certas achamos dicas bem valiosas para minimizar ao máximo o erro do usuário e propiciar uma experiência satisfatória.

Fiz uma tradução adaptada de um texto de autoria de um dos gurus da usabilidade que me foi muito útil e permitiu que eu tomasse conhecimento de algumas regras que eu desconhecia até o momento. Dessa maneira, acredito que possa ser útil para outras pessoas também. Vamos lá!



1. Mecanismos de busca que não funcionam

Mecanismos de busca podem reduzir consideravelmente a usabilidade quando são incapazes de lidar com erros, plurais, hífens e outras variantes do termo da consulta. Eles são particularmente mais prejudiciais para usuários idosos, mas devem ser considerados prejudiciais para todos.

Priorizar os resultados puramente com base em termos de consulta, ao invés de verificar a importância de cada documento é um erro comum. Será muito melhor se sua busca listar as melhores opções no topo da lista especialmente para consultas importantes, como nomes de produtos.

A pesquisa é a salvação do usuário quando a navegação falha. Embora a pesquisa avançada, por vezes, pode ajudar, buscas simples normalmente funcionam melhor, e a busca deve ser apresentada como uma simples box, já que é o que os usuários estão procurando.


2. Os arquivos PDF para leitura online

Usuários odeiam que se abra um arquivo PDF durante a navegação, porque isso quebra o seu fluxo. Até mesmo coisas simples como imprimir ou salvar documentos são difíceis no PDF porque os comandos padrão do navegador não funcionam. Layouts são frequentemente otimizados para uma folha de papel, que raramente coincide com o tamanho da janela do navegador do usuário. Adeus rolagem suave. Olá fontes minúsculas.

E o pior de tudo, o PDF é um amontoado indiferenciado de conteúdo que é difícil de navegar.
PDF é ótimo para a impressão e distribuição de manuais e outros documentos grandes que precisam ser impressos. Reserve para esse fim e converta toda a informação que precisa ser pesquisada ou lida na tela em páginas da Web reais.

3. Não alterar a cor dos links visitados

Um bom conhecimento da navegação passada ajuda a entender a sua localização actual, já que é o ponto culminante de sua viagem. Conhecendo seus locais passados e presentes, por sua vez torna mais fácil decidir onde ir. As ligações são um factor-chave neste processo de navegação. Os usuários podem excluir as ligações que foram infrutíferas em suas visitas anteriores. Por outro lado, eles podem rever links úteis que encontraram no passado.Mais importante ainda, saber quais as páginas já visitadas leva o usuário a revisitar as mesmas páginas uma e outra vez.

Os usuários podem saber a diferença entre links visitados e não visitados, porque o site mostra eles em cores diferentes. Em testes de usabilidade, quando links visitados não mudavam de cor, usuários demonstravam certa desorientação de navegação  e sem querer, revisitavam as mesmas páginas repetidamente mesmo não desejando que isso ocorresse.

4. Texto não-selecionável

Uma parede de texto é mortal para uma experiência interativa. Intimidante. Chato. Doloroso de ler.
Escreva para web, não para impresso. Para atrair usuários para o texto selecionável, use truques para deixá-lo bem documentado:

    * Subtítulos
    * Listas com marcadores (bullets, setas etc...)
    * Palavras chave em destaque
    * Parágrafos curtos
    * A pirâmide invertida
    * Um estilo de escrita simples e
    * Linguagem desprovida de marquetês.

5. Tamanho da fonte fixa

CSS permite desabilitar funções de aumento de fontes do browser. Em cerca de 95% dos casos, esse tamanho fixo é pequeno, reduzindo significativamente a legibilidade para a maioria das pessoas com idade superior a 40.

Respeitar as preferências do usuário e deixá-los quando necessário redimensionar o texto é uma boa idéia. Especificar o tamanho da fonte em termos relativos e não como um número absoluto de pixels pode ser interessante também.

6. Títulos das páginas com baixa visibilidade para mecanismos de busca

Sites de Busca são a forma mais importante para usuários descobrirem sites. Mais que isso, buscas são muitos importantes para que usuários descubram seu caminho em sites indivíduais. O título da página é a principal ferramenta para atrair novos visitantes a partir de listas de pesquisa e para ajudar os usuários a localizar as páginas específicas que precisam.

O título da página está contido dentro da tag HTML de título. Os mecanismos de busca geralmente mostram os primeiros 66 caracteres ou mais do título, dessa maneira, podemos considerá-lo como sendo uma espécie de microconteúdo.

Os títulos das páginas também são usados como entradas padrão no Favoritos quando um usuário favorita um site. Comece um título com o nome da empresa, seguido por uma breve descrição do site. Não comece com palavras como "A" ou "Bem-Vindo, são informações inúteis que consomem caracteres importantes para a identificação do site. "
Para as páginas internas do site, inicie o título com um resumo do que os usuários encontrarão nessa página.

O título da página é usado como o título da janela no navegador, também é usado como rótulo para a janela na barra de tarefas no Windows, o que significa que os usuários avançados navegarão entre várias janelas, sob a orientação das primeiras palavras de cada título da página. Se todos os seus títulos carregam as mesmas palavras, você tem severamente reduzida a usabilidade para os usuários que utilizam multi-janelas.

Taglines nas páginas iniciais são um assunto relacionado: elas também precisam ser curtas e comunicar rapidamente o objetivo do site.

7. Usar qualquer coisa que se pareça com um anúncio

A atenção seletiva é muito poderosa, e os usuários da Web têm aprendido a parar de prestar atenção a todos os anúncios que ficam no caminho do objetivo de sua navegação. (A única exceção tem sido anúncios de texto puro em mecanismos de busca)

Infelizmente, os usuários costumam ignorar os elementos de design que parecem formas de publicidade. Quando você ignora alguma coisa, você não vai estudar em detalhes para descobrir o que é.

Portanto, o melhor é evitar todas as formas que se parecem com propagandas. As implicações exatas desta diretriz irá variar de acordo com as novas formas de anúncios que seguem as seguintes regras:

    * Banner Blindness (cegueira de banner):  Significa que os usuários nunca fixarão os olhos em nada que se pareça com um banner devido à forma ou posição na página


    * Evite animações pesadas: usuários ignoram áreas com objetos ou texto piscando ou outras formas de animações agressivas.


    * Pop-up intrusos:  Usuários fecham pop-ups imprudentes antes mesmo de terem aparecido integralmente, às vezes com crueldade grande (uma espécie de triunfo do tipo: "volte-para-o-buraco-de-que-veio-seu-maldito").

8. Violar convenções do design

A consistência é um dos mais poderosos princípios de usabilidade: quando as coisas sempre se comportam da mesma forma, os usuários não precisam se preocupar com o que vai acontecer, pois eles sabem o que vai acontecer com base na experiência anterior. Toda vez que você solta uma maçã, segundo Isaac Newton, ela vai cair em sua cabeça. Isso é bom.

Quanto mais as expectativas dos usuários se provarem certas, mais eles vão se sentir no controle do sistema e mais eles vão gostar dele. Quanto mais o sistema quebra as expectativas dos usuários, mais eles se sentem inseguros. Oops, talvez se eu deixar cair a maçã, ela vai se transformar em um tomate e saltar para o céu.

Lei do Jakob sobre a experiência do usuário na Web: Os usuários passam a maior parte do seu tempo em outros sites. Isso significa que eles formam as suas expectativas para o seu site com base no que é comumente feito na maioria dos outros sites. Se você fizer muito diferente, o site será mais difícil de usar e os usuários vão optar por não usá-lo.


9. Windows Abertura Novo Navegador

Abrir novas janelas do navegador é como um vendedor de aspirador de pó que inicia uma visita esvaziando um cinzeiro no tapete do cliente. Não polua a minha tela com milhares de janelas, obrigado.

Designers costumam abrir novas janelas do navegador com a teoria de que ele mantém os usuários em seu site. Mas, mesmo desconsiderando a mensagem hostil implícita em assumir a máquina do usuário, a estratégia é auto-destrutiva, uma vez que desativa o botão Voltar, que é a maneira normal de retorno dos usuários a locais anteriores. Usuários muitas vezes não percebem que uma nova janela abriu, especialmente se eles estão usando um pequeno monitor onde as janelas são maximizadas para encher a tela. Assim, um usuário que tenta retornar à origem, será confundido com um botão Voltar cinza.

Links que não se comportam conforme o esperado podem  prejudicar a compreensão dos usuários. O link deve ser uma referência de hipertexto simples que substitui a página atual com o novo conteúdo. Usuários odeiam janelas pop-up. Quando eles querem que o conteúdo apareça em uma nova página, eles podem usar o comando do navegador "abrir em nova janela"  assumindo, claro, que o link não é um pedaço de código que interfere com o comportamento padrão do navegador.

- Qual é o valor desse carro com transmissão automática?
- Eu vou te dar uma dica, é um número par...

10. Não responder às perguntas dos usuários

Os usuários são altamente objetivos na web. Eles visitam sites porque há algo que querem realizar - talvez até mesmo comprar seu produto. O último pior fracasso de um site é deixar de fornecer aos utilizadores a informação que procura.


Às vezes a resposta simplesmente não está lá e você perde a venda, pois os usuários têm de assumir que o seu produto ou serviço não atende às suas necessidades, se você não lhes contar os detalhes. Outras vezes, os detalhes são enterrados sob uma espessa camada de marquetês e slogans sem graça. Como os usuários não têm tempo para ler tudo, informação escondida é a mesma coisa que não estar lá.

O pior exemplo de não responder perguntas dos usuários é evitar a colocar o preço dos produtos e serviços. Nenhum site de comércio eletrônico B2C faria este erro, mas ele é abundante em B2B, onde a maioria das soluções de "empresa" são apresentados de modo que você não pode dizer se eles são adequados para 100 pessoas ou 100 mil pessoas. Preço é a informações mais específica que os clientes usam para compreender a natureza da oferta, e não fornecê-la faz as pessoas se sentirem perdidas e reduz a sua compreensão de uma linha de produtos. Temos diversos vídeos de usuários perguntando "Onde está o preço?" enquanto arrancam os cabelos buscando essa informação no site.

Mesmo sites B2C muitas vezes cometem o erro associado de esquecer os preços nas listas de produtos, tais como páginas de categoria ou resultados de pesquisa. Sabendo que o preço é fundamental em ambas as situações, mas permite que os usuários diferenciem os produtos e cliquem nos mais relevantes.


Texto traduzido e adaptado por Igor Barazzetti

texto original: http://www.useit.com/alertbox/9605.html

Autor: Jackob Nielsen

2 comentários:

Unknown disse...

muito boa tradução

Igor Barazzetti disse...

Obrigado pelo comentário !