Esquerda - Conteúdo.

Erros de Usabilidade em Web Design.

Daniel Gomes - Lisboa, Portugal - 21-Dez-06.
www.visibilidade.net Site Externo..

Lista de Erros em web design.

Arquivos excessivamente grandes.

Uma página muito grande demorará muito tempo a ser carregada. Embora no seu PC ou rede local a página apareça imediatamente, um usuário que esteja a usar uma ligação lenta à Internet ficará muito tempo à espera de conseguir vê-la e muito provavelmente acabará por desistir saltando para uma página alternativa.

Grande parte dos usuários da web possuem ligações lentas. A sua página web pode ser acedida em qualquer parte do mundo, mas não poderá ser acedida em qualquer parte do mundo à mesma velocidade.

Independentemente da velocidade anunciada pelo ISP, em redes congestionadas a velocidade de download poderá também ser bastante lenta.

Antevê-se a curto prazo que o acesso à web seja feito principalmente através de dispositivos móveis. No entanto, as comunicações móveis (GPRS, WAP) são muito mais lentas do que as fixas. Além disso, um arquivo muito grande poderá ser impossível de se apresentar na tela de um dispositivo de pequenas dimensões, como um celular.

Uma página deverá ter o menor tamanho possível. O tamanho da página incluindo todos os objetos não deverá exceder os 100 KB. Caso necessite de publicar arquivos grandes, apresente sempre o tamanho nos links que os referem para que o usuário possa decidir se deve descarregá-los consoante as condições de acesso que tem ao seu dispor.

Imagens não otimizadas.

As imagens deverão ser o menor possível e também deverão ter exatamente o tamanho que irão ocupar na página.

O tamanho de uma imagem nunca deverá ser redimensionado usando os atributos width e height. Estes servem para indicar ao browser o tamanho exato da imagem de modo a que este possa mostrá-la mais rapidamente. Se necessitar de publicar uma imagem grande ou de alta resolução apresente em primeiro lugar uma miniatura da imagem, dando a opção ao utilizador de ver a imagem grande se o desejar.

Se a mesma imagem se repetir em várias páginas do seu site, utilize sempre o mesmo URL para a referir. Assim os browsers podem guardar a imagem localmente nos computadores dos usuários (cache) e mostrar as páginas do seu site mais rapidamente.

Sons não solicitados.

Pôr uma musiquinha de fundo ou outros sons não solicitados na sua página pode revelar-se um grande tiro no pé. Uma música com uma qualidade razoável será um arquivo grande que terá de ser descarregado juntamente com a sua página, o que poderá causar problemas de acesso.

Os usuários estão mais interessados em ler a informação contida na sua página do que em ouvir a música de fundo. Dê a opção de ligar a música de fundo depois do usuário ter carregado a página. Ficará espantado em verificar que poucos usuários o farão.

Existem webmasters que colocam uma musica de fundo extremamente simples que é repetida incessantemente, para evitar o download de um grande arquivo. Neste caso, passados alguns minutos a ouvir a mesma ladainha, os leitores da sua página sentir-se-ão convidados a abandoná-la, ou a cortar o som do computador, o que é uma imposição desagradável se uma pessoa estiver ouvindo os seus MP3s favoritos enquanto navega na web.

A situação é mais grave quando os leitores abrem uma página no local de trabalho e inesperadamente sai uma música dos alto-falantes do computador quando o chefe está passando. A reação é imediata, o leitor fecha a página. Perdeu um leitor, quem sabe para sempre.

Publicação de textos usando tecnologias inadequadas: Flash, Javascript, Java ou imagens.

O texto publicado usando animações Flash, programas Java ou Javascript, ou imagens é invisível para os motores de busca. Assim sendo, as páginas que contenham esses textos dificilmente serão retornadas como resultados de pesquisas. As páginas que recebam links criados exclusivamente usando estas tecnologias também não serão encontradas pelos motores de busca.

Além disso, a utilização destas tecnologias para publicação de textos coloca graves problemas de acessibilidade, uma vez que, por exemplo, não permitem que os utilizadores aumentem o tamanho das letras de uma página no browser para aumentar a legibilidade dos textos. Lembre-se que grande parte das pessoas que usam computadores frequentemente sofrem de problemas de visão.

Utilização errada das etiquetas NOFRAMES e NOSCRIPTS.

As etiquetas NOFRAME e NOSCRIPT destinam-se a fornecer uma representação alternativa do conteúdo que foi publicado (ex. em HTML ou texto plano), para que os browsers ou outros clientes consigam aceder ao conteúdo da página mesmo que não suportem FRAMES ou SCRIPTS. Mensagens como:

<NOFRAMES>
<BODY>

<P>This page uses frames, but your browser doesn't support them.</P>

