SlideShare une entreprise Scribd logo
1  sur  77
Télécharger pour lire hors ligne
4
5
6
7
8
Questionários de respostas fixas
Questionários de respostas abertas
10
Questionários
n
n
n
n
n
11
Questionários
n
n
12
Questionários
Dê preferência para questões fechadas
13
Questionários
14
Questionários
16
DiáriodeUso/IncidentDiaries
n
n
n
17
DiáriodeUso/IncidentDiaries
n
n
n
18
DiáriodeUso/IncidentDiaries
19
DiáriodeUso/IncidentDiaries
21
FeatureChecklist
n
n
n
n
n
22
FeatureChecklist
n
n
n
23
FeatureChecklist
24
FeatureChecklist
26
ObservaçãodeCampo
n
27
ObservaçãodeCampo
n
n
n
n
n
28
ObservaçãodeCampo
29
ObservaçãodeCampo
31
32
EntrevistaContextual
n
n
33
EntrevistaContextual
n
n
n
n
n
34
EntrevistaContextual
35
EntrevistaContextual
O pesquisador pode estar com os participantes
O pesquisador pode deixar instruções e se retirar para
observar de outro lugar
37
Co-discovery
n
n
38
Co-discovery
n
n
n
39
Co-discovery
40
Co-discovery
critérios de usabilidade
42
AnálisedeTarefa
43
AvaliaçãoHeurística
http://www.useit.com/papers/heuristic/heuristic_evaluation.html
44
AvaliaçãoHeurística
Avaliação
Heurística
qualquer
produto
rápido
econômico
sem
participantes
qualquer
fase de
desenv.
eficiente
n
45
AvaliaçãoHeurística
individualmente
Em grupo
46
AvaliaçãoHeurística
Princípios de
Usabilidade
1. Explore a
interface
2. Procure por
problemas de
Usabilidade
3. Informe o
problema
4. Faça sugestões
5. Defina o nível de
severidade
6. Discuta os
problemas
7. Escreva o
relatório 1 especialista
47
AvaliaçãoHeurística
48
AvaliaçãoHeurística
1.1 – Primeiro contato
Explore a interface a ser avaliada para entender o fluxo de
navegação e ter uma ideia geral sobre o produto e
interação.
1.2 – Segundo contato
Explore a interface para entender as tarefas dos usuários.
Por exemplo, abrir o aplicativo, logar, inserir dados, editar,
excluir e assim por diante.
1.3 – Liste as tarefas
Liste as tarefas para guiar vpcê durante a avaliação. Se
possível considere todas as tarefas para interfaces menos
complexas e as principais tarefas para interfaces mais
complexas ou com níveis de navegação muito profundos. Se
necessário, separe a interface do sistema em partes.
Explore a interface
1
Step
Note: É possível
encontrar
problemas desde o
começo quando se
está explorando a
interface, mas
tente focar na
exploração sempre
que possível
49
AvaliaçãoHeurística
2.1 - Realize as tarefas do usuário
(Cognitive Walkthrough method)
Realize cada tarefa do usuário e faça anotações se você encontrar
alguma dificuldade em realizá-las ou se algo não estiver claro, se
você tiver alguma dúvida. Tente encontrar as razões pelas quais é
difícil completar a tarefa ou o porquê não é claro o suficiente.
2.2 – E/OU verificando os princípios de Usabilidade
Verifique os princípios de Usabilidade e fala anotações se você
encontrar algo que não está de acordo com os princípios.
2.3 - E/OU verificando cada item da interface
(navegação por menu)
Verifique cada item da interface: ícones, labels/rótulos, formatos de
botões, cores, textos, localização dos itens etc. Faça anotações se os
itens estiverem em desacordo com os princípios de Usabilidade.
Procure por problemas de Usabilidade
2
Step
Note: Cada
avaliador se
adaptará a uma
forma de
encontrar
problemas. Tente
diferentes formas
até encontrar o
que é melhor para
você!
50
AvaliaçãoHeurística
2.4 – Aspectos positivos
É natural encontrar aspectos positivos na interface. Informe os
aspectos positivos à equipe de desenvolvimento para que eles
tenham um melhor entendimento sobre o desenvolvimento da
interface.
2.5 – Outras observações
Se você encontrar itens que não necessariamente são problemas de
Usabilidade como por exemplo, palavras com erros de ortografia,
problemas relacionados a qualidade do design gráfico ou referentes
à qualidade dos textos ou mesmo bugs do sistema, informe-os para
a equipe de desenvolvimento em um capítulo à parte do relatório
chamado “Observações”.
Procure por problemas de Usabilidade
2
Step
Note: Se a
interface tem
muitos bugs e não
há tempo para
escrevê-los,
somente informe à
equipe o fato de
existir muitos bugs
no sistema. Não
gaste muito tempo
com este item.
51
AvaliaçãoHeurística
3.1 – Onde está o problema
Use imagens para indicar onde está localizado o problema. Para sistemas mais
complexos informe o local do problema, por exemplo “Home”.
3.2 – Destaque o problema
Utilize um print screen da tela e destaue o problema
3.3 – Informe o princípio de Usabilidade infringido
Inform which of the principles that the problem infringes.
Is possible that one problem infringes more than one Usability principle.
Informe o problema
3
Step
52
AvaliaçãoHeurística
3.4 – Categoria
Informe se o problema é relacionado a área de Design de Interação, Design Gráfico,
Design de informação, Sound Design etc.
3.5 - Descreva o problema de Usabilidade
Informe qual é o problema de Usabilidade. Por exemplo, se há falta de informação
para realizar a tarefa, o que está sendo comunicado incorretamente etc.
3.6 – Possíveis consequências
Informe o que pode acontecer com a tarefa ou o usuário.
Por exemplo a possibilidade do usuário não completar a tarefa, cometer erros,
ou se sentir confuso.
Informe o problema
3
Step
53
AvaliaçãoHeurística
4.1 – Sugestões víáveias
Faça sugestões viáveis para resolver os problemas
4.2 – Sugestões ousadas
Priorize sugestões viáveis para o projeto atual, mas também é importante considerar
projetos futuros informando sugestões mais ousadas.
Faça sugestões
4
Step
54
AvaliaçãoHeurística
Alta - Barreira
Se refere aos aspectos da interface que podem bloquear o cumprimento da tarefa. O
usuário se depara sucessivas vezes com o problema mas não aprende como suplantar
o problema sem ajuda externa. Uma barreira faz com que o usuário desista de usar a
função, ou seja afeta a eficácia da tarefa.
Médio - Obstáculo
Se refere aos aspectos da interface no qual o usuário se depara algumas vezes mas
aprende a sumplantá-la. Obstáculos causam perdas de eficácia ou de eficiência.
Baixo – Ruído
Se refere aos aspectos da interface que não consistem em barreiras e nem obstáculos,
mas que causam uma perde na performance da tarefa. O usuário pode desenvolver
uma má impressão sobre o sistema devido aos ruídos durante a interação.
Defina o nível de severidade
5
Step
55
AvaliaçãoHeurística
56
AvaliaçãoHeurística
6.1 - Pontos comuns
Discuta os problemas comuns. Isto pode ajudar a equipe a ter uma ideia geral se a
interface possui problemas claros. Discuta as melhores sugestões com a equipe
avaliadora.
6.2 – Pontos divergentes
Discuta os pontos divergentes e tente usar diferentes pontos de vista. Nestes casos é
possível encontrar mais problemas. Discuta as melhores sugestões com a equipe.
6.3 – Acorde o nível de severidade dos problemas
Discuta o nível de severidade com a equipe. Se o sistema “barreira, obstáculo e ruído”
não funcionar, tente discutir o impacto na tarefa no contexto real de uso.
Discuta os problemas
6
Step
57
AvaliaçãoHeurística
6.1 - Pontos comuns
Discuta os problemas comuns. Isto pode ajudar a equipe a ter uma ideia geral se a
interface possui problemas claros. Discuta as melhores sugestões com a equipe
avaliadora.
6.2 – Pontos divergentes
Discuta os pontos divergentes e tente usar diferentes pontos de vista. Nestes casos é
possível encontrar mais problemas. Discuta as melhores sugestões com a equipe.
6.3 – Acorde o nível de severidade dos problemas
Discuta o nível de severidade com a equipe. Se o sistema “barreira, obstáculo e ruído”
não funcionar, tente discutir o impacto na tarefa no contexto real de uso.
Discuta os problemas
6
Step
58
AvaliaçãoHeurística
7.1 - Introdução
Ofereça informações sobre o produto avaliado
7.2 - Metodologia
Descreva o número de especialistas e a metodologia de Avaliação Heurística
7.3 – Aspectos positivos
Explique brevemente os pontos positivos da interface em uma página.
Desenvolva o relatório
7
Step
59
AvaliaçãoHeurística
7.4 - Problemas de Usabilidade
Para interfaces mais simples agrupe os problemas de Usabilidade por nível de
severidade. Para interfaces mais complexas, agrupe os problemas por parte do
sistema.
7.5 - Observações
Liste as observações não consideradas problemas de Usabilidade.
7.6 – Tabela de problemas
Faça uma tabela com o número de problemas por nível de severidade.
A tabela oferece uma ideia geral para a equipe se a interface está fácil de usar ou não.
Desenvolva o relatório
7
Step
60
AvaliaçãoHeurística
7.7 – Considerações finais
Escreva as considerações finais de forma a enfatizar os problemas de alta severidade
ou os quais estão relacionados com princípios de Usabilidade específicos. Por
exemplo, se existem muitos problemas de Gestão de erro, é bom ressaltar a
importância e as consequências deste princípio infringido.
Desenvolva o relatório
7
Step
62
PaperPrototype
Baixa fidelidade
Média fidelidade
Alta fidelidade
63
PaperPrototype
n
n
n
n
64
PaperPrototype
n
n
n
n
65
PaperPrototype
66
PaperPrototype
67
PaperPrototype
Grupo 1
Grupo 2
Grupo 3
68
PaperPrototype
Roteiro
69
PaperPrototype
71
CardSorting
n
n
n
72
CardSorting
n
73
CardSorting
74
CardSorting
75
CardSorting
76
AvaliaçãoHeurística
Curso Avaliação de Interfaces

