39
Navegabilidade Usabilidade INTERFACE HOMEM- MÁQUINA E SISTEMAS MULTIMÍDIA por Daniel Tavares [email protected]

Usabilidade e Navegabilidade

Embed Size (px)

DESCRIPTION

Interface Homem-MáquinaConceitos sobre navegabilidade em sistemas e usabilidade destes.

Citation preview

Page 1: Usabilidade e Navegabilidade

NavegabilidadeUsabilidade

INTERFACE HOMEM-MÁQUINA E SISTEMAS MULTIMÍDIA

por Daniel [email protected]

Page 2: Usabilidade e Navegabilidade

• Home

• Conceitos

• W3C

• Erros

• Cases

Usabilidade

• Referências

/Home Usabilidade

Page 3: Usabilidade e Navegabilidade

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

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

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

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

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

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

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

O poder É DO CLIENTE

• Home

• Conceitos

• W3C

• Erros

• Cases

• Referências

Usabilidade

Voltar

Page 11: Usabilidade e Navegabilidade

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

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

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

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

Não exibir o preço dos produtos no Websitehttp://www.nexxo.com.br/

Page 16: Usabilidade e Navegabilidade

Sistemas de Busca pobres ou ineficazes http://www.chancetour.com.br/variados.asp

Page 17: Usabilidade e Navegabilidade

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

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

Problemas com Usabilidade

Page 20: Usabilidade e Navegabilidade

Problemas com usabilidade

Page 21: Usabilidade e Navegabilidade

Olha o início

Page 22: Usabilidade e Navegabilidade

Após 3 minutos

Page 23: Usabilidade e Navegabilidade

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

• Home

• Conceitos

• Projeto

• Avaliação

• Referências

Navegabilidade

/Home Navegabilidade

Page 25: Usabilidade e Navegabilidade

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

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

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

Usabilidade X Navegabilidade

Usabilidade

Navegabilidade

• Home

• Conceitos

• Projeto

• Avaliação

• Referências

Navegabilidade

Usabilidade X Navegabilidade//Home Conceitos/Navegabilidade

Page 29: Usabilidade e Navegabilidade

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

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
Page 32: Usabilidade e Navegabilidade
Page 33: Usabilidade e Navegabilidade

Botões

Page 34: Usabilidade e Navegabilidade
Page 35: Usabilidade e Navegabilidade

Identificação

dos links

Page 36: Usabilidade e Navegabilidade
Page 37: Usabilidade e Navegabilidade
Page 38: Usabilidade e Navegabilidade
Page 39: Usabilidade e Navegabilidade

• 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