Esta página usa frames, mas seu navegador não suporta esta tecnologia

</BODY>
</NOFRAMES>

São inadequadas porque não ajudam o utilizador a conseguir ler a página. Parece mesmo que o estão expulsando. Se o utilizador está interessado em ler a sua página e usou um determinado browser é porque é o que tem disponível. Hoje em dia, a maior parte dos browsers suportam FRAMES, mas o mesmo não acontece com os SCRIPTS, a maior parte dos browsers para celulares ainda não os suporta.

É importante frisar que estas etiquetas servem também para fornecer aos motores de busca textos que se encontram invisíveis devido a terem sido publicados usando scripts. No caso das FRAMES, permitem fornecer todo o texto referenciado pelas várias páginas que compõe a FRAME sob um único URL que será apresentado nos resultados dos motores de busca, em vez de cada página ser apresentada individualmente.

Textos muito longos.

Um texto escrito para a web deverá ser curto, claro e sucinto. A leitura de um texto num monitor é muito mais cansativa do que numa folha de papel, pelo que deve ter o cuidado de não cansar o leitor para que ele não desista de ler a sua página antes de chegar ao fim.

Se tiver um texto muito longo, divida-o em várias páginas, cada uma focando um tema em particular. Pode-se também criar links que permitam ao leitor saltar para a parte que mais lhe interessa no texto sem ter de ler tudo. É muito provável que a informação que o leitor procura esteja numa pequena parte do seu texto. Facilite-lhe a vida e ele voltará ao seu site.

Escreva utilizando uma linguagem cuidada mas acessível. Os termos que utilizar nos seus textos deverão ser os mesmos que os leitores utilizem para pesquisar nos motores de busca.

Exigência da instalação de software adicional.

Algumas páginas exigem que o seus leitores instalem software adicional para as poderem visualizar, como por exemplo um leitor de Flash, uma máquina virtual Java ou até mesmo um novo browser. Este é um erro crasso. Muitas pessoas acedem à web no local de trabalho ou em cibercafés onde não lhes é possível efetuar tarefas administrativas como instalar software. Logo, não lhes é possível ver a sua página. Mesmo que um utilizador esteja no seu computador pessoal, a apresentação de uma mensagem como "Instale a JVM" poderá assustar usuários sem conhecimentos profundos de Informática e levá-los a abandonar o seu site temendo cometer algum erro ou serem vitimas de algum ataque.

A instalação de software adicional deverá sempre ser uma opção e nunca privar o acesso à página caso não seja possível. No caso de um dispositivo móvel poderá nem existir uma versão do software que possa ser instalada e através de uma ligação lenta à Internet o tempo de download do software poderá ser proibitivo.

Muitos webmasters validam as suas páginas simplesmente através da sua visualização num único browser. Se há alguns anos existia um domínio quase absoluto de um único browser, isso hoje já não acontece.

Pesquisas internas inoperantes no site.

Os usuários da web cada vez mais navegam utilizando motores de busca. É frustrante quando tentam utilizar a caixa de pesquisa do seu site e esta não funciona. A impressão que passa é que o site está abandonado e que existe desleixo na sua manutenção, o que, caso se trate do site de uma empresa, dará uma má imagem.

A maior parte dos motores de busca oferecem serviços gratuitos de pesquisa dentro de um site (ex. Google, FreeFind). Se a pesquisa interna dentro do seu site não funciona corretamente, será melhor retirá-la, a sua existência só fará os seus leitores perderem tempo, e ninguém gosta de perder tempo.

Ausência de informação de contato.

Por mais completo e atualizado que o seu site esteja, existirão sempre questões para as quais ele não contem resposta. É imprescindível que o seu site disponibilize informação de contato. Atenção, nunca coloque o seu endereço de e-mail numa página uma vez que este será recolhido pelos crawlers dos spammers e passado pouco tempo terá a sua caixa de correio cheio de lixo. Em alternativa, utilize um formulário de contato, com tecnologia PHP por exemplo, que esconderá o seu endereço de e-mail. Não se esqueça de proteger o diretório onde se encontra o script de PHP, a maneira mais simples de o fazer é criando no diretório um arquivo vazio index.html.

As questões colocadas pelos usuários do seu site são extremamente valiosas, porque permitem identificar novas informações a serem incluídas na próxima atualização do seu site. Cada questão que está respondida no seu site, é menos uma que você tem de responder.

Janelas que aparecem em cima dos textos.

As janelas que aparecem em cima do texto são supostamente para obrigar o usuário a ler o seu conteúdo. No entanto, muito rapidamente os utilizadores em vez de o lerem habituam-se rapidamente a procurar a localização do link para fechá-las rapidamente e prosseguirem com a sua leitura, ignorando completamente o seu conteúdo.