Contenu connexe

Tendances

5. Análise de dados em testes de usabilidade
5. Análise de dados em testes de usabilidade5. Análise de dados em testes de usabilidade
5. Análise de dados em testes de usabilidadeLuiz Agner
 
Teste de usabilidade - Configurando o seu ambiente de testes
Teste de usabilidade - Configurando o seu ambiente de testesTeste de usabilidade - Configurando o seu ambiente de testes
Teste de usabilidade - Configurando o seu ambiente de testesLuiz Agner
 
Cap. 11 análise de dados e observações
Cap. 11   análise de dados e observaçõesCap. 11   análise de dados e observações
Cap. 11 análise de dados e observaçõesLuiz Agner
 
4. Debriefing em testes de usabilidade
4. Debriefing  em testes de usabilidade4. Debriefing  em testes de usabilidade
4. Debriefing em testes de usabilidadeLuiz Agner
 
Teste de usabilidade - Materiais do teste
Teste de usabilidade - Materiais do testeTeste de usabilidade - Materiais do teste
Teste de usabilidade - Materiais do testeLuiz Agner
 
Cap. 8 preparar materiais para o teste
Cap. 8   preparar materiais para o testeCap. 8   preparar materiais para o teste
Cap. 8 preparar materiais para o testeLuiz Agner
 
