pop estudo heurístico de usabilidade

45
Maio de 2008 Dr. Sergio Luis dos Santos Lima Estudo Heurístico de Usabilidade site POP [email protected] om 61 9286-8418

Upload: sergio-luis-dos-santos-lima

Post on 24-May-2015

597 views

Category:

Technology


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Pop Estudo Heurístico de Usabilidade

Maio de 2008Dr. Sergio Luis dos Santos Lima

Estudo Heurístico de Usabilidade

site POP

[email protected] 9286-8418

Page 2: Pop Estudo Heurístico de Usabilidade

Índice

Sobre o estudo

Metodologia

Panorama

Ocorrências

Conclusão e Recomendação

Dr. Eng. Sergio Luis dos Santos Lima

Page 3: Pop Estudo Heurístico de Usabilidade

Índice

Sobre o estudo

Metodologia

Panorama

Ocorrências

Conclusão e Recomendação

Dr. Eng. Sergio Luis dos Santos Lima

Page 4: Pop Estudo Heurístico de Usabilidade

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

Estudo Heurístico

Dr. Eng. Sergio Luis dos Santos Lima

Page 5: Pop Estudo Heurístico de Usabilidade

Para este estudo, foram utilizadas as seguintes

técnicas:

Avaliação Heurística

Ensaio de Interação

Dr. Eng. Sergio Luis dos Santos Lima

Page 6: Pop Estudo Heurístico de Usabilidade

Índice

Sobre o estudo

Metodologia

Panorama

Ocorrências

Conclusão e Recomendação

Dr. Eng. Sergio Luis dos Santos Lima

Page 7: Pop Estudo Heurístico de Usabilidade

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 assunto

Dr. Eng. Sergio Luis dos Santos Lima

Page 8: Pop Estudo Heurístico de Usabilidade

1.1.Condução1.2.Grupamento/ Distinção entre Itens

1.2.1.Grupamento/ Distinção por Localização1.2.2.Grupamento/ Distinção por Formato

1.3 Feedback Imediato1.4 Clareza (Legibilidade)

1.Orientação

2.1. Brevidade2.1.1. Concisão2.1.2. Ações Mínimas

2.2. Densidade Informacional (Carga Mental)2. Carga de Trabalho

3.1. Ações Explícitas3.2. Controle do Usuário3. Controle Explícito

A Avaliação foi norteada pelos seguintes Critérios Ergonômicos de Usabilidade:

Dr. Eng. Sergio Luis dos Santos Lima

Page 9: Pop Estudo Heurístico de Usabilidade

4.1. Flexibilidade4.2. Consideração a Experiência do Usuário4. Adaptabilidade

5.1. Proteção Contra os Erros5.2. Mensagens de Erros5.3. Correção de Erros

5. Gestão de Erros

6. Homogeneidade/ Consistência

8. Compatibilidade

7. Significado dos Códigos

Critérios Ergonômicos de Usabilidade

Dr. Eng. Sergio Luis dos Santos Lima

Page 10: Pop Estudo Heurístico de Usabilidade

1. Orientação – refere-se ao conjunto de meios disponíveis para aconselhar, informar e conduzir o usuário na interação (mensagens, alarmes, rótulos)

2. Carga de Trabalho – consiste no conjunto de elementos da interface que desempenham, 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

3. Controle Explícito – refere-se ao controle que o usuário tem sobre a interface e, também, ao caráter explícito de suas ações

4. Adaptabilidade – refere-se à capacidade da interface reagir segundo o contexto e segundo as necessidades e preferências dos usuários

Critérios de Usabilidade:

Dr. Eng. Sergio Luis dos Santos Lima

Page 11: Pop Estudo Heurístico de Usabilidade

Critérios de Usabilidade:

5. Gestão de Erros – refere-se às possibilidades de evitar ou diminuir a ocorrência de erros e de corrigi-los

6. Homogeneidade/ Consistência – refere-se à forma nas quais as escolhas na concepção da interface (códigos, denominações, formatos, procedimentos, etc.) são conservadas idênticas, em contextos idênticos, e diferentes, em contextos diferentes

7. Significado dos Códigos – diz respeito à adequação semântica entre o objeto ou a informação apresentada e sua referência

8. Compatibilidade – refere-se ao acordo que possa existir entre as características do usuário e as tarefas, de uma parte, e a organização das saídas, das entradas e do diálogo de uma dada aplicação, de outra

Dr. Eng. Sergio Luis dos Santos Lima

Page 12: Pop Estudo Heurístico de Usabilidade

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 participante

Dr. Eng. Sergio Luis dos Santos Lima

Page 13: Pop Estudo Heurístico de Usabilidade

Montagem para ensaio de interação possui três etapas:

Ensaio de Interação

Reconhecimento da interfacePré-diagnóstico Ergonômico

1. Análise Preliminar

Tarefa 1: Criar um fotologTarefa 2: Encontrar notícia

2. Definição dos cenários e amostra