O cérebro humano automaticamente identifica estas janelas como ruído que tem de ser eliminado para que consiga prosseguir com a sua tarefa. Um erro ainda maior é que estas janelas contêm frequentemente animações que demoram algum tempo até transmitirem a mensagem pretendida aos usuários. Ora, quase sempre o utilizador fecha a janela antes que isso aconteça.

Se o utilizador não conseguir remover a janela que o impede de ler a informação que pretende na página, o mais provável é que termine a visita ao site e procure informação noutros lugares.

Efeito Las Vegas.

Páginas com muitas cores confundem os usuários. Uma página deve conter no máximo 5 cores diferentes e estas devem ser usadas de forma coerente, por exemplo os links devem ter sempre a mesma cor assim como os textos.

Não use imagens de fundo complexas porque irão diminuir a legibilidade dos textos. Certifique-se de que as cores usadas têm contraste suficiente para que possam ser lidos. A combinação de contraste ideal é letras pretas sobre um fundo branco (ou vice-versa).

Utilize cores fortes como verde fluorescente ou vermelho apenas em caso de extrema necessidade, para dar ênfase a uma pequena parte de um texto. Estas cores são muito agressivas e a sua utilização freqüente cansa a visão dos leitores.

Não use imagens piscando para chamar a atenção dos leitores. Se fizer uma gestão racional das cores não serão necessárias animações para destacar partes importantes do seu texto.

Uso excessivo de animações.

No máximo apresente uma animação por página. De preferência apresente as animações apenas se o usuário as solicitar. A utilização de várias animações com publicidade numa página com texto pode revelar-se um mau investimento.

Problemas de acessibilidade.

Todos os seus leitores são importantes, incluindo os que têm deficiências. Não é apenas uma questão de altruísmo, é uma questão de mercado. Uma página na web destina-se a que seja lida pelo máximo de pessoas possível. Então, porquê descriminar as pessoas com deficiência? Aliás, se você estiver lendo este texto com óculos é porque também sofre de uma deficiência de visão.

Um dos principais problemas das páginas é o uso de fontes de letra muito pequenas utilizando tecnologias que não permitem que os usuários aumentem o tamanho das letras através do seu browser. Consulte as nossas referências acerca de acessibilidade.

Navegação confusa.

A navegação dentro de um site deve ser simples. Trabalhe num bom modelo de navegação e mantenha-o em todas as páginas do site. Deverá ser possível ao usuário identificar todos os links de uma página através da visualização da página sem efetuar qualquer ação.

Os textos dos links, por si só, deverão dar uma idéia clara do conteúdo da página apontada. Nunca use textos nos links como "clique aqui", pois São ambíguos, desperdiçam espaço precioso na página e não ajudam na otimização das suas páginas para os motores de busca. Por exemplo em vez de: "Para nos contatar clique aqui.", porque não: "Contate-nos".

Um usuário deverá ter sempre consciência da sua localização no site e das opções que tem disponíveis para continuar a sua navegação. Não confunda os usuários com inúmeras escolhas para realizar a mesma ação. Apresente um link para cada página e diferencie as páginas visitadas das não visitadas. A utilização de drop-boxes dificulta a memorização dos caminhos que os usuários seguiram para chegar a uma página.

Mantenha todas as páginas importantes a uma distância máxima de 3 cliques da página de entrada.

Nunca use o sublinhado para destacar palavras numa página web porque os usuários confundem estes textos com links. É preferível recorrer ao negrito (bold) se pretender destacar um conjunto de palavras.

Inexistência de um URL a cada página.

Cada página da web tem de ser referida por um URL. É completamente contra os princípios básicos da web que existam páginas que não possam ser referidas por um URL.

Existem sites em que a única maneira de chegar a uma página é entrando na página de entrada e seguindo um determinado caminho, mantendo-se o URL da pagina sempre o mesmo. As desvantagens deste tipo de sites são inúmeras e muito graves. Por exemplo:

  • Apenas a página de entrada poderá constar nos resultados dos motores de busca. Todas as restantes páginas são simplesmente invisíveis;
  • Os seus usuários não podem criar bookmarks para voltarem às suas páginas mais tarde;
  • Os seus utilizadores terão dificuldade em enviar um email divulgando uma das páginas do seu site, porque terão de explicar todo o caminho desde a página de entrada até à página que desejam referir. Além de ser incômodo, esta explicação pode ser complicada;
  • As outras páginas da web, incluindo diretórios e portais, não podem linkar para as suas. O número de links que um site recebe é uma métrica da sua importância, assim sendo, o seu site dificilmente alguma vez se tornará popular.

Este é dos piores erros que pode cometer para a visibilidade da sua página.

Disponibilizado em: 04/04/2008.