9. Ferramentas de testes online user zoom
9. Ferramentas de testes online user zoom9. Ferramentas de testes online user zoom
9. Ferramentas de testes online user zoomLuiz Agner
 
1. Ambientes para testes de usabilidade
1. Ambientes para testes de usabilidade1. Ambientes para testes de usabilidade
1. Ambientes para testes de usabilidadeLuiz Agner
 
Testando na Gringa - Se preparando para uma entrevista técnica para uma vaga ...
Testando na Gringa - Se preparando para uma entrevista técnica para uma vaga ...Testando na Gringa - Se preparando para uma entrevista técnica para uma vaga ...
Testando na Gringa - Se preparando para uma entrevista técnica para uma vaga ...Walmyr Lima e Silva Filho
 
Teste de usabilidade - Ferramentas online para testes
Teste de usabilidade - Ferramentas online para testesTeste de usabilidade - Ferramentas online para testes
Teste de usabilidade - Ferramentas online para testesLuiz Agner
 
10. Identificando os problemas de usabilidade com eye tracking
10. Identificando os problemas de usabilidade com eye tracking10. Identificando os problemas de usabilidade com eye tracking
10. Identificando os problemas de usabilidade com eye trackingLuiz Agner
 
Oficina de Teste de Usabilidade
Oficina de Teste de UsabilidadeOficina de Teste de Usabilidade
Oficina de Teste de UsabilidadeUTFPR
 
3. Conduzindo sessões de testes de usabilidade
3. Conduzindo sessões de testes de usabilidade3. Conduzindo sessões de testes de usabilidade
3. Conduzindo sessões de testes de usabilidadeLuiz Agner
 
Palestra - Testes de Usabilidade
Palestra - Testes de UsabilidadePalestra - Testes de Usabilidade
Palestra - Testes de UsabilidadeLuiz Agner
 
2. Preparando materiais para testes de usabilidade
2. Preparando materiais para testes de usabilidade2. Preparando materiais para testes de usabilidade
2. Preparando materiais para testes de usabilidadeLuiz Agner
 