Realização do ensaioAnálise do ensaioDiagnóstico Geral

3. Realização dos ensaios

Dr. Eng. Sergio Luis dos Santos Lima

Page 14: Pop Estudo Heurístico de Usabilidade

Data do Estudo

Realizado no dia 09 de Maio de 2008

Dr. Eng. Sergio Luis dos Santos Lima

Page 15: Pop Estudo Heurístico de Usabilidade

Índice

Sobre o estudo

Metodologia

Panorama

Ocorrências

Conclusão e Recomendação

Dr. Eng. Sergio Luis dos Santos Lima

Page 16: Pop Estudo Heurístico de Usabilidade

Panorama é uma visão global da interface amparada por um Ensaio de Interação

A primeira tarefa solicitada foi a de que o participante criasse um fotolog

Dr. Eng. Sergio Luis dos Santos Lima

Page 17: Pop Estudo Heurístico de Usabilidade

Clique e veja a interação:

Page 18: Pop Estudo Heurístico de Usabilidade

A impossibilidade de finalização desta tarefa deveu-se a uma falha técnica de sistema

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

Densidade Informacional é um dos subcritérios da Carga de Trabalho

Entretanto a Densidade Informacional foi o critério que mais prejudicou a qualidade da

interação

Dr. Eng. Sergio Luis dos Santos Lima

Page 19: Pop Estudo Heurístico de Usabilidade

Apresentação: Este critério diz respeito à carga de trabalho do usuário de um ponto de vista perceptivo e cognitivo, com relação ao conjunto total de itens de informação apresentados aos usuários

Subcritério Densidade Informacional

Justificativa: Na maioria das tarefas, o desempenho dos usuários piora quando a densidade de informação é muito alta ou muito baixa. Nesses casos, é mais provável a ocorrência de erros. A carga de memorizaçã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

Page 20: Pop Estudo Heurístico de Usabilidade

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

Page 21: Pop Estudo Heurístico de Usabilidade

Clique e veja a segunda tarefa:

Page 22: Pop Estudo Heurístico de Usabilidade

Nesta tarefa percebe-se a existência de problemas de usabilidade no Critério de

Orientaçã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ção1.2.2.Grupamento/ Distinção por Formato

1.3 Feedback Imediato1.4 Clareza (Legibilidade)

Dr. Eng. Sergio Luis dos Santos Lima

Page 23: Pop Estudo Heurístico de Usabilidade

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

Subcritério Condução1. Orientação

Dr. Eng. Sergio Luis dos Santos Lima

Page 24: Pop Estudo Heurístico de Usabilidade

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 diferentes ou distinções entre itens de uma dada classe

Justificativa: 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)

Subcritério Agrupamento/Distinção por Formato

2

1. Orientação

1

Dr. Eng. Sergio Luis dos Santos Lima

Page 25: Pop Estudo Heurístico de Usabilidade

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.)

Subcritério Legibilidade

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

1. Orientação

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

Page 26: Pop Estudo Heurístico de Usabilidade

Entretanto, tal como a primeira tarefa, o Critério Ergonômico de Usabilidade mais atingido é o de Carga de Trabalho, mais especificamente em seu subcritério de

Ações Mínimas

Dr. Eng. Sergio Luis dos Santos Lima

Page 27: Pop Estudo Heurístico de Usabilidade

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

Subcritério Ações Mínimas

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

2. Carga de Trabalho

Dr. Eng. Sergio Luis dos Santos Lima

Page 28: Pop Estudo Heurístico de Usabilidade

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

Page 29: Pop Estudo Heurístico de Usabilidade

Índice

Sobre o estudo

Metodologia

Panorama

Ocorrências – Avaliação

Heurística

Conclusão e Recomendação

Dr. Eng. Sergio Luis dos Santos Lima

Page 30: Pop Estudo Heurístico de Usabilidade

MODERADA

ALTA

BAIXA

OBSERVAÇÃO

– ocorrência traz prejuízo ao cumprimento da tarefa

– ocorrência pode induzir usuário ao erro

– práticas da boa usabilidade podem ser melhoradas

– sugestões de melhoria

As ocorrências são categorizadas em 4 níveis:

Dr. Eng. Sergio Luis dos Santos Lima

Page 31: Pop Estudo Heurístico de Usabilidade

Resultados - HomePoluição Visual (cores -

intermitência) e Densidade Informacional

ALTA MODERADA BAIXA OBSERVAÇÃOGRAVIDADE DA OCORRÊNCIA

Problemas semânticos: excesso da terminologia POP

A interface carece de consistênciaEx: “meu POP no menu horizontal e no

menu vertical”

Dr. Eng. Sergio Luis dos Santos Lima

Menu vertical: confuso, variedades, serviços e conteúdos

misturados sem uma lógica coerente

Page 32: Pop Estudo Heurístico de Usabilidade

Resultados - Home

ALTA MODERADA BAIXA OBSERVAÇÃOGRAVIDADE DA OCORRÊNCIA

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?

