Este documento resume uma avaliação de usabilidade e acessibilidade do site Livemocha realizada por alunos da UFMG. O relatório aponta que o Livemocha atende aos critérios de usabilidade, mas deixa a desejar em relação às diretrizes de acessibilidade da WCAG 2.0, não podendo ser considerado totalmente acessível.

1. Universidade Federal de Minas Gerais
Escola de Ciência da Informação
Departamento de Teoria e Gestão da Informação
Alunos:
Adrileia de Moura Lima
Ana Clara Ribeiro Rocha
Elizangela do Nascimento
Janaína de Sousa Alves
Belo Horizonte
2012

2. Avaliação de usabilidade
Inspeção

3. Usabilidade
• É a facilidade de uso que as pessoas podem
empregar uma ferramenta ou objeto a fim de
realizar uma tarefa específica;
• Usabilidade é o fator que define o quanto os
produtos são fáceis de usar, levando em
consideração a sua eficiência e se é agradável do
ponto de vista do usuário final. Isso é necessário
para melhorar a interação entre o produto e as
pessoas que utilizarão o mesmo, sendo assim,
permitindo que o usuário possa trabalhar neste
produto (software, web sites, etc.) de qualquer
lugar.

5. Livemocha
O Livemocha é uma rede social que oferece
uma combinação de aprendizagem online de
idiomas e prática com falantes nativos, na
qual as pessoas ensinam e aprendem umas
com as outras.

6. Fazer o usuário pensar é indício de que algo não
está bom...

9. Breadcrumbs
Os breadcrumbs também são uma ajuda
visual eficaz que indica a localização do
usuário dentro da hierarquia do site,
tornando-se uma grande fonte de
informação contextual

11. Previsão de erros
Previsão de erros

12. Percurso Cognitivo
A interface permite ao usuário executar as
ações de modo simples. Não há grandes
complicações em se localizar as informações
desejadas e desse modo pode-se dar
sequência as tarefas iniciadas em outro
momento. Considera-se isso muito
importante uma vez que a Rede Livemocha é
destinada principalmente ao ensino de
idioma.

15. Inspeção de Consistência
• Em todo o site observa-se uniformidade no
uso de cores, fontes. A terminologia não
exige grande esforço do usuário para a
interação no que é proposto pela rede.
• Formas de entrada e saída são semelhantes
ao modelo estabelecido na rede, não
apresenta maiores transtornos aos seus
usuários.

16. Inspeção de Consistência
• Possui uma opção de ajuda nos principais
idiomas. Localizada no rodapé da página,
pouco visível, embora apareça em
praticamente todo o site. Essa opção também
está na página de cursos, pode-se também
solicitar suporte através de um formulário que
é enviado online com promessa de contato
em até 48 horas.

23. Uso das convenções da Internet

24. Uso das convenções da internet

25. Avaliação da Arquitetura da
Informação
Arquitetura da Informação é a arte e a ciência
de estruturar e organizar ambientes de
informação para ajudar as pessoas a
satisfazerem suas necessidades de informação
de forma efetiva. (SteveTobs apud Marion)

26. Arquitetura da Informação
• A avaliação da arquitetura da informação é
feita, principalmente, por análise da estrutura
da informação utilizando método de
verificação heurística.

27. Heurísticas de Louis Rosenfeld
• Na página principal o usuário que utiliza o
site com regularidade consegue navegar e
localizar o conteúdo desejado, permite-se
uma memorização da disposição das
informações.
• No entanto um usuário inexperiente pode
encontrar alguma dificuldade, pois há muitas
informações numa mesma tela.

28. Excesso de informações

29. Em todo o site não há imagens ou textos publicitários

31. Interface de busca
• Na proposta da rede social Livemocha, não há
uma interface de busca.

32. Navegação Contextual
• Está claro para o usuário a localização em que
se encontra no site e onde está. Porém não
foi localizado um mapa do site no Livemocha.

33. Navegação Global
• Não são necessários muitos cliques para se
atingir os objetivos no site. Para começar um
curso, com dois cliques é possível o usuário
iniciar a tarefa.
• Os rótulos no site não são enganosos, estão
de acordo com o informado.