Relatório teste formal de usabilidade - RioCard
Relatório teste formal de usabilidade - RioCard Relatório teste formal de usabilidade - RioCard
Relatório teste formal de usabilidade - RioCard Luiz Agner
 
Engenharia de Software - Questões de concurso comentadas
Engenharia de Software - Questões de concurso comentadasEngenharia de Software - Questões de concurso comentadas
Engenharia de Software - Questões de concurso comentadasjorgepataco
 
Programação Pragmática
Programação PragmáticaProgramação Pragmática
Programação Pragmáticaelliando dias
 

Tendances (20)

5. Análise de dados em testes de usabilidade
5. Análise de dados em testes de usabilidade5. Análise de dados em testes de usabilidade
5. Análise de dados em testes de usabilidade
 
Teste de usabilidade - Configurando o seu ambiente de testes
Teste de usabilidade - Configurando o seu ambiente de testesTeste de usabilidade - Configurando o seu ambiente de testes
Teste de usabilidade - Configurando o seu ambiente de testes
 
Cap. 11 análise de dados e observações
Cap. 11   análise de dados e observaçõesCap. 11   análise de dados e observações
Cap. 11 análise de dados e observações
 
4. Debriefing em testes de usabilidade
4. Debriefing  em testes de usabilidade4. Debriefing  em testes de usabilidade
4. Debriefing em testes de usabilidade
 
Teste de usabilidade - Materiais do teste
Teste de usabilidade - Materiais do testeTeste de usabilidade - Materiais do teste
Teste de usabilidade - Materiais do teste
 
Cap. 8 preparar materiais para o teste
Cap. 8   preparar materiais para o testeCap. 8   preparar materiais para o teste
Cap. 8 preparar materiais para o teste
 
9. Ferramentas de testes online user zoom
9. Ferramentas de testes online user zoom9. Ferramentas de testes online user zoom
9. Ferramentas de testes online user zoom
 
1. Ambientes para testes de usabilidade
1. Ambientes para testes de usabilidade1. Ambientes para testes de usabilidade
1. Ambientes para testes de usabilidade
 
Testando na Gringa - Se preparando para uma entrevista técnica para uma vaga ...
Testando na Gringa - Se preparando para uma entrevista técnica para uma vaga ...Testando na Gringa - Se preparando para uma entrevista técnica para uma vaga ...
Testando na Gringa - Se preparando para uma entrevista técnica para uma vaga ...
 
Introdução ao design de teste de software
Introdução ao design de teste de softwareIntrodução ao design de teste de software
Introdução ao design de teste de software
 
Teste de usabilidade - Ferramentas online para testes
Teste de usabilidade - Ferramentas online para testesTeste de usabilidade - Ferramentas online para testes
Teste de usabilidade - Ferramentas online para testes
 
10. Identificando os problemas de usabilidade com eye tracking
10. Identificando os problemas de usabilidade com eye tracking10. Identificando os problemas de usabilidade com eye tracking
10. Identificando os problemas de usabilidade com eye tracking
 
Oficina de Teste de Usabilidade
Oficina de Teste de UsabilidadeOficina de Teste de Usabilidade
Oficina de Teste de Usabilidade
 
3. Conduzindo sessões de testes de usabilidade
3. Conduzindo sessões de testes de usabilidade3. Conduzindo sessões de testes de usabilidade
3. Conduzindo sessões de testes de usabilidade
 
Palestra - Testes de Usabilidade
Palestra - Testes de UsabilidadePalestra - Testes de Usabilidade
Palestra - Testes de Usabilidade
 
2. Preparando materiais para testes de usabilidade
2. Preparando materiais para testes de usabilidade2. Preparando materiais para testes de usabilidade
2. Preparando materiais para testes de usabilidade
 
Relatório teste formal de usabilidade - RioCard
Relatório teste formal de usabilidade - RioCard Relatório teste formal de usabilidade - RioCard
Relatório teste formal de usabilidade - RioCard
 
Engenharia de Software - Questões de concurso comentadas
Engenharia de Software - Questões de concurso comentadasEngenharia de Software - Questões de concurso comentadas
Engenharia de Software - Questões de concurso comentadas
 
Programação Pragmática
Programação PragmáticaProgramação Pragmática
Programação Pragmática
 
Tdd x testes unidades
Tdd x testes unidadesTdd x testes unidades
Tdd x testes unidades
 

En vedette

Ecologia de Interação: Metadesign aplicado para a construção de taxonomias e ...
Ecologia de Interação: Metadesign aplicado para a construção de taxonomias e ...Ecologia de Interação: Metadesign aplicado para a construção de taxonomias e ...
Ecologia de Interação: Metadesign aplicado para a construção de taxonomias e ...Instituto Faber-Ludens
 
Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Instituto Faber-Ludens
 
