usabilidade e navegabilidade
DESCRIPTION
Interface Homem-MáquinaConceitos sobre navegabilidade em sistemas e usabilidade destes.TRANSCRIPT
![Page 1: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/1.jpg)
NavegabilidadeUsabilidade
INTERFACE HOMEM-MÁQUINA E SISTEMAS MULTIMÍDIA
por Daniel [email protected]
![Page 2: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/2.jpg)
• Home
• Conceitos
• W3C
• Erros
• Cases
Usabilidade
• Referências
/Home Usabilidade
![Page 3: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/3.jpg)
O que é Usabilidade?
Por que Usabilidade na Web?
Fatores envolvidos
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
/Home Conceitos/Usabilidade
![Page 4: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/4.jpg)
O que é Usabilidade?
Usabilidade refere-se ao grau com que o usuário consegue realizar uma tarefa.
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
/Home O que é Usabilidade?/Usabilidade/Conceitos
![Page 5: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/5.jpg)
Fatores envolvidos
Facilidade de aprendizado do sistema
Facilidade de uso
Satisfação do usuário
Flexibilidade
Produtividade
Segurança
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
/Home Fatores envolvidos/Usabilidade/Conceitos
![Page 6: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/6.jpg)
Por que Usabilidade na Web?
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
/Home Por que Usabilidade na Web?/Usabilidade/Conceitos
![Page 7: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/7.jpg)
Em 1998 cerca de 3 bilhões de dólares deixaram de ser ganhos
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
Voltar
![Page 8: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/8.jpg)
Em 2001 os Websites mais conhecidos de comércio eletrônico perderam 65% de suas vendas;
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
Voltar
![Page 9: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/9.jpg)
Em sites de comércio eletrônicos a interface precisa compensar a ausência do vendedor
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
Voltar
![Page 10: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/10.jpg)
O poder É DO CLIENTE
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
Voltar
![Page 11: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/11.jpg)
Na Web o usuário experimenta a usabilidade antes e compra depois
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
Voltar
![Page 12: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/12.jpg)
Recomendações (W3C)
Quando os sites são corretamente concebidos, desenvolvidos e editados, todos os usuários possam ter igual acesso à informação e funcionalidade.
Próxima
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
Home /Usabilidade/W3C
![Page 13: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/13.jpg)
Sugestões/Recomendações (W3C)
Terreno da tela
Área da tela
Tempo de resposta
Impressão
Facilidade
Anterior
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
Home /Usabilidade/W3C
![Page 14: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/14.jpg)
Erros da criação de web sites
Erro 1
Erro 2
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
Home /Usabilidade/Erros
![Page 15: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/15.jpg)
Não exibir o preço dos produtos no Websitehttp://www.nexxo.com.br/
![Page 16: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/16.jpg)
Sistemas de Busca pobres ou ineficazes http://www.chancetour.com.br/variados.asp
![Page 17: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/17.jpg)
Problemas de Usabilidade de Estudos de Caso
Case 3
Case 5
Case 1
Case 2
Case 4
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
Home /Usabilidade/Cases
![Page 18: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/18.jpg)
Objetivo: O usuário precisa apenas consultar o horário de vôo?
Problema detectado: A mensagem não estava clara
![Page 19: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/19.jpg)
Problemas com Usabilidade
![Page 20: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/20.jpg)
Problemas com usabilidade
![Page 21: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/21.jpg)
Olha o início
![Page 22: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/22.jpg)
Após 3 minutos
![Page 23: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/23.jpg)
Referências:
www.userdesign.comhttp://www.w3c.br/sobre/http://www.inf.ufsc.br/~cybis/ine5624/http://www.criarweb.com/artigos/469.phphttp://www.seara.com/fotos/editor2/usabilidade.pdfhttp://www.pdf-search-engine.com/usabilidade-pdf.htmlftp://ftp.unicamp.br/pub/apoio/treinamentos/tutoriais/tut_UsabilidadeWeb.pdfhttp://www.apostilando.com/download.php?cod=391&categoria=Outras%20Apostilas
• Home
• Conceitos
• W3C
• Erros
• Cases
• Referências
Usabilidade
Home /Usabilidade/Referências
![Page 24: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/24.jpg)
• Home
• Conceitos
• Projeto
• Avaliação
• Referências
Navegabilidade
/Home Navegabilidade
![Page 25: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/25.jpg)
O que é Navegabilidade?
Usabilidade X Navegabilidade
Qual importância da Navegabilidade?
Conceitos• Home
• Conceitos
• Projeto
• Avaliação
• Referências
Navegabilidade
/Home Conceitos/Navegabilidade
![Page 26: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/26.jpg)
O que é Navegabilidade?
Está relacionada à forma (maneira) como se navega por um site.
• Home
• Conceitos
• Projeto
• Avaliação
• Referências
Navegabilidade
/ O que é Navegabilidade?/Home Conceitos/Navegabilidade
![Page 27: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/27.jpg)
Qual importância da Navegabilidade?
Organização da informação
Princípio básico da Usabilidade
Wireframes
• Home
• Conceitos
• Projeto
• Avaliação
• Referências
Navegabilidade
Qual importância da Navegabilidade?//Home Conceitos/Navegabilidade
![Page 28: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/28.jpg)
Usabilidade X Navegabilidade
Usabilidade
Navegabilidade
• Home
• Conceitos
• Projeto
• Avaliação
• Referências
Navegabilidade
Usabilidade X Navegabilidade//Home Conceitos/Navegabilidade
![Page 29: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/29.jpg)
Mecanismos
Projeto Navegacional
Considerar aspectos
Contextos Navegacionais
Atividades Produtos Interesses do Projeto
Projeto de Navegação
Nós, elos, estruturas de acesso, contextos de navegação, transformações navegacionais.
Mapeamento entre objetos conceituais e de navegação. Padrões de navegação para a descrição da estrutura geral da aplicação.
Leva em conta o perfil do usuário e a tarefa; ênfase em aspetos cognitivos e arquiteturais.
• Home
• Conceitos
• Projeto
• Avaliação
• Referências
Navegabilidade
Projeto/Home /Navegabilidade
![Page 30: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/30.jpg)
Avaliando a Navegabilidade de um site
Número de cliques
Menu
Mapa do site
Ajuda, Dúvidas Freqüentes ou FAQs
Botões
Campo de busca
Localização do usuário
Identificação dos links
• Home
• Conceitos
• Projeto
• Avaliação
• Referências
Navegabilidade
Avaliação/Home /Navegabilidade
![Page 31: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/31.jpg)
![Page 32: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/32.jpg)
![Page 33: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/33.jpg)
Botões
![Page 34: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/34.jpg)
![Page 35: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/35.jpg)
Identificação
dos links
![Page 36: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/36.jpg)
![Page 37: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/37.jpg)
![Page 38: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/38.jpg)
![Page 39: Usabilidade e Navegabilidade](https://reader034.vdocuments.net/reader034/viewer/2022052523/555b3102d8b42ae82e8b4e55/html5/thumbnails/39.jpg)
• Home
• Conceitos
• Projeto
• Avaliação
• Referências
Navegabilidade
Referências:
http://www.alexandremagno.net/blog/2009/04/14/navegacao-em-um-site-topo-esquerda-ou-direita/http://www.oficinadanet.com.br/artigo/413/como_garantir_usabilidade_navegabilidade_e_interatividade.#http://www6.ufrgs.br/cursos_echos/criterios/navegacao.htmhttp://paginas.ucpel.tche.br/~lla/resumo.htmhttp://www.artigonal.com/web-design-artigos/importancia-da-boa-navegacao-em-um-site-974589.htmlhttp://www.criarweb.com/artigos/627.phphttp://www.lifia.info.unlp.edu.ar/~fer/oohdm/pg023.htmhttp://inf.cp.cefetpr.br/ligia/material/hipermidia/oohdm.pdf
Referências/Home /Navegabilidade