Usabilidade do site POP

Estudo Heurístico de Usabilidade

site POP

Maio de 2008
Dr. Sergio Luis dos Santos Lima
sergiolusalima@hotmail.com
61 9286-8418

Índice

Sobre o estudo
Metodologia
Panorama
Ocorrências
Conclusão e Recomendação

Dr. Eng. Sergio Luis dos Santos Lima

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


Para este estudo, foram utilizadas
as seguintes técnicas:

Avaliação
Heurística

Ensaio de
Interação

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


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


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


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


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


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


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


Data do Estudo

Realizado no dia 09 de Maio de 2008


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


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


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


A segunda tarefa consistiu no participante
encontrar a notícia sobre o resultado do
jogo do Flamengo pela Libertadores da
América


Clique e veja a segunda tarefa:

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)

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


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)


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


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


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


As ocorrências serão comentados com
maiores detalhes nos resultados da
Avaliação Heurística a seguir ...


Índice

Sobre o estudo
Metodologia
Panorama
Ocorrências – Avaliação Heurística
Conclusão e Recomendação


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


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

GRAVIDADE DA OCORRÊNCIA ALTA MODERADA BAIXA OBSERVAÇÃO

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


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


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)


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


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?


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”


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


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

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


Para os problemas de usabilidade
referentes a Orientação
recomendamos uma nova Arquitetura
de Informação


Apesar de não ser escopo deste
estudo o Planejamento da interface
influiu bastante na precária qualidade
do site atual


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


Usabilidade do site POP

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Usabilidade do site POP

Semelhante a Usabilidade do site POP (20)

Mais de Sergio Luis dos Santos Lima

Mais de Sergio Luis dos Santos Lima (20)

Usabilidade do site POP