Una - Testes de usabilidade - aula 04

90
Testes de Usabilidade / Marcello Cardoso Teste de Usabilidade Teste e Qualidade de Software Marcello de Campos Cardoso | www.mcardoso.com.br | [email protected] Perguntando a especialistas As 10 Heurísticas de Nielsen Friday, March 2, 12

description

Análise Heurística

Transcript of Una - Testes de usabilidade - aula 04

Page 1: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Teste de UsabilidadeTeste e Qualidade de Software

Marcello de Campos Cardoso | www.mcardoso.com.br | [email protected]

Perguntando a especialistasAs 10 Heurísticas de Nielsen

Friday, March 2, 12

Page 2: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Plano de curso1ª

Apresentação da disciplina e introdução à Testes de Usabilidade

Metas e princípios de design - Avaliação estratégica

Perguntando aos usuários: Questionários e entrevistas

Perguntando a especialistas: As 10 heurísticas de Nielsen

Avaliando tarefas do sistema com Percurso Cognitivo (PC)

Método de Inspeção Semiótica (MIS)

Observando a experiência: Testes de usabilidade (roteiro)

Observando a experiência: Testes de usabilidade (aplicação)

-10pts

15pts

15pts

15pts

15pts

15pts

15pts

Friday, March 2, 12

Page 3: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Análise Heurísticaas 10 heurísticas de Jakob Nielsen

Friday, March 2, 12

Page 4: Una - Testes de usabilidade - aula 04

pesquisa

planejam

ento

desenvolvim

ento

validação

Testes de Usabilidade / Marcello Cardoso

Ciclo de vida do produto

Personas

Benchm

arking Story

mapping

Etnografia digitalPrototipação

Análise Heurística

Friday, March 2, 12

Page 5: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Onde aplicar?

Backlog do produto

Backlog do sprint

Reunião diária

Produto

potencialmente

“entregável”

definição do backlog

Friday, March 2, 12

Page 6: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Análise Heurísticaas 10 heurísticas de Jakob Nielsen

Friday, March 2, 12

Page 7: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Análise Heurísticaas 10 heurísticas de Jakob Nielsen

Friday, March 2, 12

Page 8: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Definição

Molich, R., and Nielsen, J. (1990). Improving a human-computer dialogue, Communications of the ACM 33, 3 (March).

Nielsen, J., and Molich, R. (1990). Heuristic evaluation of user interfaces, Proc. ACM CHI'90 Conf.

Nielsen, J. (1994a). Enhancing the explanatory power of usability heuristics. Proc. ACM CHI'94 Conf.

Nielsen, J. (1994b). Heuristic evaluation. In Nielsen, J., and Mack, R.L. (Eds.), Usability Inspection Methods, John Wiley & Sons, New York, NY.

“Análise Heurística (Nielsen and Molich, 1990; Nielsen 1994) é um método

de engenharia de usabilidade para encontrar os erros de usabilidade em

uma interface para que sejam corrigidos em um processo de

desenvolvimento iterativo.

Envolve um pequeno grupo de avaliadores para examinar a

interface e avaliá-la de acordo com princípios de usabilidade

reconhecidos (as heurísticas).” - Nielsen

Friday, March 2, 12

Page 9: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Heurísticas Metas de usabilidadeMetas são princípios generalistas que norteiam o desenvolvimentoHeurísticas são diretrizes técnicas para a avaliação de interfaces

~=

Friday, March 2, 12

Page 10: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

O principal nome no campo da usabilidade, Nielsen se

popularizou por focar em metodologias baratas e ágeis desde

os anos 90.

É conhecido por realizar pesquisas quantitativas para

fundamentar suas descobertas.

Sua prática mais conhecida e difundida é a análise heurística.

Jakob Nielsen

Friday, March 2, 12

Page 11: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

As heurísticas originais surgiram da análise de 249 problemas, identificados a

partir de avaliações realizadas por especialistas em 11 projetos.

✓ 4 avaliados durante a fase inicial do ciclo de vida

✓ 7 avaliados em uma fase avançada;

Origem (1990)

Friday, March 2, 12

Page 12: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

1º passo: Briefing

• Os avaliadores discutem os critérios da avaliação como tarefas por exemplo

