Humano--Computador (IHC) Computador (IHC)

1 1

INF1403

INF1403 – – Introdução a Interação Introdução a Interação

serg

INF1403

INF1403 – – Introdução a Interação Introdução a Interação Humano

Humano--Computador (IHC) Computador (IHC)

Turma

Turma 3WB 3WB Professor: Alberto

Professor: Alberto Barbosa Barbosa Raposo Raposo Avaliação Heurística

Avaliação Heurística

O que é Avaliação Heurística?

O que é Avaliação Heurística?

•• ““Heurística Heurística” = ” = baseada baseada em em um um conhecimento conhecimento prático prático ((sem sem comprovação comprovação científica científica), ), que que vem vem da da experiência experiência cotidiana

cotidiana continuada continuada..

•• O O conhecimento conhecimento heurístico heurístico se se constrói constrói ao ao longo longo de de anos

anos de de prática prática, , como como uma uma compilação compilação ‘do ‘do que que funciona funciona’ ’ anos

anos de de prática prática, , como como uma uma compilação compilação ‘do ‘do que que funciona funciona’ ’ e ‘do

e ‘do que que não não funciona funciona’.’.

•• TRATA TRATA--SE DE UM MÉTODO DE INSPEÇÃO SE DE UM MÉTODO DE INSPEÇÃO

–– O O que que é um é um método método de de inspeção inspeção? ?

•• NãoNão envolveenvolve usuáriosusuários.

• É uma análiseanálise realizadarealizada porpor especialistasespecialistas queque advogamadvogam pelopelo usuário

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.

4 paradigmas para a avaliação de IHC 4 paradigmas para a avaliação de IHC

1.

1. O O rápido rápido e e rasteiro rasteiro ^{((que que prima prima pela} pela informalidade informalidade)) 2.

2. Os Os testes de testes de usabilidade usabilidade ((experimentos experimentos controlados controlados em em laboratórios

laboratórios))

serg

3.

3. Os Os estudos estudos em em campo campo ^{((que que se} se realizam realizam nos nos contextos contextos naturais

naturais de de uso uso das das tecnologias tecnologias avaliadas avaliadas e e são são mais mais difíceis difíceis de de controlar

controlar e registrar do e registrar do que que os os testes de testes de usabilidade usabilidade)) 4.

4. A A avaliação avaliação preditiva preditiva ^{((que que se se baseia baseia em} em conhecimento conhecimento heurístico

heurístico ou ou teórico teórico de um de um avaliador avaliador especializado especializado))

Avaliação Heurística se enquadra nesse paradigma

4 4

Motivação principal do método Motivação principal do método

A motivação principal do método é

A motivação principal do método é facilitar e acelerar facilitar e acelerar o o processo de avaliação de interfaces, maximizando o processo de avaliação de interfaces, maximizando o papel da experiência do avaliador, para enfrentar a papel da experiência do avaliador, para enfrentar a vertiginosa demanda de boas interfaces.

vertiginosa demanda de boas interfaces.

5 Etapas principais 5 Etapas principais

• Preparação

• Sessões curtas de avaliação individual

• Consolidação das avaliações individuais

• Priorização dos problemas encontrados

• Relatório conclusivo final

Jakob Nielsen: maior promotor do conhecimento Jakob Nielsen: maior promotor do conhecimento heurístico em IHC

heurístico em IHC

serg

O MÉTODO DE AVALIAÇÃO HEURÍSTICA O MÉTODO DE AVALIAÇÃO HEURÍSTICA

•• http://www.useit.com/papers/heuristic/ http://www.useit.com/papers/heuristic/

– O Método de Avaliação Heurística (mAH) foi proposto por proposto por Jakob Nielsen

Jakob Nielsen em 1994.

– Trata-se de uma inspeção guiada por heurísticas inspeção guiada por heurísticas – princípios – Trata-se de uma inspeção guiada por heurísticas inspeção guiada por heurísticas – princípios

gerais de bom design de interface, voltado para maximizar a usabilidade do artefato.

– Tradicionalmente, utilizam-se 10 Heurísticas.

• Elas têm sido alteradas e expandidas desde a sua proposta

original, para cobrir novas tecnologias e ambientes computacionais.

7 7

Nielsen define o

Nielsen define o método método