Design Livre e Colaborativo INTERCON 2010
Design Livre e Colaborativo INTERCON 2010Design Livre e Colaborativo INTERCON 2010
Design Livre e Colaborativo INTERCON 2010Instituto Faber-Ludens
 
Design Livre e Colaborativo PUCPR 2012
Design Livre e Colaborativo PUCPR 2012Design Livre e Colaborativo PUCPR 2012
Design Livre e Colaborativo PUCPR 2012Instituto Faber-Ludens
 
Workshop Design para Dispositivos Móveis
Workshop Design para Dispositivos MóveisWorkshop Design para Dispositivos Móveis
Workshop Design para Dispositivos MóveisInstituto Faber-Ludens
 
Design Livre e Colaborativo INTERCON 2010
Design Livre e Colaborativo INTERCON 2010Design Livre e Colaborativo INTERCON 2010
Design Livre e Colaborativo INTERCON 2010Instituto Faber-Ludens
 
Sistema de Organizacão
Sistema de OrganizacãoSistema de Organizacão
Sistema de OrganizacãoJumpEducation
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoInstituto Faber-Ludens
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisInstituto Faber-Ludens
 
Sistemas de organização e rotulação
Sistemas de organização e rotulaçãoSistemas de organização e rotulação
Sistemas de organização e rotulaçãoInstituto Faber-Ludens
 

En vedette (15)

Ecologia de Interação: Metadesign aplicado para a construção de taxonomias e ...
Ecologia de Interação: Metadesign aplicado para a construção de taxonomias e ...Ecologia de Interação: Metadesign aplicado para a construção de taxonomias e ...
Ecologia de Interação: Metadesign aplicado para a construção de taxonomias e ...
 
Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013
 
Design Livre e Colaborativo INTERCON 2010
Design Livre e Colaborativo INTERCON 2010Design Livre e Colaborativo INTERCON 2010
Design Livre e Colaborativo INTERCON 2010
 
Por um Design Livre - CICI 2011
Por um Design Livre - CICI 2011Por um Design Livre - CICI 2011
Por um Design Livre - CICI 2011
 
Passado, Presente e Futuro da Web
Passado, Presente e Futuro da WebPassado, Presente e Futuro da Web
Passado, Presente e Futuro da Web
 
Arquitetura da Informação na Movile
Arquitetura da Informação na MovileArquitetura da Informação na Movile
Arquitetura da Informação na Movile
 
Design Livre e Colaborativo PUCPR 2012
Design Livre e Colaborativo PUCPR 2012Design Livre e Colaborativo PUCPR 2012
Design Livre e Colaborativo PUCPR 2012
 
Por um Design Livre - EDTED 2012
Por um Design Livre - EDTED 2012Por um Design Livre - EDTED 2012
Por um Design Livre - EDTED 2012
 
Workshop Design para Dispositivos Móveis
Workshop Design para Dispositivos MóveisWorkshop Design para Dispositivos Móveis
Workshop Design para Dispositivos Móveis
 
Por um Design Livre - CIRS
Por um Design Livre - CIRSPor um Design Livre - CIRS
Por um Design Livre - CIRS
 
Design Livre e Colaborativo INTERCON 2010
Design Livre e Colaborativo INTERCON 2010Design Livre e Colaborativo INTERCON 2010
Design Livre e Colaborativo INTERCON 2010
 
Sistema de Organizacão
Sistema de OrganizacãoSistema de Organizacão
Sistema de Organizacão
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de Informação
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos Móveis
 
Sistemas de organização e rotulação
Sistemas de organização e rotulaçãoSistemas de organização e rotulação
Sistemas de organização e rotulação
 

Similaire à Curso Avaliação de Interfaces

Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no FacebookAplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no FacebookWaghner Dieguez
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadeLuiz Agner
 
Teste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executarTeste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executarMarconi Pacheco
 
Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Carlos Rosemberg
 
Manual do Feedback Canvas
Manual do Feedback CanvasManual do Feedback Canvas
Manual do Feedback CanvasRaphael Molesim
 
Ihc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao HeuristicaIhc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao HeuristicaFabiano Damiati
 
CAPÍTULO 12 - Handbook of Usability Testing” de Rubin e Chsinell
CAPÍTULO 12 - Handbook of Usability Testing” de Rubin e ChsinellCAPÍTULO 12 - Handbook of Usability Testing” de Rubin e Chsinell
CAPÍTULO 12 - Handbook of Usability Testing” de Rubin e ChsinellFernanda Sarmento
 