2º passo: Avaliação (cerca de 2h)

• Independente

• Double check - 1 para fluxo e tarefas e outro para interface e elementos

3º passo: Reunião de resultados e relatório

• Discutir problemas

• Priorizá-los

• Elaborar recomendações e soluções

Como fazer?

Friday, March 2, 12

Page 13: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

1º passo: Briefing

• Os avaliadores discutem os critérios da avaliação como tarefas por exemplo

2º passo: Avaliação (cerca de 2h)

• Independente

• Double check - 1 para fluxo e tarefas e outro para interface e elementos

3º passo: Reunião de resultados e relatório

• Discutir problemas

• Priorizá-los

• Elaborar recomendações e soluções

Como fazer?

Friday, March 2, 12

Page 14: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

1º passo: Briefing

• Os avaliadores discutem os critérios da avaliação como tarefas por exemplo

2º passo: Avaliação (cerca de 2h)

• Independente

• Double check - 1 para fluxo e tarefas e outro para interface e elementos

3º passo: Reunião de resultados e relatório

• Discutir problemas

• Priorizá-los

• Elaborar recomendações e soluções

Como fazer?

Friday, March 2, 12

Page 15: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Friday, March 2, 12

Page 16: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

33

2

1

Friday, March 2, 12

Page 17: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Friday, March 2, 12

Page 18: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Análise Heurística

Testes com usuáriosvs

Friday, March 2, 12

Page 19: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

DiferençasAnálise Heurística - preditiva

Baseada na experiência/expectativas do especialista

Testes com usuários - empírica

Baseada na observação do comportamento

Friday, March 2, 12

Page 20: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

SemelhançasSão técnicas analíticas, não gerativas (ideação) como Story Mapping ou Card Sorting.

Friday, March 2, 12

Page 21: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

1. Visibilidade do status do sistema (feedback)

2. Compatibilidade do sistema com o mundo real (affordance)

3. Controle do usuário e liberdade

4. Consistência e padrões

5. Prevenção de erros

6. Reconhecer em vez de relembrar

7. Flexibilidade e eficiência no uso

8. Estética e design minimalista

9. Ajudar os usuários a reconhecer, diagnosticar e corrigir erros

10.Ajuda e documentação

10 Heurísticas de Jakob Nielsen

Friday, March 2, 12

Page 22: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

O sistema deve informar continuamente e apropriadamente ao

usuário sobre o que ele está fazendo, em tempo razoável.

1. Visibilidade do status do sistema (feedback)

Friday, March 2, 12

Page 23: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

1. Visibilidade do status do sistema (feedback)

Vou fazer um café...

Mais fácil de entender.

Friday, March 2, 12

Page 24: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

LOG deixa tudo mais claro.

1. Visibilidade do status do sistema (feedback)

Friday, March 2, 12

Page 25: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

On the fly!

1. Visibilidade do status do sistema (feedback)

Friday, March 2, 12

Page 26: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

1. Visibilidade do status do sistema (feedback)

Friday, March 2, 12

Page 27: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

A terminologia e os elementos de interface devem ser baseados

na linguagem do usuário, não do sistema. As informações devem

ser organizadas conforme o modelo mental do usuário.

2. Compatibilidade do sistema com o mundo real

Friday, March 2, 12

Page 28: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

What?

2. Compatibilidade do sistema com o mundo real

Friday, March 2, 12

Page 29: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

What?

Cool!!

2. Compatibilidade do sistema com o mundo real

Friday, March 2, 12

Page 30: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

What?

2. Compatibilidade do sistema com o mundo real

Friday, March 2, 12

Page 31: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Cadê a busca?

2. Compatibilidade do sistema com o mundo real

Friday, March 2, 12

Page 32: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

What?

2. Compatibilidade do sistema com o mundo real

Friday, March 2, 12

Page 33: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

What?

2. Compatibilidade do sistema com o mundo real

Friday, March 2, 12

Page 34: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

sequência de uso

What?

2. Compatibilidade do sistema com o mundo real

Friday, March 2, 12

Page 35: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

2. Compatibilidade do sistema com o mundo real

Friday, March 2, 12

Page 36: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