Summary: Heuristic evaluation involves having a small set of evaluators examine the interface and judge its compliance with recognized usability principles (the

"heuristics").

Heuristic evaluation (Nielsen and Molich, 1990; Nielsen 1994) is a usability engineering method for finding the usability problems in a user interface design

http://www.nngroup.com/articles/how-to- conduct-a-heuristic-evaluation/

engineering method for finding the usability problems in a user interface design so that they can be attended to as part of an iterative design process. Heuristic

evaluation involves having a small set of evaluators examine the interface and judge its compliance with recognized usability principles (the "heuristics").

Nielsen define o

Nielsen define o método método

8 8

In general, heuristic evaluation is difficult for a single individual to do because one person will never be able to find all the usability problems in an interface. Luckily, experience from many different projects has shown

that different people find different usability problems. Therefore, it is that different people find different usability problems. Therefore, it is necessary to involve multiple evaluators in any heuristic evaluation (see

below for a discussion of the best number of evaluators). My

recommendation is normally to use three to five evaluators since one does not gain that much additional information by using larger numbers.

As 10 Heurísticas de Nielsen (1 As 10 Heurísticas de Nielsen (1

))

1.

1. Visibilidade do Estado do Sistema Visibilidade do Estado do Sistema

• Os usuários devem ser constantemente – e sem demora e sem demora – informados sobre o estado em que o sistema está.

serg

Informações claras, constantes e imediatas sobre o estado do sistema

Exemplo Exemplo

•• visibilidade do estado do sistema visibilidade do estado do sistema

Heurística é respeitada.

Na avaliação heurística, identificamos apenas situações nas quais as heurísticas são violadas.

As 10 Heurísticas de Nielsen (2 As 10 Heurísticas de Nielsen (2

))

2.

2. Correspondência entre Sistema e Mundo Real Correspondência entre Sistema e Mundo Real

• Os conceitos, termos, vocabulário, tarefas e procedimentos adotados na interface do sistema devem ser os tão próximos quanto possível da realidade do usuário no domínio de

serg

quanto possível da realidade do usuário no domínio de

atividade a que o sistema se refere.

Exemplo Exemplo

•• correspondência entre o sistema e o mundo real correspondência entre o sistema e o mundo real

CSE HTML Validator, 4.0

Heurística é violada.

CSE HTML Validator, 4.0

-Verifica se há erros de sintaxe em documentos HTML.

-Cada flag está associado a um conjunto de tags HTML. Explicação disponível no help.

Heurística é violada.

Projetista preocupado em adaptar rapidamente o sistema a mudanças na especificação de tags.

http://homepage.mac.com/bradster/iarchitect/

Exemplo Exemplo

•• correspondência entre o sistema e o mundo real correspondência entre o sistema e o mundo real

Uma solução muito melhor! Beneficia tanto o usuário quanto o projetista.

serg

http://homepage.mac.com/bradster/iarchitect/

As 10 Heurísticas de Nielsen (3 As 10 Heurísticas de Nielsen (3

))

3.

3. Controle e liberdade para o usuário Controle e liberdade para o usuário

• A interface deve ser mais reativa do que ativa (deixar o usuário controlar o sistema

controlar o sistema). E como ao exercer este controle, o usuário pode ocasionalmente incorrer em erro, ela deve oferecer a possibilidade de desfazer o(s) último(s) comando(s) para o usuário retornar rápido ao (a um) estado anterior.

Exemplo Exemplo

•• controle e liberdade do usuário controle e liberdade do usuário

serg © SERG, 2009

As 10 Heurísticas de Nielsen (4 As 10 Heurísticas de Nielsen (4

))

4.

4. Consistência e Padronização Consistência e Padronização

• Palavras, signos, interações semelhantes ou relacionados devem ter em comum significados semelhantes ou relacionados (e vice-versa).

Caso a plataforma em que o sistema está rodando tenha padrões estabelecidos, a interface deve adotá-los.

Exemplo Exemplo

•• Consistência e padronização Consistência e padronização

Heurística é violada.

serg

Save As permite que o usuário crie uma pasta.

Cancel destacado não cancela toda a operação realizada.

A pasta a recém criada não é removida.

As 10 Heurísticas de Nielsen (5 As 10 Heurísticas de Nielsen (5

))

5.