Um Esforço Combinado Na Padronização
Um Esforço Combinado Na PadronizaçãoUm Esforço Combinado Na Padronização
Um Esforço Combinado Na Padronizaçãowallyvianna
 
Test driven development
Test driven developmentTest driven development
Test driven developmentclauvane1708
 
Workshop Robson Santos Ix Da2009
Workshop Robson Santos Ix Da2009Workshop Robson Santos Ix Da2009
Workshop Robson Santos Ix Da2009Robson Santos
 
Aula 5 -Avaliação de interfaces de usuário - testes com usuários
Aula 5 -Avaliação de interfaces de usuário - testes com usuáriosAula 5 -Avaliação de interfaces de usuário - testes com usuários
Aula 5 -Avaliação de interfaces de usuário - testes com usuáriosAndré Constantino da Silva
 
The framework and refinement - About Face II
The framework and refinement - About Face IIThe framework and refinement - About Face II
The framework and refinement - About Face IIArthur Jacobsen Klas
 
Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013
Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013
Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013Gabriel Rubens
 

Similaire à Curso Avaliação de Interfaces (20)

Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no FacebookAplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
 
Aula 4 - Avaliação de Interface - Parte 1
Aula 4 -  Avaliação de Interface - Parte 1Aula 4 -  Avaliação de Interface - Parte 1
Aula 4 - Avaliação de Interface - Parte 1
 
Teste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executarTeste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executar
 
Cesar.Edu Turma S2I
Cesar.Edu Turma S2ICesar.Edu Turma S2I
Cesar.Edu Turma S2I
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04
 
Manual do Feedback Canvas
Manual do Feedback CanvasManual do Feedback Canvas
Manual do Feedback Canvas
 
Ihc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao HeuristicaIhc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao Heuristica
 
CAPÍTULO 12 - Handbook of Usability Testing” de Rubin e Chsinell
CAPÍTULO 12 - Handbook of Usability Testing” de Rubin e ChsinellCAPÍTULO 12 - Handbook of Usability Testing” de Rubin e Chsinell
CAPÍTULO 12 - Handbook of Usability Testing” de Rubin e Chsinell
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
 
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
 
Um Esforço Combinado Na Padronização
Um Esforço Combinado Na PadronizaçãoUm Esforço Combinado Na Padronização
Um Esforço Combinado Na Padronização
 
Test driven development
Test driven developmentTest driven development
Test driven development
 
Teste de software gestao e kaizen
Teste de software gestao e kaizenTeste de software gestao e kaizen
Teste de software gestao e kaizen
 
Workshop Robson Santos Ix Da2009
Workshop Robson Santos Ix Da2009Workshop Robson Santos Ix Da2009
Workshop Robson Santos Ix Da2009
 
O que é Teste de Software?
O que é Teste de Software?O que é Teste de Software?
O que é Teste de Software?
 
Aula 5 -Avaliação de interfaces de usuário - testes com usuários
Aula 5 -Avaliação de interfaces de usuário - testes com usuáriosAula 5 -Avaliação de interfaces de usuário - testes com usuários
Aula 5 -Avaliação de interfaces de usuário - testes com usuários
 
The framework and refinement - About Face II
The framework and refinement - About Face IIThe framework and refinement - About Face II
The framework and refinement - About Face II
 
Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013
Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013
Profissao-programador-praticas-para-melhoria-continua-unimonte-outubro-2013
 

Plus de Instituto Faber-Ludens

Oficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos MóveisOficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos MóveisInstituto Faber-Ludens
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisInstituto Faber-Ludens
 
Curso Recomendações de Usabilidade - 29/07/2011
Curso Recomendações de Usabilidade - 29/07/2011Curso Recomendações de Usabilidade - 29/07/2011
Curso Recomendações de Usabilidade - 29/07/2011Instituto Faber-Ludens
 

Plus de Instituto Faber-Ludens (7)

7Masters Acessibilidade Por Que Sim
7Masters Acessibilidade Por Que Sim7Masters Acessibilidade Por Que Sim
7Masters Acessibilidade Por Que Sim
 
Oficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos MóveisOficina Design de Interface para Dispositivos Móveis
Oficina Design de Interface para Dispositivos Móveis
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos Móveis
 
Camiseta 2012 by Pianofuzz
Camiseta 2012 by PianofuzzCamiseta 2012 by Pianofuzz
Camiseta 2012 by Pianofuzz
 
Apresentação Institucional 2011-2
Apresentação Institucional 2011-2Apresentação Institucional 2011-2
Apresentação Institucional 2011-2
 