Área Caótica – necessita de uma busca de notícias

Planejamento inadequado: são dados graficamente pesos iguais a funcionalidades de grau de importância distintas (Ex: Enquete e

POPMAIL)

Dr. Eng. Sergio Luis dos Santos Lima

Page 33: Pop Estudo Heurístico de Usabilidade

Resultados - Home

ALTA MODERADA BAIXA OBSERVAÇÃOGRAVIDADE DA OCORRÊNCIA

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 semelhantes

Dr. Eng. Sergio Luis dos Santos Lima

Page 34: Pop Estudo Heurístico de Usabilidade

Resultados – POP NewsA tela não orienta o usuário

adequadamente. Deve-se colocar um mecanismo de buca de

notícias, dentre outras soluções

ALTA MODERADA BAIXA OBSERVAÇÃOGRAVIDADE DA OCORRÊNCIA

Menu vertical: fraca legibilidade (ex: tamanho das fontes e formatação dos

elementos)

Menu horizontal: é dado prioridade para funcionalidades

menos importantes

Dr. Eng. Sergio Luis dos Santos Lima

Page 35: Pop Estudo Heurístico de Usabilidade

Resultados – POP Discador

ALTA MODERADA BAIXA OBSERVAÇÃOGRAVIDADE DA OCORRÊNCIA

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

Dr. Eng. Sergio Luis dos Santos Lima

Passo 2: venda cruzada. Não é uma boa prática de usabilidade

Page 36: Pop Estudo Heurístico de Usabilidade

Resultados – POP Discador

Telefone de Acesso? Qual a lógica? Mostrar as cidades? Deve-se deixar claro o objetivo deste procedimento

ALTA MODERADA BAIXA OBSERVAÇÃOGRAVIDADE DA OCORRÊNCIA

Por que dois downloads?

Dr. Eng. Sergio Luis dos Santos Lima

Para que cadastro POP como item de menu se já é uma chamada para todo

o site?

Barra de Menu espelha as falhas no critério de orientação do site

POP

Page 37: Pop Estudo Heurístico de Usabilidade

Resultados – PAPO POPFalta consistência: 3 possibilidades

no submenu PAPO POP sendo 2 idênticas:

ALTA MODERADA BAIXA OBSERVAÇÃOGRAVIDADE DA OCORRÊNCIA

Linguagem tenta ser ‘POP’. Mas evoca a sensação de “forçar a

barra”

Falta de consistência na barra de menu interna

Dr. Eng. Sergio Luis dos Santos Lima

Page 38: Pop Estudo Heurístico de Usabilidade

Resultados – MEU POP

ALTA MODERADA BAIXA OBSERVAÇÃOGRAVIDADE DA OCORRÊNCIA

Redação?! CONHECEÇA !? O

MEU POP

2007

Isto pode provocar no usuário a sensação de que o conteúdo do

site é desatualizado

Dr. Eng. Sergio Luis dos Santos Lima

Orientação com problemas. A tela não explica quais funcionalidades

e conteúdos serão explorados

Page 39: Pop Estudo Heurístico de Usabilidade

Índice

Sobre o estudo

Metodologia

Panorama

Ocorrências – Avaliação

Heurística

Conclusão e Recomendação

Dr. Eng. Sergio Luis dos Santos Lima

Page 40: Pop Estudo Heurístico de Usabilidade

Os problemas de usabilidade do site POP concentram-se em dois Critérios:Orientação

• Condução• Agrupamento por formato e localização• Clareza (Legibilidade)

Carga de Trabalho

Page 41: Pop Estudo Heurístico de Usabilidade

Apresentação: Refere-se aos meios colocados à disposição do usuário que lhe permitem personalizar a interface, a fim de levar em conta as suas necessidades ou seus hábitos de uso. Trata-se, em outros termos, da capacidade da interface de se adaptar 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

Para a Densidade Informacional Recomendamos o caminho do critério

ergonômico de FlexibilidadeSubcritério de Flexibilidade

Dr. Eng. Sergio Luis dos Santos Lima

Page 42: Pop Estudo Heurístico de Usabilidade

Para os problemas de usabilidade referentes a Orientação

recomendamos uma nova Arquitetura de Informação

Dr. Eng. Sergio Luis dos Santos Lima

Page 43: Pop Estudo Heurístico de Usabilidade

Apesar de não ser escopo deste estudo o Planejamento da interface

influiu bastante na precária qualidade do site atual

Dr. Eng. Sergio Luis dos Santos Lima

Page 44: Pop Estudo Heurístico de Usabilidade

O estudo heurístico teve 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

Estudo Heurístico

Dr. Eng. Sergio Luis dos Santos Lima

Page 45: Pop Estudo Heurístico de Usabilidade

Maio de 2008Dr. Sergio Luis dos Santos Lima

Estudo Heurístico de Usabilidade

site POP

[email protected] 9286-8418