5. Prevenção de Erros Prevenção de Erros

• A interface do sistema deve informar/sinalizar claramente ao usuário os efeitos e consequências de suas ações, para evitar enganospara evitar enganos.

Sempre que possível, deve evitar erros se puderevitar erros se puder detectar que as pré- condições para uma ação não estão satisfeitas, ou que a ação não é cabível no contexto corrente.

Exemplo Exemplo

•• Prevenção de erros Prevenção de erros

serg

Heurística é violada.

Undo Delete?!?!

Mas eu acabei de criar uma pasta!

As 10 Heurísticas de Nielsen (6 As 10 Heurísticas de Nielsen (6

))

6.

6. Ajuda para reconhecer, diagnosticar e remediar Ajuda para reconhecer, diagnosticar e remediar erros

erros

• O sistema deve ter mensagens de erro claras e informativas, que ajudem o usuário a entender o que houve e reparar o erro.

ajudem o usuário a entender o que houve e reparar o erro.

Exemplo Exemplo

•• ajuda aos usuários para reconhecerem, diagnosticarem ajuda aos usuários para reconhecerem, diagnosticarem e se recuperarem de erros

e se recuperarem de erros

serg

Heurística é violada.

As 10 Heurísticas de Nielsen (7 As 10 Heurísticas de Nielsen (7

))

7.

7. Reconhecimento ao invés de memorização Reconhecimento ao invés de memorização

• A interface não deve exigir que o usuário decoredecore a forma de acionar o sistema. Ao contrário, deve apresentar claramente as alternativas de ação, de modo que baste o usuário ‘bater o olho’ e reconhecer‘bater o olho’ e reconhecer a ação a executar.

Exemplo Exemplo

•• reconhecimento em vez de memorização reconhecimento em vez de memorização

serg

Heurística é violada.

Ordenar uma lista no menu Table?!?!

As 10 Heurísticas de Nielsen (8 As 10 Heurísticas de Nielsen (8

))

8.

8. Flexibilidade e eficiência no uso Flexibilidade e eficiência no uso

• As ações de interface devem ter diferentes formas de ser acionadasdiferentes formas de ser acionadas, dispor de teclas aceleradorasteclas aceleradoras associadas a elas e também deve ser possível customizar as interfacescustomizar as interfaces para acionar ações frequentes.

Exemplo Exemplo

•• flexibilidade e eficiência de uso flexibilidade e eficiência de uso

Heurística é violada.

serg

Único acesso às

categorias é com o mouse.

As 10 Heurísticas de Nielsen (9 As 10 Heurísticas de Nielsen (9

))

9.

9. Design estético e minimalista Design estético e minimalista

• A interface deve ter a quantidade de informação necessária – só o só o relevante

relevante, com ponto de acesso para mais, se o usuário quiser. Além disto o layout da interface deve ser agradável, bonito eagradável, bonito e leve.

Exemplo Exemplo

•• estética e design minimalista estética e design minimalista

Heurística é violada.

serg

Heurística é violada.

Imagens e cores distrativas.

Uma mesma situação pode violar mais de uma heurística.

As 10 Heurísticas de Nielsen (10 As 10 Heurísticas de Nielsen (10

))

10.

10. Ajuda e Documentação Ajuda e Documentação

• O sistema deve oferecer ajuda para o usuário em todas as ações e atividades. O acesso deve ser claro e rápido, o conteúdo informativo e contextualizado, contemplando (organizadamente) os diferentes perfis de usuários a quem o sistema se destina. Hoje em dia também é muito importante oferecer suporte online eficiente e eficaz.

Procedimento Procedimento

•• Determinação da Proposta de DesignDeterminação da Proposta de Design

– Apresentação: papel, protótipo ou produto acabado?

– Verificação das condições gerais da inspeção: material completo e inspecionável a contento?

•• Navegação Geral pelo Sistema (ou sua representação)Navegação Geral pelo Sistema (ou sua representação)

– Qual o sentido geral que o avaliador dá ao sistema que vai analisar em detalhe?

serg

– Qual o sentido geral que o avaliador dá ao sistema que vai analisar em detalhe?

•• Determinação do Perfil dos UsuáriosDeterminação do Perfil dos Usuários

– Quem são os usuários (suas características e contextos individuais, sociais, culturais)?