Instruções Projeto Final
Instruções Projeto FinalInstruções Projeto Final
Instruções Projeto Final
 
Curso Recomendações de Usabilidade - 29/07/2011
Curso Recomendações de Usabilidade - 29/07/2011Curso Recomendações de Usabilidade - 29/07/2011
Curso Recomendações de Usabilidade - 29/07/2011
 

Curso Avaliação de Interfaces

  • 1.
  • 2.
  • 3.
  • 4. 4
  • 5. 5
  • 6. 6
  • 7. 7
  • 8. 8
  • 9.
  • 10. Questionários de respostas fixas Questionários de respostas abertas 10 Questionários
  • 13. Dê preferência para questões fechadas 13 Questionários
  • 15.
  • 20.
  • 25.
  • 30.
  • 31. 31
  • 36.
  • 37. O pesquisador pode estar com os participantes O pesquisador pode deixar instruções e se retirar para observar de outro lugar 37 Co-discovery
  • 41.
  • 46. individualmente Em grupo 46 AvaliaçãoHeurística Princípios de Usabilidade 1. Explore a interface 2. Procure por problemas de Usabilidade 3. Informe o problema 4. Faça sugestões 5. Defina o nível de severidade 6. Discuta os problemas 7. Escreva o relatório 1 especialista
  • 48. 48 AvaliaçãoHeurística 1.1 – Primeiro contato Explore a interface a ser avaliada para entender o fluxo de navegação e ter uma ideia geral sobre o produto e interação. 1.2 – Segundo contato Explore a interface para entender as tarefas dos usuários. Por exemplo, abrir o aplicativo, logar, inserir dados, editar, excluir e assim por diante. 1.3 – Liste as tarefas Liste as tarefas para guiar vpcê durante a avaliação. Se possível considere todas as tarefas para interfaces menos complexas e as principais tarefas para interfaces mais complexas ou com níveis de navegação muito profundos. Se necessário, separe a interface do sistema em partes. Explore a interface 1 Step Note: É possível encontrar problemas desde o começo quando se está explorando a interface, mas tente focar na exploração sempre que possível
  • 49. 49 AvaliaçãoHeurística 2.1 - Realize as tarefas do usuário (Cognitive Walkthrough method) Realize cada tarefa do usuário e faça anotações se você encontrar alguma dificuldade em realizá-las ou se algo não estiver claro, se você tiver alguma dúvida. Tente encontrar as razões pelas quais é difícil completar a tarefa ou o porquê não é claro o suficiente. 2.2 – E/OU verificando os princípios de Usabilidade Verifique os princípios de Usabilidade e fala anotações se você encontrar algo que não está de acordo com os princípios. 2.3 - E/OU verificando cada item da interface (navegação por menu) Verifique cada item da interface: ícones, labels/rótulos, formatos de botões, cores, textos, localização dos itens etc. Faça anotações se os itens estiverem em desacordo com os princípios de Usabilidade. Procure por problemas de Usabilidade 2 Step Note: Cada avaliador se adaptará a uma forma de encontrar problemas. Tente diferentes formas até encontrar o que é melhor para você!
  • 50. 50 AvaliaçãoHeurística 2.4 – Aspectos positivos É natural encontrar aspectos positivos na interface. Informe os aspectos positivos à equipe de desenvolvimento para que eles tenham um melhor entendimento sobre o desenvolvimento da interface. 2.5 – Outras observações Se você encontrar itens que não necessariamente são problemas de Usabilidade como por exemplo, palavras com erros de ortografia, problemas relacionados a qualidade do design gráfico ou referentes à qualidade dos textos ou mesmo bugs do sistema, informe-os para a equipe de desenvolvimento em um capítulo à parte do relatório chamado “Observações”. Procure por problemas de Usabilidade 2 Step Note: Se a interface tem muitos bugs e não há tempo para escrevê-los, somente informe à equipe o fato de existir muitos bugs no sistema. Não gaste muito tempo com este item.
  • 51. 51 AvaliaçãoHeurística 3.1 – Onde está o problema Use imagens para indicar onde está localizado o problema. Para sistemas mais complexos informe o local do problema, por exemplo “Home”. 3.2 – Destaque o problema Utilize um print screen da tela e destaue o problema 3.3 – Informe o princípio de Usabilidade infringido Inform which of the principles that the problem infringes. Is possible that one problem infringes more than one Usability principle. Informe o problema 3 Step
  • 52. 52 AvaliaçãoHeurística 3.4 – Categoria Informe se o problema é relacionado a área de Design de Interação, Design Gráfico, Design de informação, Sound Design etc. 3.5 - Descreva o problema de Usabilidade Informe qual é o problema de Usabilidade. Por exemplo, se há falta de informação para realizar a tarefa, o que está sendo comunicado incorretamente etc. 3.6 – Possíveis consequências Informe o que pode acontecer com a tarefa ou o usuário. Por exemplo a possibilidade do usuário não completar a tarefa, cometer erros, ou se sentir confuso. Informe o problema 3 Step
  • 53. 53 AvaliaçãoHeurística 4.1 – Sugestões víáveias Faça sugestões viáveis para resolver os problemas 4.2 – Sugestões ousadas Priorize sugestões viáveis para o projeto atual, mas também é importante considerar projetos futuros informando sugestões mais ousadas. Faça sugestões 4 Step
  • 54. 54 AvaliaçãoHeurística Alta - Barreira Se refere aos aspectos da interface que podem bloquear o cumprimento da tarefa. O usuário se depara sucessivas vezes com o problema mas não aprende como suplantar o problema sem ajuda externa. Uma barreira faz com que o usuário desista de usar a função, ou seja afeta a eficácia da tarefa. Médio - Obstáculo Se refere aos aspectos da interface no qual o usuário se depara algumas vezes mas aprende a sumplantá-la. Obstáculos causam perdas de eficácia ou de eficiência. Baixo – Ruído Se refere aos aspectos da interface que não consistem em barreiras e nem obstáculos, mas que causam uma perde na performance da tarefa. O usuário pode desenvolver uma má impressão sobre o sistema devido aos ruídos durante a interação. Defina o nível de severidade 5 Step
  • 56. 56 AvaliaçãoHeurística 6.1 - Pontos comuns Discuta os problemas comuns. Isto pode ajudar a equipe a ter uma ideia geral se a interface possui problemas claros. Discuta as melhores sugestões com a equipe avaliadora. 6.2 – Pontos divergentes Discuta os pontos divergentes e tente usar diferentes pontos de vista. Nestes casos é possível encontrar mais problemas. Discuta as melhores sugestões com a equipe. 6.3 – Acorde o nível de severidade dos problemas Discuta o nível de severidade com a equipe. Se o sistema “barreira, obstáculo e ruído” não funcionar, tente discutir o impacto na tarefa no contexto real de uso. Discuta os problemas 6 Step
  • 57. 57 AvaliaçãoHeurística 6.1 - Pontos comuns Discuta os problemas comuns. Isto pode ajudar a equipe a ter uma ideia geral se a interface possui problemas claros. Discuta as melhores sugestões com a equipe avaliadora. 6.2 – Pontos divergentes Discuta os pontos divergentes e tente usar diferentes pontos de vista. Nestes casos é possível encontrar mais problemas. Discuta as melhores sugestões com a equipe. 6.3 – Acorde o nível de severidade dos problemas Discuta o nível de severidade com a equipe. Se o sistema “barreira, obstáculo e ruído” não funcionar, tente discutir o impacto na tarefa no contexto real de uso. Discuta os problemas 6 Step
  • 58. 58 AvaliaçãoHeurística 7.1 - Introdução Ofereça informações sobre o produto avaliado 7.2 - Metodologia Descreva o número de especialistas e a metodologia de Avaliação Heurística 7.3 – Aspectos positivos Explique brevemente os pontos positivos da interface em uma página. Desenvolva o relatório 7 Step
  • 59. 59 AvaliaçãoHeurística 7.4 - Problemas de Usabilidade Para interfaces mais simples agrupe os problemas de Usabilidade por nível de severidade. Para interfaces mais complexas, agrupe os problemas por parte do sistema. 7.5 - Observações Liste as observações não consideradas problemas de Usabilidade. 7.6 – Tabela de problemas Faça uma tabela com o número de problemas por nível de severidade. A tabela oferece uma ideia geral para a equipe se a interface está fácil de usar ou não. Desenvolva o relatório 7 Step
  • 60. 60 AvaliaçãoHeurística 7.7 – Considerações finais Escreva as considerações finais de forma a enfatizar os problemas de alta severidade ou os quais estão relacionados com princípios de Usabilidade específicos. Por exemplo, se existem muitos problemas de Gestão de erro, é bom ressaltar a importância e as consequências deste princípio infringido. Desenvolva o relatório 7 Step
  • 61.
  • 63. Baixa fidelidade Média fidelidade Alta fidelidade 63 PaperPrototype
  • 68. Grupo 1 Grupo 2 Grupo 3 68 PaperPrototype
  • 70.