Estudo Heurístico de Usabilidade            site POP                       Maio de 2008                       Dr. Sergio L...
Índice                                       Sobre o estudo                                       Metodologia             ...
Índice                                       Sobre o estudo                                       Metodologia             ...
Estudo Heurístico O estudo heurístico tem como objetivo verificar se o site POPsegue aos critérios ergonômicos reconhecid...
Para este estudo, foram utilizadas              as seguintes técnicas:                                       Avaliação    ...
Índice                                       Sobre o estudo                                       Metodologia             ...
Avaliação Heurística                 Técnica na qual 5 avaliadores, com formações             distintas, realizam um julga...
A Avaliação foi norteada pelos seguintes Critérios Ergonômicos de Usabilidade:                                         1.1...
Critérios Ergonômicos de Usabilidade                                         4.1. Flexibilidade4. Adaptabilidade          ...
Critérios de Usabilidade:1. Orientação – refere-se ao conjunto de meios disponíveis paraaconselhar, informar e conduzir o ...
Critérios de Usabilidade:5. Gestão de Erros – refere-se às possibilidades de evitar ou diminuir aocorrência de erros e de ...
Ensaio de Interação              Consiste numa simulação de uso do sistema da qual               participam pessoas repres...
Ensaio de Interação       Montagem para ensaio de interação possui três etapas:1. Análise                                 ...
Data do Estudo                                Realizado no dia 09 de Maio de 2008Dr. Eng. Sergio Luis dos Santos Lima
Índice                                       Sobre o estudo                                       Metodologia             ...
Panorama é uma visão global da interface   amparada por um Ensaio de InteraçãoA primeira tarefa solicitada foi a de que o ...
Clique e veja a interação:
A impossibilidade de finalização desta tarefa  deveu-se a uma falha técnica de sistemaEntretanto a Densidade Informacional...
Subcritério                              Densidade InformacionalApresentação:Este critério diz respeito à carga de trabalh...
A segunda tarefa consistiu no participante encontrar a notícia sobre o resultado do  jogo do Flamengo pela Libertadores da...
Clique e veja a segunda tarefa:
Nesta tarefa percebe-se a existência de  problemas de usabilidade no Critério deOrientação, principalmente no subcritério ...
1. Orientação                                     Subcritério Condução Apresentação: Esse critério engloba os meios utiliz...
Subcritério Agrupamento/Distinção por1. Orientação                   Formato Apresentação: Diz respeito mais especificamen...
1. Orientação                                 Subcritério Legibilidade Apresentação: Diz respeito às características lexic...
Entretanto, tal como a primeira tarefa, oCritério Ergonômico de Usabilidade maisatingido é o de Carga de Trabalho, mais es...
2. Carga de Trabalho                       Subcritério Ações Mínimas Apresentação: Diz respeito à carga de trabalho em rel...
As ocorrências serão comentados com maiores detalhes nos resultados da   Avaliação Heurística a seguir ... Dr. Eng. Sergio...
Índice                                       Sobre o estudo                                       Metodologia             ...
As ocorrências são categorizadasem 4 níveis:         ALTA                   – ocorrência traz prejuízo ao cumprimento da t...
Resultados - Home                                                                           Poluição Visual (cores -      ...
Resultados - Home                                                                 Lógica: últimas notícias / esportes     ...
Resultados - Home                                                                 Não      consegue-se    identificar     ...
Resultados – POP News                                                                    A tela não orienta o usuário     ...
Resultados – POP Discador                                                                 Por que abre outra janela? Caso ...
Resultados – POP Discador                                                                 Barra de Menu espelha as falhas ...
Resultados – PAPO POP                                                                 Falta consistência: 3 possibilidades...
Resultados – MEU POP                                                                 Orientação com problemas. A tela     ...
Índice                                       Sobre o estudo                                       Metodologia             ...
Os problemas de usabilidade do sitePOP concentram-se em dois Critérios:                       • Condução                  ...
Para a Densidade Informacional     Recomendamos o caminho do critério         ergonômico de Flexibilidade                 ...
Para os problemas de usabilidade      referentes a Orientaçãorecomendamos uma nova Arquitetura            de InformaçãoDr....
Apesar de não ser escopo deste estudo o Planejamento da interfaceinfluiu bastante na precária qualidade             do sit...
Estudo Heurístico O estudo heurístico teve como objetivo verificar se o site POPsegue aos critérios ergonômicos reconheci...
Estudo Heurístico de Usabilidade            site POP                       Maio de 2008                       Dr. Sergio L...
Próximos SlideShares
Carregando em…5
×

Pop Estudo Heurístico de Usabilidade

847 visualizações

Publicada em

O estudo heurístico tem como objetivo verificar se o site POP segue aos critérios ergonômicos reconhecidos de usabilidade e de acessibilidade

Este tipo de análise não leva em conta as regras do negócio do cliente e não se aprofunda em questões estratégicas

Testes de usabilidade com uma amostra de usuários do portal e da concorrência são recomendados para uma análise mais precisa e imparcial

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
847
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
15
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Pop Estudo Heurístico de Usabilidade

  1. 1. Estudo Heurístico de Usabilidade site POP Maio de 2008 Dr. Sergio Luis dos Santos Lima sergiolusalima@hotmail.com 61 9286-8418
  2. 2. Índice Sobre o estudo Metodologia Panorama Ocorrências Conclusão e RecomendaçãoDr. Eng. Sergio Luis dos Santos Lima
  3. 3. Índice Sobre o estudo Metodologia Panorama Ocorrências Conclusão e RecomendaçãoDr. Eng. Sergio Luis dos Santos Lima
  4. 4. Estudo Heurístico O estudo heurístico tem como objetivo verificar se o site POPsegue aos critérios ergonômicos reconhecidos de usabilidade e deacessibilidade Este tipo de análise não leva em conta as regras do negócio docliente e não se aprofunda em questões estratégicas Testes de usabilidade com uma amostra de usuários do portal eda concorrência são recomendados para uma análise mais precisae imparcial Dr. Eng. Sergio Luis dos Santos Lima
  5. 5. Para este estudo, foram utilizadas as seguintes técnicas: Avaliação Heurística Ensaio de InteraçãoDr. Eng. Sergio Luis dos Santos Lima
  6. 6. Índice Sobre o estudo Metodologia Panorama Ocorrências Conclusão e RecomendaçãoDr. Eng. Sergio Luis dos Santos Lima
  7. 7. Avaliação Heurística Técnica na qual 5 avaliadores, com formações distintas, realizam um julgamento de valor sobre as qualidades ergonômicas das interfaces, baseados em sua experiência e competência no assuntoDr. Eng. Sergio Luis dos Santos Lima
  8. 8. A Avaliação foi norteada pelos seguintes Critérios Ergonômicos de Usabilidade: 1.1.Condução 1.2.Grupamento/ Distinção entre Itens 1.2.1.Grupamento/ Distinção por Localização 1.Orientação 1.2.2.Grupamento/ Distinção por Formato 1.3 Feedback Imediato 1.4 Clareza (Legibilidade) 2.1. Brevidade 2.1.1. Concisão 2. Carga de Trabalho 2.1.2. Ações Mínimas 2.2. Densidade Informacional (Carga Mental) 3.1. Ações Explícitas 3. Controle Explícito 3.2. Controle do Usuário Dr. Eng. Sergio Luis dos Santos Lima
  9. 9. Critérios Ergonômicos de Usabilidade 4.1. Flexibilidade4. Adaptabilidade 4.2. Consideração a Experiência do Usuário 5.1. Proteção Contra os Erros5. Gestão de Erros 5.2. Mensagens de Erros 5.3. Correção de Erros6. Homogeneidade/ Consistência7. Significado dos Códigos8. Compatibilidade Dr. Eng. Sergio Luis dos Santos Lima
  10. 10. Critérios de Usabilidade:1. Orientação – refere-se ao conjunto de meios disponíveis paraaconselhar, informar e conduzir o usuário na interação (mensagens,alarmes, rótulos)2. Carga de Trabalho – consiste no conjunto de elementos da interfaceque desempenham, para o usuário, um papel na redução de sua cargaperceptiva ou mnemônica e no aumento da eficiência do diálogo3. Controle Explícito – refere-se ao controle que o usuário tem sobre ainterface e, também, ao caráter explícito de suas ações4. Adaptabilidade – refere-se à capacidade da interface reagir segundoo contexto e segundo as necessidades e preferências dos usuários Dr. Eng. Sergio Luis dos Santos Lima
  11. 11. Critérios de Usabilidade:5. Gestão de Erros – refere-se às possibilidades de evitar ou diminuir aocorrência de erros e de corrigi-los6. Homogeneidade/ Consistência – refere-se à forma nas quais asescolhas na concepção da interface (códigos, denominações, formatos,procedimentos, etc.) são conservadas idênticas, em contextos idênticos, ediferentes, em contextos diferentes7. Significado dos Códigos – diz respeito à adequação semântica entreo objeto ou a informação apresentada e sua referência8. Compatibilidade – refere-se ao acordo que possa existir entre ascaracterísticas do usuário e as tarefas, de uma parte, e a organização dassaídas, das entradas e do diálogo de uma dada aplicação, de outra Dr. Eng. Sergio Luis dos Santos Lima
  12. 12. Ensaio de Interação Consiste numa simulação de uso do sistema da qual participam pessoas representativas da população- alvo, tentando fazer tarefas típicas de interação, com uma versão do sistema pretendido Neste estudo o Ensaio de Interação foi realizado com um participanteDr. Eng. Sergio Luis dos Santos Lima
  13. 13. Ensaio de Interação Montagem para ensaio de interação possui três etapas:1. Análise Reconhecimento da interfacePreliminar Pré-diagnóstico Ergonômico2. Definição dos Tarefa 1: Criar um fotologcenários e amostra Tarefa 2: Encontrar notícia Realização do ensaio3. Realização dos Análise do ensaioensaios Diagnóstico Geral Dr. Eng. Sergio Luis dos Santos Lima
  14. 14. Data do Estudo Realizado no dia 09 de Maio de 2008Dr. Eng. Sergio Luis dos Santos Lima
  15. 15. Índice Sobre o estudo Metodologia Panorama Ocorrências Conclusão e RecomendaçãoDr. Eng. Sergio Luis dos Santos Lima
  16. 16. Panorama é uma visão global da interface amparada por um Ensaio de InteraçãoA primeira tarefa solicitada foi a de que o participante criasse um fotolog Dr. Eng. Sergio Luis dos Santos Lima
  17. 17. Clique e veja a interação:
  18. 18. A impossibilidade de finalização desta tarefa deveu-se a uma falha técnica de sistemaEntretanto a Densidade Informacional foi ocritério que mais prejudicou a qualidade da interação Densidade Informacional é um dos subcritérios da Carga de Trabalho Carga de Trabalho consiste no conjunto de elementos da interface quedesempenham, para o usuário, um papel na redução de sua carga perceptiva ou mnemônica e no aumento da eficiência do diálogo Dr. Eng. Sergio Luis dos Santos Lima
  19. 19. Subcritério Densidade InformacionalApresentação:Este critério diz respeito à carga de trabalho do usuário de umponto de vista perceptivo e cognitivo, com relação ao conjuntototal de itens de informação apresentados aos usuáriosJustificativa:Na maioria das tarefas, o desempenho dos usuários pioraquando a densidade de informação é muito alta ou muito baixa.Nesses casos, é mais provável a ocorrência de erros. A carga dememorização dos usuários deve ser minimizada POP: o site tem uma densidade de informação muito alta, exigindo do usuário uma elevada carga percepto- cognitiva. Provavelmente este site possui um alto índice de rejeição pelo usuário . A má utilização de recursos intermitentes na interface agravam este quadro Dr. Eng. Sergio Luis dos Santos Lima
  20. 20. A segunda tarefa consistiu no participante encontrar a notícia sobre o resultado do jogo do Flamengo pela Libertadores da América Dr. Eng. Sergio Luis dos Santos Lima
  21. 21. Clique e veja a segunda tarefa:
  22. 22. Nesta tarefa percebe-se a existência de problemas de usabilidade no Critério deOrientação, principalmente no subcritério de Clareza (Legibilidade) Critério de Orientação refere-se ao conjunto de meios disponíveis para aconselhar, informar e conduzir o usuário na interação Este critério é subdividido em:1.1.Condução1.2.Grupamento/ Distinção entre Itens 1.2.1.Grupamento/ Distinção por Localização 1.2.2.Grupamento/ Distinção por Formato1.3 Feedback Imediato1.4 Clareza (Legibilidade) Dr. Eng. Sergio Luis dos Santos Lima
  23. 23. 1. Orientação Subcritério Condução Apresentação: Esse critério engloba os meios utilizados para levar o usuário a realizar determinadas ações. A condução diz respeito às informações que permitem ao usuário identificar o estado ou contexto no qual ele se encontra, bem como as ferramentas de ajuda e seu modo de acesso Justificativa: Uma boa condução guia o usuário. Desta forma, facilita a navegação e diminui a ocorrência de erros POP: O usuário desejava saber ‘mais notícias’ e clicou em últimas notícias. O usuário teve que aprender um caminho para resolver a tarefa. Isto é um problema grave de usabilidade Dr. Eng. Sergio Luis dos Santos Lima
  24. 24. Subcritério Agrupamento/Distinção por1. Orientação Formato Apresentação: Diz respeito mais especificamente às características gráficas (formato, cor, etc.) que indicam se itens pertencem ou não a uma dada classe, ou que indicam ainda distinções entre classes 2 diferentes ou distinções entre itens de uma dada classe Justificativa: 1 Será mais fácil para o usuário perceber relacionamento(s) entre itens ou classes de itens, se diferentes formatos ou diferentes códigos ilustrarem suas similaridades ou diferenças POP: Os diferentes tipos de elementos na interface não são visualmente distintos uns dos outros transmitindo associações e diferenças entre as funcionalidades. Durante a interação, o usuário não sabia se as notícias (1) estavam vinculadas ou não a notícia principal (2) Dr. Eng. Sergio Luis dos Santos Lima
  25. 25. 1. Orientação Subcritério Legibilidade Apresentação: Diz respeito às características lexicais das informações apresentadas na tela que possam dificultar ou facilitar a leitura dessa informação (brilho do caractere, contraste letra/fundo, tamanho da fonte, espaçamento entre palavras, espaçamento entre linhas, espaçamento de parágrafos, comprimento da linha, etc.) Justificativa: O desempenho melhora quando a apresentação da informação leva em conta as características cognitivas e perceptivas dos usuários. Uma boa legibilidade facilita a leitura da informação apresentada POP: As fontes do menu são pequenas e não estão em negrito. O termo editorias não foi percebida pelo usuário Dr. Eng. Sergio Luis dos Santos Lima
  26. 26. Entretanto, tal como a primeira tarefa, oCritério Ergonômico de Usabilidade maisatingido é o de Carga de Trabalho, mais especificamente em seu subcritério de Ações Mínimas Dr. Eng. Sergio Luis dos Santos Lima
  27. 27. 2. Carga de Trabalho Subcritério Ações Mínimas Apresentação: Diz respeito à carga de trabalho em relação ao número de ações necessárias à realização de uma tarefa. O que temos aqui é uma questão de limitar tanto quanto possível o número de passos que o usuário deve empregar Justificativa: Quanto mais numerosas e complexas forem as ações necessárias para se chegar a uma meta, maior a probabilidade de ocorrência de erros POP: O participante, que é experiente em internet, cria uma solução para resolucionar a tarefa e encontrar uma notícia de dois dias. E mesmo assim demora. O sistema deveria disponibilizar outros meios, como por exemplo mecanismos de busca a fim de minimizar as ações do usuário Dr. Eng. Sergio Luis dos Santos Lima
  28. 28. As ocorrências serão comentados com maiores detalhes nos resultados da Avaliação Heurística a seguir ... Dr. Eng. Sergio Luis dos Santos Lima
  29. 29. Índice Sobre o estudo Metodologia Panorama Ocorrências – Avaliação Heurística Conclusão e RecomendaçãoDr. Eng. Sergio Luis dos Santos Lima
  30. 30. As ocorrências são categorizadasem 4 níveis: ALTA – ocorrência traz prejuízo ao cumprimento da tarefa MODERADA – ocorrência pode induzir usuário ao erro BAIXA – práticas da boa usabilidade podem ser melhoradas OBSERVAÇÃO – sugestões de melhoria Dr. Eng. Sergio Luis dos Santos Lima
  31. 31. Resultados - Home Poluição Visual (cores - intermitência) e Densidade Informacional Problemas semânticos: excesso da terminologia POP A interface carece de consistência Ex: “meu POP no menu horizontal e no menu vertical” Menu vertical: confuso, variedades, serviços e conteúdos misturados sem uma lógica coerenteDr. Eng. Sergio Luis dos Santos Lima GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
  32. 32. Resultados - Home Lógica: últimas notícias / esportes e entretenimento. Existem ‘mais notícias’?? O Agrupamento dos elementos induz ao erro: “documento detalha duas décadas de programa nuclear’ as notícias abaixo desta significam o que? Planejamento inadequado: são dados graficamente pesos iguais a funcionalidades de grau de importância distintas (Ex: Enquete e POPMAIL) Área Caótica – necessita de uma busca de notíciasDr. Eng. Sergio Luis dos Santos Lima GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
  33. 33. Resultados - Home Não consegue-se identificar intuitivamente o que é do POP e o que é do site parceiro Definir um símbolo padrão para o convite à interação e reserve-o apenas para esse uso, bem como realize um posicionamento automático do cursor Teen / Video Pop / Saude Bucal /Negócios – cartela de cores semelhantesDr. Eng. Sergio Luis dos Santos Lima GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
  34. 34. Resultados – POP News A tela não orienta o usuário adequadamente. Deve-se colocar um mecanismo de buca de notícias, dentre outras soluções Menu horizontal: é dado prioridade para funcionalidades menos importantes Menu vertical: fraca legibilidade (ex: tamanho das fontes e formatação dos elementos)Dr. Eng. Sergio Luis dos Santos Lima GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
  35. 35. Resultados – POP Discador Por que abre outra janela? Caso clique em ‘Cadastre’ abrirá mais outra janela. É este peso que se pretende dar ao discador POP e ao acelerador POP Estão situados em área de alta importância Passo 2: venda cruzada. Não é uma boa prática de usabilidadeDr. Eng. Sergio Luis dos Santos Lima GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
  36. 36. Resultados – POP Discador Barra de Menu espelha as falhas no critério de orientação do site POP Por que dois downloads? Telefone de Acesso? Qual a lógica? Mostrar as cidades? Deve-se deixar claro o objetivo deste procedimento Para que cadastro POP como item de menu se já é uma chamada para todo o site?Dr. Eng. Sergio Luis dos Santos Lima GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
  37. 37. Resultados – PAPO POP Falta consistência: 3 possibilidades no submenu PAPO POP sendo 2 idênticas: Falta de consistência na barra de menu interna Linguagem tenta ser ‘POP’. Mas evoca a sensação de “forçar a barra”Dr. Eng. Sergio Luis dos Santos Lima GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
  38. 38. Resultados – MEU POP Orientação com problemas. A tela não explica quais funcionalidades e conteúdos serão explorados Redação ?! CONHECEÇA !? O MEU POP Isto pode provocar no usuário a sensação de que o conteúdo do site é desatualizado 2007Dr. Eng. Sergio Luis dos Santos Lima GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
  39. 39. Índice Sobre o estudo Metodologia Panorama Ocorrências – Avaliação Heurística Conclusão e RecomendaçãoDr. Eng. Sergio Luis dos Santos Lima
  40. 40. Os problemas de usabilidade do sitePOP concentram-se em dois Critérios: • Condução • Agrupamento por Orientação formato e localização • Clareza (Legibilidade) Carga de • Densidade Informacional Trabalho • Concisão
  41. 41. Para a Densidade Informacional Recomendamos o caminho do critério ergonômico de Flexibilidade Subcritério de FlexibilidadeApresentação:Refere-se aos meios colocados à disposição do usuário quelhe permitem personalizar a interface, a fim de levar emconta as suas necessidades ou seus hábitos de uso. Trata-se, em outros termos, da capacidade da interface de seadaptar as variadas ações do usuário Exemplo: O Google fornece ao usuário possibilidades de personalização, colocando a disposição meios que o permitam personalizar sua interface Dr. Eng. Sergio Luis dos Santos Lima
  42. 42. Para os problemas de usabilidade referentes a Orientaçãorecomendamos uma nova Arquitetura de InformaçãoDr. Eng. Sergio Luis dos Santos Lima
  43. 43. Apesar de não ser escopo deste estudo o Planejamento da interfaceinfluiu bastante na precária qualidade do site atual Dr. Eng. Sergio Luis dos Santos Lima
  44. 44. Estudo Heurístico O estudo heurístico teve como objetivo verificar se o site POPsegue aos critérios ergonômicos reconhecidos de usabilidade e deacessibilidade Este tipo de análise não leva em conta as regras do negócio docliente e não se aprofunda em questões estratégicas Testes de usabilidade com uma amostra de usuários do portal eda concorrência são recomendados para uma análise mais precisae imparcial Dr. Eng. Sergio Luis dos Santos Lima
  45. 45. Estudo Heurístico de Usabilidade site POP Maio de 2008 Dr. Sergio Luis dos Santos Lima sergiolusalima@hotmail.com 61 9286-8418

×