livemocha parte 2
TRANSCRIPT
![Page 1: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/1.jpg)
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
![Page 2: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/2.jpg)
Avaliação de usabilidade
Inspeção
![Page 3: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/3.jpg)
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.
![Page 4: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/4.jpg)
![Page 5: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/5.jpg)
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.
![Page 6: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/6.jpg)
Fazer o usuário pensar é indício de que algo não
está bom...
![Page 7: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/7.jpg)
![Page 8: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/8.jpg)
![Page 9: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/9.jpg)
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
![Page 10: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/10.jpg)
![Page 11: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/11.jpg)
Pre
visã
o de
err
os P
revisão de erros
![Page 12: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/12.jpg)
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.
![Page 13: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/13.jpg)
![Page 14: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/14.jpg)
![Page 15: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/15.jpg)
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.
![Page 16: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/16.jpg)
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.
![Page 17: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/17.jpg)
![Page 18: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/18.jpg)
![Page 19: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/19.jpg)
![Page 20: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/20.jpg)
![Page 21: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/21.jpg)
![Page 22: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/22.jpg)
![Page 23: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/23.jpg)
Uso
das
con
venç
ões
da In
tern
et
![Page 24: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/24.jpg)
Uso das convenções da internet
![Page 25: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/25.jpg)
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)
![Page 26: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/26.jpg)
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.
![Page 27: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/27.jpg)
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.
![Page 28: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/28.jpg)
Exce
sso
de in
form
açõe
s
![Page 29: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/29.jpg)
Em todo o site não há imagens ou textos publicitários
![Page 30: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/30.jpg)
![Page 31: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/31.jpg)
Interface de busca
• Na proposta da rede social Livemocha, não há uma interface de busca.
![Page 32: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/32.jpg)
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.
![Page 33: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/33.jpg)
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.
![Page 34: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/34.jpg)
Acessibilidade
![Page 35: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/35.jpg)
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!
![Page 36: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/36.jpg)
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.
![Page 37: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/37.jpg)
• 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.
Diretrizes
![Page 38: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/38.jpg)
Avaliação Acessibilidade
Livemocha
![Page 39: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/39.jpg)
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 para acessibilidade
A AA AAA
X X X
Prioridade 2 Remoção de significativas barreiras de acessibilidade
X X
Prioridade 3 Melhoria do acesso ao conteúdo
X
![Page 40: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/40.jpg)
![Page 41: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/41.jpg)
![Page 42: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/42.jpg)
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.
![Page 43: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/43.jpg)
![Page 44: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/44.jpg)
![Page 45: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/45.jpg)
![Page 46: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/46.jpg)
• 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.
Livemocha acessível?
![Page 47: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/47.jpg)
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.
![Page 48: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/48.jpg)
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.
![Page 49: Livemocha parte 2](https://reader034.vdocuments.pub/reader034/viewer/2022052215/558ea94d1a28abee118b476f/html5/thumbnails/49.jpg)
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