– O que almejam realizar com o produto (principais metas)?

•• Determinação de Cenários de UsoDeterminação de Cenários de Uso

– Em que situações hipotéticas mas plenamente plausíveis os usuários (em que os avaliadores estão pensando quando fazem sua inspeção) poderiam

encontrar-se?

Observação

Observação: Por vezes os avaliadores fazem inspeções de caráter mais geral, : Por vezes os avaliadores fazem inspeções de caráter mais geral, sem instanciar usuários específicos ou cenários de uso (é o caso por

sem instanciar usuários específicos ou cenários de uso (é o caso por exemplo de produtos que têm problemas de usabilidade óbvios e exemplo de produtos que têm problemas de usabilidade óbvios e demasiado graves).

demasiado graves).

Continua

Procedimento Procedimento

•• Cada avaliador Cada avaliador

– é guiado por um conjunto de heurísticas (princípios e regras básicas para o design);

– julga a conformidade do produto aos princípios e regras selecionados;

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 é 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 examinada mais de uma vez com vistas a descobrir infrações dos princípios e regras heurísticas adotadas.

dos princípios e regras heurísticas adotadas.

Resultado da Avaliação Heurística Resultado da Avaliação Heurística

•• Um relatório CONSOLIDADO contendo o consenso dos Um relatório CONSOLIDADO contendo o consenso dos especialistas sobre:

especialistas sobre:

– Problemas que acham que os usuários vão encontrar, e por quê;

serg

