Aula 9_Usabilidade_Estacio Ceara

Prévia do material em texto

INTERAÇÃO HOMEM-MÁQUINA
Professor: David Falcão, M.Sc.
davidfalcaoprof@gmail.com
CURSO SUPERIOR DE TECNOLOGIA
DE DESENVOLVIMENTO DE SISTEMAS
Engenharia de Usabilidade – Prof. David Falcão 
Processo de Design Centrado no Usuário
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Heurísticas de Usabilidade
Surgiram através de estudos de Jakob Nielsen*;
Heurísticas compreendem um conjunto de diretrizes que formam o 
conhecimento para o tratamento de determinado problema. 
Heurísticas de usabilidade são princípios resultantes da experiência e, 
geralmente, aceitos que são aplicados no desenvolvimento de sistemas 
interativos. 
Servem como critérios para avaliação da usabilidade de uma interface.
*Fonte: http://www.useit.com/papers/heuristic/heuristic_list.html
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Heurísticas de Usabilidade
Visibilidade do estado do 
sistema
 O sistema deve informar 
continuamente ao usuário sobre o 
que ele está fazendo.
 10 segundos é o limite para manter 
a atenção do usuário focalizada no 
diálogo.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Heurísticas de Usabilidade
Correspondência entre 
sistema e mundo real
• A terminologia deve ser baseada 
na linguagem do usuário e não 
orientada ao sistema. 
• As informações devem ser 
organizadas conforme 
o modelo mental do usuário.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Heurísticas de Usabilidade
Controle e liberdade do usuário
• O usuário controla o sistema, ele pode, a qualquer momento, abortar uma 
tarefa, ou desfazer uma operação e retornar ao estado anterior.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Heurísticas de Usabilidade
Consistência e 
Padronização
• Um mesmo comando ou ação 
deve ter sempre o mesmo efeito.
• A mesma operação deve ser 
apresentada na mesma 
localização e deve ser 
formatada/apresentada da 
mesma maneira para facilitar o 
reconhecimento.
Word
Excel
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Heurísticas de Usabilidade
Prevenir erros
• Evitar situações de erro.
• Conhecer as situações que mais provocam erros e modificar a interface 
para que estes erros não ocorram.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Heurísticas de Usabilidade
Reconhecimento ao invés de memorização
• O sistema deve mostrar os elementos de diálogo e permitir que o usuário 
faça suas escolhas, sem a necessidade de lembrar um comando específico. 
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Heurísticas de Usabilidade
Flexibilidade e eficiência de uso
• Para usuários experientes executarem as 
operações mais rapidamente.
• Abreviações, teclas de função, duplo 
clique no mouse, função de volta em 
sistemas hipertexto.
• Atalhos também servem para recuperar 
informações que estão numa profundidade 
na árvore navegacional a partir da 
interface principal.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Heurísticas de Usabilidade
Design estético e minimalista
• Deve-se apresentar exatamente a 
informação que o usuário precisa no 
momento, nem mais nem menos.
• A seqüência da interação e o 
acesso aos objetos e operações 
devem ser compatíveis com o modo 
pelo qual o usuário realiza suas 
tarefas.
•Deve-se respeitar princípios de 
contraste, alinhamento, dentre outros
Funções da câmera são escondidas quando não 
utilizadas.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Heurísticas de Usabilidade
Ajuda para reconhecer, 
diagnosticar e remediar
erros
• Linguagem clara e sem códigos. 
• Devem ajudar o usuário a 
entender e resolver o problema.
• Não devem culpar 
ou intimidar o usuário.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Heurísticas de Usabilidade
Ajuda e documentação
• O ideal é que um software seja tão fácil de usar (intuitivo) que não 
necessite de ajuda ou documentação.
• Se for necessária, a ajuda deve estar facilmente acessível on-line.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Avaliação Heurística
Heurísticas para Arquitetura de Informação
- Criadas por Louis Rosenfeld
- Primeiras heurísticas específicas para arquitetura
da informação
Considera: 
• Página principal
• Interface de busca
• Resultados da busca
• Navegação global (site-wide)
• Navegação contextual
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Avaliação Heurística
Heurísticas para Arquitetura de Informação
Página Principal 
-Suporta múltiplas maneiras de alcançar o conteúdo? (busca, navegação local e 
global, índice remissivo, mapa do site, etc.)
- Destaca as melhores maneiras para alcançar o conteúdo? (suportar poucas 
maneiras que sejam úteis ao usuário é mais efetivo em termos de custos que prover 
todos as possíveis maneiras.)
- Orienta o usuário sobre o assunto do site e sobre qual é o conteúdo 
disponível? (isso é especialmente importante se houverem muitos usuários novatos 
que visitam o site.) 
- Atende aos usuários que já visitaram o site e sabem o que estão 
procurando?
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Avaliação Heurística
Heurísticas para Arquitetura de Informação
Interface de busca
-É fácil encontrá-la e está posicionada consistentemente? 
- É fácil de usá-la? (Uma simples caixa de busca com um botão é normalmente 
suficiente e geralmente é a primeira coisa que o usuário procura quando deseja fazer 
uma busca) 
-Permite que o usuário refaça ou refine sua busca? 
-- Os construtores de query são usados eficazmente? (os construtores de 
query incluem o corretor ortográfico, a pesquisa de radicais, a busca por conceito e a 
busca em tesauros.)
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Avaliação Heurística
Heurísticas para Arquitetura de Informação
Resultados da busca
-Os resultados relevantes estão no topo da lista? 
-Está claro quais foram os parâmetros usados na busca? 
(muitos mecanismos de busca repetem as palavras chaves e os parâmetros digitados)
- Está claro o que foi buscado? (isso é especialmente importante quando existem 
várias áreas de busca); Está claro quantos resultados foram encontrados? 
- As informações apresentadas para cada usuário são úteis? (deve existir 
informação suficiente para distinguir os resultados)
- Os resultados estão agrupados de uma forma útil?
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Avaliação Heurística
Heurísticas para Arquitetura de Informação
Navegação Global
- É possível se mover através do site com poucos cliques? 
- A amplitude e a profundidade da estrutura estão balanceadas? 
- Os rótulos são claros e significativos?
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Avaliação Heurística
Heurísticas para Arquitetura de Informação
Navegação contextual
- Está claro onde estou tanto em termos de qual site estou como também 
em que lugar dentro do site? 
- Existem poucas opções que me conduzem onde eu gostaria de ir em 
seguida? 
- As opções tem rótulos claros?
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Avaliação Heurística
TRATA-SE DE UM MÉTODO DE INSPEÇÃO
– O que é um método de inspeção?
Não envolve usuários.
Análise realizada por especialistas que advogam pelo usuário – ou
seja: sabendo os anseios e necessidades dos usuários, e conhecendo as
técnicas possíveis de IHC, avaliam se determinado artefato computacional
proporciona uma boa experiência para o usuário.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Avaliação Heurística - Procedimentos
Cada avaliador
– é guiado por um conjunto de heurísticas (princípios e regras básicas para
o design);
– julga a conformidadedo produto aos princípios e regras selecionados;
– anota que princípios e regras foram infringidos e onde;
– julga a gravidade dos problemas encontrados; e
– gera um relatório individual com suas conclusões e comentários.
A sessões individuais têm duração de 1 a 2 horas.
A interface é examinada mais de uma vez com vistas a descobrir infrações
dos princípios e regras heurísticas adotadas.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Avaliação Heurística – Lista de Verificação
- também conhecida como Check List; 
- através de sua utilização, evita-se esquecer questões importantes no projeto de 
interfaces;
- permite que haja uma previsão dos problemas que poderão surgir, além de 
possibilitar a medição dos efeitos da implementação e obter ideias ou soluções 
alternativas; 
-deve-se preparar uma lista de verificação de acordo com suas necessidades. Para 
isso, pode valer-se de outras já existentes. 
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Avaliação Heurística – Lista de Verificação
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Avaliação Heurística
Avaliação Heurística – Resultados
- O resultado de cada avaliador é consolidado num resumo geral.
- O resultado de uma avaliação heurística é uma lista de problemas de
usabilidade da interface com referências aos princípios de usabilidade que
foram violados e com sugestões de correção.
- O diagnóstico de um problema associado com as heurísticas traz
possibilidades concretas de redesign.
- Fazer uma sessão de discussão final envolvendo a equipe de avaliadores e
representantes da equipe de desenvolvimento.
Engenharia de Usabilidade – Prof. David Falcão 
Referências
PREECE, J.; ROGERS, Y.; SHARP, H. Design de interação: Além da interação homem-computador. 1a. Edição. 
Porto Alegre: Bookman, 2005 (bibliografia principal);
Slides do curso de Introdução à Interação Humano-Computador – Departamento de Informática –
PUC Rio – 2009. 
As 10 heurísticas de Nielsen http://www.usabilidoido.com.br/as_10_heuristicas_de_nielsen_.html
6 Tips for a Great Flex UX: Part 5 - http://designingwebinterfaces.com/6-tips-for-a-great-flex-ux-part-5