Avaliando a usabilidade do meu website

7 de maio de 2012 Usabilidade, Webdesign 4 comentários

Quando se trata de usabilidade, existem muitas preocupações em determinadas áreas que se relacionam: a informática, ergonomia, sistemas de informação, práticas em design, ciência e engenharia da computação, ciências sociais e o homem. Apresentaremos algumas formas mais comuns de se fazer avaliação de usabilidade de websites. Começando por uma prática muito utilizada de avaliação, proposta por Nielsen, chamada Avaliação Heurística.

Por que Avaliar?

Ao desenvolver, é necessário pensar na usabilidade e, sendo assim, quanto mais cedo pudermos detectar os problemas, melhor será. As formas de avaliação surgiram com a necessidade de se avaliar a acessibilidade dos websites e torná-los mais interativos e relacionais ao homem.  Uma avaliação sistemática de um website é aprauzível. Segundo Bruce Tognazzini, consultor de usabilidade:

O design interativo, com seu ciclo repetitivo de design e teste, é a única metodologia validada existente que produzirá resultados bem-sucedidos com consistência.

A Avaliação Heurística

É uma avaliação sistemática da interface do usuário para a usabilidade, encontrando problemas de utilização de modo que podem ser resolvidos. Essa avaliação não é feita individualmente, mas sim por uma equipe de especialistas no assunto. Esses inspecionam as páginas do website e comparam com uma lista de heurísticas, que são os princípios de usabilidade (propostas por vários autores, entre eles Nielsen).

Esses princípios, consistem, resumidamente, em:

  • Visibilidade do usuário ao status do sistema
  • Correspondência entre o sistema e o mundo real
  • Controle do usuário e liberdade
  • Consistência e padrões
  • Prevenção de erros
  • Reconhecimento fácil de ações
  • Flexibilidade e eficiência de utilização
  • Estética e design minimalista
  • Ajuda aos usuários a reconhecer, diagnosticar e recuperar de erros
  • Ajuda e documentação

A avaliação Heurística é importante, pois é um guia muito rico de metas. Mas, e se eu não tenho como montar uma equipe de profissionais para ficar a cargo disso?

Vou dar um exemplo de uma situação que aconteceu comigo e que caberá muito bem aqui neste post. Desenvolvi um website em que os próprios donos do negócio iriam atualizá-lo. No início, eles tinham uma secretária que conseguia muito bem fazer a função. Porém, a mesma foi substituída por uma em que, infelizmente, não tinha a mesma praticidade da anterior. Resolvi, então, pegar o mesmo sistema e pedir à conhecidos para fazerem os testes de cadastro. Assim, identificamos quais aspectos de usabilidade não estavam legíveis e pude corrigir o problema. Ao final, gerei uma documentação explicando passo-a-passo como realizar os cadastros e o problema da secretária foi resolvido.

25 pontos de usabilidade de um website

Outro profissional de usabilidade é o Dr. Peter J. Meyers, pelo qual foram listados 25 pontos entre Acessibilidade, Identidade, Navegação e Conteúdo para se avaliar em um Website.

Acessibilidade

1. O tempo de carregamento do site é razoável?
2. Contraste entre o texto e o fundo é adequado ?
3. Tamanho da fonte / espaçamento é de fácil leitura?
4. Flash são utilizados com moderação?
5. As imagens têm tags ALT apropriadas?
6. O local tem página personalizada not-found/404?

Identidade

7. Logotipo da empresa é de forma destacada?
8. Tagline faz propósito da empresa ficar claro?
9. A página inicial é digestível em 5 segundos?
10. Há um caminho livre para informações sobre a empresa?
11. Há um caminho livre para informações de contato?

Navegação

12. A navegação principal é facilmente identificável?
13. Rótulos de navegação são claras e concisas?
14. Número de botões / links é razoável?
15. Logotipo da empresa está ligada à home-page?
16. Os links são consistentes e fáceis de identificar?
17. Pesquisa no site é de fácil acesso?

Conteúdo

18. Títulos principais são claros e descritivos?
19. Conteúdo crítico está acima da “dobra”?
20. Estilos e cores são consistentes?
21. Ênfase (negrito, etc) é usado com moderação?
22. Anúncios e pop-ups são discretos?
23. Cópia principal é concisa e explicativa?
24. URLs são significativos e user-friendly?
25. Títulos de páginas HTML são explicativos?

Existem muitos críticos do trabalho de Nielsen, de divulgar diretrizes de usabilidade, pois sua preocupação com o design é quase inexistente. Mas como bons leitores, vocês saberão utilizar muito bem essas diretrizes para compor o design de vocês.

Dúvidas e sugestões de posts? envie para thiago@chocoladesign.com ou @althi. Abraços e ótima semana!

Referências

  • Thiago Almeida

    Olá! Me chamo Thiago Almeida sou de Belo Horizonte, Minas Gerais. Estudo Ciência da Computação na Universidade Federal de Lavras e trabalho como desenvolvedor web. Aqui no Choco la Design falarei sobre Web Design, Usabilidade, Acessibilidade e Programação. Também escrevo crônicas no Autômato Algum. Amante de design, fotografia, filosofia e uma boa música.Me encontre no Twitter, Flickr, Facebook e LikedIn. Abraços!

    Veja todos os 57 posts publicados por Thiago »

    COMENTÁRIOS

    • Will

      conciso e explicativo. mto bom thiago. =D

    • http://www.aboborajerimum.com.br/ Natália

      ótimo tema! Vou aplicar essas dicas no meu blog!

    • Joaogdesigner

      Parabéns Thiago, esse assunto deve ser mais explorado, principalmente para que os desenvolvedores que estão começando.
      Já estou conferindo se meus trabalhos atendem aos pontos de usabilidade. 

    • http://www.facebook.com/brunabeninca Bruna Benincá

      Li o Livro de design de interação pro meu TCC. É ótimo :)