O documento resume um estudo de usabilidade do site POP realizado em maio de 2008. O estudo utilizou avaliação heurística e ensaios de interação com usuários para identificar problemas. Os principais problemas encontrados foram alta densidade informacional, falta de orientação do usuário e número excessivo de etapas necessárias para completar tarefas.
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
Pop Estudo Heurístico de Usabilidade
1. Estudo Heurístico de Usabilidade
site POP
Maio de 2008
Dr. Sergio Luis dos Santos Lima
sergiolusalima@hotmail.com
61 9286-8418
2. Índice
Sobre o estudo
Metodologia
Panorama
Ocorrências
Conclusão e Recomendação
Dr. Eng. Sergio Luis dos Santos Lima
3. Índice
Sobre o estudo
Metodologia
Panorama
Ocorrências
Conclusão e Recomendação
Dr. Eng. Sergio Luis dos Santos Lima
4. Estudo Heurístico
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
Dr. Eng. Sergio Luis dos Santos Lima
5. Para este estudo, foram utilizadas
as seguintes técnicas:
Avaliação
Heurística
Ensaio de
Interação
Dr. Eng. Sergio Luis dos Santos Lima
6. Índice
Sobre o estudo
Metodologia
Panorama
Ocorrências
Conclusão e Recomendação
Dr. Eng. Sergio Luis dos Santos Lima
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 assunto
Dr. Eng. Sergio Luis dos Santos Lima
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. Critérios Ergonômicos de Usabilidade
4.1. Flexibilidade
4. Adaptabilidade
4.2. Consideração a Experiência do Usuário
5.1. Proteção Contra os Erros
5. Gestão de Erros 5.2. Mensagens de Erros
5.3. Correção de Erros
6. Homogeneidade/ Consistência
7. Significado dos Códigos
8. Compatibilidade
Dr. Eng. Sergio Luis dos Santos Lima
10. Critérios 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
Dr. Eng. Sergio Luis dos Santos Lima
11. 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
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 participante
Dr. Eng. Sergio Luis dos Santos Lima
13. Ensaio de Interação
Montagem para ensaio de interação possui três etapas:
1. Análise Reconhecimento da interface
Preliminar Pré-diagnóstico Ergonômico
2. Definição dos Tarefa 1: Criar um fotolog
cenários e amostra Tarefa 2: Encontrar notícia
Realização do ensaio
3. Realização dos
Análise do ensaio
ensaios
Diagnóstico Geral
Dr. Eng. Sergio Luis dos Santos Lima
14. Data do Estudo
Realizado no dia 09 de Maio de 2008
Dr. Eng. Sergio Luis dos Santos Lima
15. Índice
Sobre o estudo
Metodologia
Panorama
Ocorrências
Conclusão e Recomendação
Dr. Eng. Sergio Luis dos Santos Lima
16. 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
18. A impossibilidade de finalização desta tarefa
deveu-se a uma falha técnica de sistema
Entretanto a Densidade Informacional foi o
crité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 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
Dr. Eng. Sergio Luis dos Santos Lima
19. Subcritério
Densidade Informacional
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
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
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
22. 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ção
1.2.Grupamento/ Distinção entre Itens
1.2.1.Grupamento/ Distinção por Localização
1.2.2.Grupamento/ Distinção por Formato
1.3 Feedback Imediato
1.4 Clareza (Legibilidade)
Dr. Eng. Sergio Luis dos Santos Lima
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. Subcritério Agrupamento/Distinção por
1. 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. 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. 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
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. 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. Índice
Sobre o estudo
Metodologia
Panorama
Ocorrências – Avaliação Heurística
Conclusão e Recomendação
Dr. Eng. Sergio Luis dos Santos Lima
30. As ocorrências são categorizadas
em 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. 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 coerente
Dr. Eng. Sergio Luis dos Santos Lima
GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
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ícias
Dr. Eng. Sergio Luis dos Santos Lima
GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
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
semelhantes
Dr. Eng. Sergio Luis dos Santos Lima
GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
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. 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 usabilidade
Dr. Eng. Sergio Luis dos Santos Lima
GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
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. 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. 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
2007
Dr. Eng. Sergio Luis dos Santos Lima
GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO
39. Índice
Sobre o estudo
Metodologia
Panorama
Ocorrências – Avaliação Heurística
Conclusão e Recomendação
Dr. Eng. Sergio Luis dos Santos Lima
40. Os problemas de usabilidade do site
POP 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. Para a Densidade Informacional
Recomendamos o caminho do critério
ergonômico de Flexibilidade
Subcritério de Flexibilidade
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
Dr. Eng. Sergio Luis dos Santos Lima
42. Para os problemas de usabilidade
referentes a Orientação
recomendamos uma nova Arquitetura
de Informação
Dr. Eng. Sergio Luis dos Santos Lima
43. 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
44. Estudo Heurístico
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
Dr. Eng. Sergio Luis dos Santos Lima
45. Estudo Heurístico de Usabilidade
site POP
Maio de 2008
Dr. Sergio Luis dos Santos Lima
sergiolusalima@hotmail.com
61 9286-8418