34. Acessibilidade

35. Conceito
Acessibilidade é definida como “a condição para
utilização com segurança e autonomia, total ou
assistida, dos espaços mobiliários e equipamentos
urbanos, das edificações, dos serviços de
transporte e dos dispositivos, sistemas e meios de
comunicação e informação por uma pessoa com
deficiência ou com mobilidade reduzida” (ABNT –
NBR9050). Ou seja, é a ideia de um mundo sem
obstáculos, tanto para a locomoção, quanto para a
comunicação!

36. Conceito
Acessibilidade é um novo nome para o
“direito de ir e vir” para cerca de 24 milhões
de brasileiros com algum tipo de deficiência
(14,5% da população). E esse número é ainda
maior se contarmos os 8% da população, que
são idosos e as pessoas com limitações
temporárias, como gestantes e obesos.

37. Diretrizes
• e-MAG 3.0 -> Terceira versão do Modelo de
Acessibilidade para o Governo Eletrônico,
lançada em dezembro de 2005, contendo
alterações sugeridas durante a Consulta
Pública;
• WCAG 2.0 -> (Web Content Accessibility
Guidelines) – Normas internacionais.

38. Avaliação Acessibilidade
Livemocha

39. WCAG
Nível de prioridade Significado da prioridade Nível de Conformidade
(conforme atendimento a
todas as recomendações
de cada prioridade)
Prioridade 1 Requisitos básicos A AA AAA
para acessibilidade
X X X
Prioridade 2 Remoção de X X
significativas
barreiras de
acessibilidade
Prioridade 3 Melhoria do acesso X
ao conteúdo

42. Livemocha acessível?
• O site não fornece alternativas para conteúdo
sonoro e visual;
• O conteúdo não é apresentado de diferentes
formas;
• Não fornece auxílios de navegação para
orientar os usuários;
• As funções não estão disponíveis pelo teclado.

46. Livemocha acessível?
• Há a possibilidade de incluir legendas e
transcrições nos vídeos;
• No entanto, não há descrições para os vídeos;
• Textos dos hiperlinks fazem sentido fora do
contexto;
• Não há cabeçalhos, listas e uma estrutura
consistente;
• Não há texto para locais clicáveis em mapas.

47. Conclusão
• A partir da análise do Livemocha e pesquisa a
respeito de usabilidade e acessibilidade, podemos
perceber que o Livemocha atende aos critérios da
usabilidade;
• Entendemos que o Livemocha atende à alguns
critérios de acessibilidade.
• Por outro lado, percebemos que na maioria das
diretrizes analisadas utilizando o WCAG 2.0, o
Livemocha deixa a desejar, não podendo assim, ser
classificado como acessível.

48. Referências bibliográficas
• Blog “Azclick”. Possui textos sobre usabilidade e outros assuntos.
Disponível em: <http://blog.azclick.com.br/usabilidade-desde-sempre-
para-sempre/>. Acesso em: 06 jan. 2013.
• Dicas rápidas para construir websites acessíveis. Disponível em:
<http://www.w3.org/WAI/References/QuickTips/qt.br.htm>. Acesso em:
• Livemocha. Disponível em: <http:// www.livemocha.com>. Acesso em: 05
jan. 2013.
• Mundo acessível. Possui informações sobre acessibilidade e outros
assuntos. Desenvolvido por Isabel Cristina Hammes e Pedro Antonio
Silvério Lobo Mendonça. Disponível em:
<http://www.mundoacessivel.com.br/tag/definicao-de-acessibilidade/>.
Acesso em: 07 jan. 2013.
• ROSA, Renato. Usabilidade: conceito, aplicações e testes. 2006. Disponível
em: <http://www.slideshare.net/wudrs/palestra-usabilidade-conceito-
aplicaes-e-testes-de-renato-rosa>. Acesso em: 01 jan. 2013.

49. Referências bibliográficas
• Web Content Accessibility Guidelines. Possui as diretrizes do WCAG 2.0.
2008. Disponível em: <http://www.w3.org/TR/WCAG/>. Acesso em: 05
jan. 2013.
• Chec