– Grau de severidade de cada problema (a escala normalmente usada é de 1 (menos severo) a 5 (mais severo);

– Recomendações sobre:

• Como resolver os problemas prioritários (ou seja, mais severos);

• Como resolver problemas fáceis e rápidos de eliminar; e

• Alternativas de encaminhamento de solução de outros problemas.

Qualificação dos Problemas

Qualificação dos Problemas –– Localização Localização

•• Localização Localização

– em um único local na interface

– em dois ou mais locais na interface, casualmente – na estrutura geral da interface, de forma sistemática

onde

– na estrutura geral da interface, de forma sistemática

– pode ser algo que “não está lá”, ou seja, precisa ser incluído na

interface

Qualificação dos Problemas

Qualificação dos Problemas –– Gravidade Gravidade

•• Gravidade (ou Severidade) Gravidade (ou Severidade)

– freqüência com que o problema ocorre

• É um problema comum ou raro?

– impacto do problema

quanto

serg ₃₃

– impacto do problema

• Será fácil ou difícil para os usuários superarem o problema?

– persistência do problema

• É um problema que ocorre apenas uma vez e que os usuários conseguem superar facilmente, ou os usuários sofrerão com o problema repetidas vezes?

Escala de Gravidade Escala de Gravidade

4: Catastrófico 4: Catastrófico

– é imperativo consertar este problema antes do lançamento do produto

– muitos usuários não conseguirão atingir seus objetivos (para eles, o produto não funciona)

3: Problema grande 3: Problema grande

quanto

3: Problema grande 3: Problema grande

– importante de ser consertado; deve receber alta prioridade – muitos usuários ficarão muito insatisfeitos

2: Problema pequeno 2: Problema pequeno

– o conserto deste problema é desejável, mas deve receber baixa prioridade – alguns usuários ficarão insatisfeitos em momentos específicos

1: Problema cosmético

1: Problema cosmético

Para um exemplo detalhado, em português, consultar:

Para um exemplo detalhado, em português, consultar:

• Avaliação de Interfaces de Usuário – Conceitos e Métodos.

– Jornadas de Atualização em Informática. Congresso da Sociedade Brasileira de Computação. 2003. Autoras:

serg

Raquel Oliveira Prates e Simone Diniz Junqueira Barbosa.

– Online no website do curso

(consulte weblinks → bibliografia)

• Material sobre avaliação heurística em inglês

disponível em: http://www.useit.com/papers/heuristic/ http://www.useit.com/papers/heuristic/

36 36

Exemplo de Avaliação Heurística Exemplo de Avaliação Heurística

•• Uma equipe de avaliadores foi contratada para avaliar o Uma equipe de avaliadores foi contratada para avaliar o site

site http://www.ingresso.com.br http://www.ingresso.com.br. O cliente informa que o . O cliente informa que o site está no ar há muito tempo, mas recebe muitas

site está no ar há muito tempo, mas recebe muitas visitas que não resultam em compras. A equipe de visitas que não resultam em compras. A equipe de designers do

designers do http://www.ingresso.com.br http://www.ingresso.com.br alega que o alega que o designers do

designers do http://www.ingresso.com.br http://www.ingresso.com.br alega que o alega que o site é muito usado para consultas, mas a diretoria

site é muito usado para consultas, mas a diretoria

comercial deseja saber se há alguma problema com o comercial deseja saber se há alguma problema com o site.

site.

•• A equipe de avaliadores decide usar a avaliação A equipe de avaliadores decide usar a avaliação

heurística, uma vez que a empresa contratante quer um heurística, uma vez que a empresa contratante quer um feedback rápido, com baixo custo e sem o envolvimento feedback rápido, com baixo custo e sem o envolvimento de clientes (fictícios ou não).

de clientes (fictícios ou não).

37 37

Exemplo

Exemplo –– Avaliação Heurística do ingressos.com.br Avaliação Heurística do ingressos.com.br Preparação do Teste

Preparação do Teste

•• Navegação Geral pelo Sistema Navegação Geral pelo Sistema

•• Determinação do Perfil dos Usuários Determinação do Perfil dos Usuários

– usa a internet diariamente e já é cadastrado no site.

Que outros cenários podemos imaginar?

– usa a internet diariamente e já é cadastrado no site.

– tarefa: ver os filmes que estão em cartaz e comprar ingressos.

•• Determinação de Cenários de Uso Determinação de Cenários de Uso

– Beatriz decide ir ao cinema com seu namorado, mas não sabe quais filmes estão em cartaz e nem os horários das sessões.

Ela costuma comprar os ingressos antecipadamente na bilheteria, mas desta vez isto não será possível, pois eles resolveram ir ao cinema só agora. Beatriz lembra-se de já ter comprado ingressos pela internet uma vez no site

ingressos.com.br e decide fazer isso de novo. Então acessa o

site para ver quais filmes estão em cartaz e comprar ingressos

para 2 adultos.

38 38

Exemplo

Exemplo –– Avaliação Heurística do ingressos.com.br Avaliação Heurística do ingressos.com.br

•• Inspeção Inspeção do site do site

– julgar a conformidade do produto aos princípios e regras selecionados;

– anotar que princípios e regras foram infringidos e onde;

– julgar a gravidade dos problemas encontrados; e

39 39

Exemplos de heurísticas violadas (ingressos.com.br) Exemplos de heurísticas violadas (ingressos.com.br)

Elemento da Interface: drop-down list de bairros e cinemas Localização: Home

Heurística Violada:prevenção de erro, porque a seleção de um item na combo de bairros não filtra os itens que aparecem na combo de cinema, por exemplo. Isto pode levar o usuário a escolher um cinema no bairro errado.

Gravidade: 3 – problema grande

Recomendação de solução: Quando a escolha de bairro for feita, só poderão aparecer os cinemas do bairro escolhido na combo de cinemas.

Elemento da Interface: mensagem de erro quando a busca não encontra filmes.

Localização: Tela de resultado da busca de filmes

Heurística Violada:Ajuda os usuários para reconhecerem, diagnosticarem e se recuperarem de erros, porque não informa os parâmetros usados na busca.

Gravidade: 3 – problema grande

Recomendação de solução: Incluir os dados da busca na mensagem de erro.

....

Exercício Exercício

•• Para cada heurística apresentada, procure exemplos de Para cada heurística apresentada, procure exemplos de violação em sistemas que você está acostumado a usar.

violação em sistemas que você está acostumado a usar.

•• Para os exemplos de violação, indique o grau de Para os exemplos de violação, indique o grau de

severidade que você entende que a violação representa, severidade que você entende que a violação representa, severidade que você entende que a violação representa, severidade que você entende que a violação representa, e procure sugerir pelo menos uma solução que você

e procure sugerir pelo menos uma solução que você acredita que pode resolver o problema.

acredita que pode resolver o problema.

Referencias da aula Referencias da aula

41 41

Barbosa & da Silva (2010) Interação Humano-Computador Capítulo 10 (Até seção 10.1.1): avaliação heurística