O usuário controla o sistema. Ele pode, por exemplo, abortar uma

tarefa ou desfazer uma operação e retornar ao estado anterior.

3. Controle do usuário e liberdade

Friday, March 2, 12

Page 37: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

3. Controle do usuário e liberdade

Friday, March 2, 12

Page 38: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

3. Controle do usuário e liberdade

Friday, March 2, 12

Page 39: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

3. Controle do usuário e liberdade

Friday, March 2, 12

Page 40: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

3. Controle do usuário e liberdade

Friday, March 2, 12

Page 41: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

3. Controle do usuário e liberdade

Friday, March 2, 12

Page 42: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

3. Controle do usuário e liberdade

Friday, March 2, 12

Page 43: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Um comando, ação ou elemento de interface deve ter sempre o mesmo

efeito e aparência.

A mesma operação deve ser apresentada na mesma localização e deve ser

formatada/apresentada da mesma maneira para facilitar o reconhecimento.

4. Consistência e padrões

Friday, March 2, 12

Page 44: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

4. Consistência e padrões

Friday, March 2, 12

Page 45: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

4. Consistência e padrões

Friday, March 2, 12

Page 46: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

4. Consistência e padrões

Friday, March 2, 12

Page 47: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Evitar situações de erro.

Conhecer as situações que mais provocam erros e modificar a interface

para que estes erros não ocorram

5. Prevenção de erros

Friday, March 2, 12

Page 48: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

5. Prevenção de erros

Friday, March 2, 12

Page 49: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

5. Prevenção de erros

Friday, March 2, 12

Page 50: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

5. Prevenção de erros

Friday, March 2, 12

Page 51: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

5. Prevenção de erros

Friday, March 2, 12

Page 52: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

5. Prevenção de erros

Friday, March 2, 12

Page 53: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

5. Prevenção de erros

Friday, March 2, 12

Page 54: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

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.

6. Reconhecer em vez de relembrar

Friday, March 2, 12

Page 55: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

6. Reconhecer em vez de relembrar

Friday, March 2, 12

Page 56: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

6. Reconhecer em vez de relembrar

Friday, March 2, 12

Page 57: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

6. Reconhecer em vez de relembrar

Friday, March 2, 12

Page 58: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

6. Reconhecer em vez de relembrar

Friday, March 2, 12

Page 59: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

6. Reconhecer em vez de relembrar

Friday, March 2, 12

Page 60: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

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.

7. Flexibilidade e eficiência no uso

Friday, March 2, 12

Page 61: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

7. Flexibilidade e eficiência no uso

Friday, March 2, 12

Page 62: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

7. Flexibilidade e eficiência no uso

Friday, March 2, 12

Page 63: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

7. Flexibilidade e eficiência no uso

Friday, March 2, 12

Page 64: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

sequência de uso

7. Flexibilidade e eficiência no uso

Friday, March 2, 12

Page 65: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

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.

8. Estética e design minimalista

Friday, March 2, 12

Page 66: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

8. Estética e design minimalista

Friday, March 2, 12

Page 67: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

8. Estética e design minimalista

Friday, March 2, 12

Page 68: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

8. Estética e design minimalista

Friday, March 2, 12

Page 69: Una - Testes de usabilidade - aula 04

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.

Testes de Usabilidade / Marcello Cardoso

9. Ajudar a reconhecer, diagnosticar e corrigir erros

Friday, March 2, 12

Page 70: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

9. Ajudar a reconhecer, diagnosticar e corrigir erros

Friday, March 2, 12

Page 71: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

9. Ajudar a reconhecer, diagnosticar e corrigir erros

Friday, March 2, 12

Page 72: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

9. Ajudar a reconhecer, diagnosticar e corrigir erros

Friday, March 2, 12

Page 73: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

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.

10. Ajuda e documentação

Friday, March 2, 12

Page 74: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

10. Ajuda e documentação

Friday, March 2, 12

Page 75: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

10. Ajuda e documentação

Friday, March 2, 12

Page 76: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

10. Ajuda e documentação

Friday, March 2, 12

Page 77: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

10. Ajuda e documentação

Friday, March 2, 12

Page 78: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

10. Ajuda e documentação

Friday, March 2, 12

Page 79: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

10. Ajuda e documentação

Friday, March 2, 12

Page 80: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

1. Avaliação de Usabilidade de barata, não precisa de laboratórios ou equipamento

2. Ágil: Um dia ou menos para aplicar

3. Pode ser aplicada em qualquer estágio do projeto, incluindo protótipos precoces.

4. Treinamento simples: Pode ser ensinada em poucas horas (para especialistas)

Vantagens

Friday, March 2, 12

Page 81: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Considerações: número de avaliadores Alguns problemas apenas são descobertos por perfis diferentes de avaliadores.

Friday, March 2, 12

Page 82: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Considerações: número de avaliadores5 avaliadores encontramos quase 75% dos problemas de usabilidade.

3 avaliadores fornecem quase 65% de descobertas

1 avaliador descobre em média 35%

Friday, March 2, 12

Page 83: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Considerações: número de avaliadoresO número excessivo de avaliadores traz pouco retorno de investimento.

Friday, March 2, 12

Page 84: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Considerações: número de avaliadoresA avaliação solo é conhecida como Expert review, Expert crit ou

Discount evaluation.

É uma prática comum de mercado.

Friday, March 2, 12

Page 85: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Considerações: experiência do avaliadorA qualidade da avaliação depende da compreensão correta das Heurísticas

Aplicá-las exercita as boas práticas de usabilidade, para o desenvolvedor

Friday, March 2, 12

Page 86: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

H igh-quality content (conteúdo de alta qualidade)

O ften updated (freqüentemente atualizado)

M inimal download time (tempo mínimo de download)

E ase of use (facilidade de uso)

R elevante to user’s needs (relevante para as necessidades dos usuários)

U nique to the online médium (somente para o meio online)

N etcentric corporate culture (cultura corporativa centrada na rede)

Heurísticas para websites (Nielsen, 1999)

Friday, March 2, 12

Page 87: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

1. O sistema deve sinalizar os diversos obstáculos no caminho aumentando

seu contraste (buracos, quebra-molas, transeuntes, etc.);

2. Sinais de trânsito e informações complementares devem ser identificados e

exibidos em destaque na área à direita do pára-brisa. O objetivo é oferecer

subsídios para o motorista sem comprometer sua atenção primária.

3. A linguagem deve ser universal e de fácil compreensão.

4. O sistema deve ser configurável. Usuários com capacidades cognitivas

diferentes devem possuir ferramentas para configurá-lo à sua maneira.

Métricas RA na direção automotiva

Friday, March 2, 12

Page 88: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

1. Franzir a sobrancelha - Concentração, antipatia ou falta de clareza

2. Levantar as sobrancelhas - Insegurança, incredulidade, surpresa ou exasperação

3. Desviar o olhar - Desapontamento, fracasso, culpa, vergonha ou submissão

4. Sorrir - Satisfação ou alegria

5. Apertar os lábios - Frustração, confusão, ansiedade, nervosismo ou preocupações

6. Mover a boca - Desorientação ou insegurança

7. Expressar-se verbalmente (tosses, suspiros, bocejos e etc.) - Frustração ou decepção

8. Tocar o rosto com as mãos - Confusão, incerteza ou cansaço

9. Reclinar-se para trás - Rejeição

10. Inclinar o corpo para frente - Depressão, frustração ou atenção

Heurísticas emocionais para jogos(Eva de Lera e Muriel Garreta-Domingo)

Friday, March 2, 12

Page 89: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

TO DO

Exercício (15pts)

1) Escolher um site ou sist

ema para avaliar

2) Definir escopo da av

aliação

3) Avaliar individualmente com planilha

4) Reunir para discutir

resultados

5) Gerar relatório de r

esultados em ppt para

apresentar sábado que

vem

DONE

Friday, March 2, 12

Page 90: Una - Testes de usabilidade - aula 04

Testes de Usabilidade / Marcello Cardoso

Este arquivo contém a apresentação realizada por Marcello de Campos Cardoso, em Março de 2012, para a disciplina Teste de Usabilidade ministrada no curso de especialização Teste e Qualidade de software, no Centro Universitário UNA.

obrigado!

Friday, March 2, 12