Usabilidade 5 - Análise Heurística

  • View
    4.427

  • Download
    0

  • Category

    Design

Preview:

DESCRIPTION

Aula para a disciplina Produção e Ferramentas Colaborativas Pós-Graduação em Engenharia de Software Centrada em Métodos Ágeis Prof. Marcello de Campos Cardoso www.mcardoso.com.br Maio 2011

Citation preview

UsabilidadeEngenharia de Software Centrada em Métodos Ágeis

Marcello de Campos Cardoso | www.mcardoso.com.br | mcardoso@gmail.com

aula

5

Wednesday, June 8, 2011

Plano de curso

Introdução a Usabilidade: conceitos, origem (DCU, IHC), aplicação (IxD), metas de usabilidade, princípios de design, estudo de casos, benefícios, ciclos de vida de desenvolvimento (cascata x ágil), técnicas (overview).

Técnica de Modelagem: Personas ágeis (workshop)

Story Mapping (workshop)

Perguntando a especialistas:Análise Heurística, As 10 heurísticas de Nielsen (workshop)

Projetando a interface:Task Flow + Prototipação rápida (workshop)

Testes de usabilidade (workshop - roteiro)

Testes de usabilidade (workshop - aplicação)

1ª aula2ª aula

3ª aula

4ª aula

5ª aula

6ª aula

7ª aula

8ª aula

Wednesday, June 8, 2011

análise heurísticaas 10 heurísticas de Jakob Nielsen

Wednesday, June 8, 2011

análise heurísticaas 10 heurísticas de Jakob Nielsen

Wednesday, June 8, 2011

sequência de uso

Análise heurística

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

Wednesday, June 8, 2011

sequência de uso

Análise heurística

Heurísticas Metas de usabilidadeAs metas são princípios generalistas que norteiam o desenvolvimento

Heurísticas são diretrizes técnicas para a avaliação de interfaces

~=

Wednesday, June 8, 2011

Análise heurística

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

Wednesday, June 8, 2011

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

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

• 4 avaliados durante a fase inicial do ciclo de vida

• 7 avaliados em uma fase avançada;

sequência de uso

Análise heurística

Origem (1990)

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.

Wednesday, June 8, 2011

Análise heurística

Backlog do produto

Backlog do sprint

Reunião diária

Produto potencialmente

“entregável”

Onde aplicar?

Wednesday, June 8, 2011

Análise heurística

Backlog do produto

Backlog do sprint

Reunião diária

Produto potencialmente

“entregável”

Onde aplicar?

Wednesday, June 8, 2011

Análise heurística

Backlog do produto

Backlog do sprint

Reunião diária

Produto potencialmente

“entregável”

Onde aplicar?Avaliação da

Interfacepode ser aplicada

em protótipos

Wednesday, June 8, 2011

Análise heurística

Backlog do produto

Backlog do sprint

Reunião diária

Produto potencialmente

“entregável”

Onde aplicar?Avaliação da

Interfacepode ser aplicada

em protótipos

Wednesday, June 8, 2011

Análise heurística

Backlog do produto

Backlog do sprint

Reunião diária

Produto potencialmente

“entregável”

Onde aplicar?Avaliação da

Interfacepode ser aplicada

em protótipos

Avaliação da Interface

pode ser aplicadaem releases

Wednesday, June 8, 2011

1. Visibilidade do status do sistema (feedback)2. Compatibilidade do sistema com o mundo real (affordance)3. Controle do usuário e liberdade4. Consistência e padrões5. Prevenção de erros 6. Reconhecer em vez de relembrar7. Flexibilidade e eficiência no uso8. Estética e design minimalista9. Ajudar os usuários a reconhecer, diagnosticar e corrigir erros10.Ajuda e documentação

sequência de uso

Análise heurística

10 Heurísticas de Jakob Nielsen

Wednesday, June 8, 2011

O sistema deve informar continuamente e apropriadamente ao usuário sobre o que ele está fazendo, em tempo razoável.

sequência de uso

1. Visibilidade do status do sistema (feedback)

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Vou fazer um café...

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Vou fazer um café...

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Vou fazer um café...

Mais fácil de entender.

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

LOG deixa tudo mais claro.

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

On the fly!

Wednesday, June 8, 2011

sequência de uso

1. Visibilidade do status do sistema (feedback)

Wednesday, June 8, 2011

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.

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

What?Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

What?

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

What?

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

What?Cool!!

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

What?

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Cadê a busca?Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Cadê a busca?Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

What?Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

What?Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

What?Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

What?Wednesday, June 8, 2011

sequência de uso

2. Compatibilidade do sistema com o mundo real

Wednesday, June 8, 2011

O usuário controla o sistema. Ele pode, por exemplo, abortar uma tarefa ou desfazer uma operação e retornar ao estado anterior.

sequência de uso

3. Controle do usuário e liberdade

Wednesday, June 8, 2011

sequência de uso

3. Controle do usuário e liberdade

Wednesday, June 8, 2011

sequência de uso

3. Controle do usuário e liberdade

Wednesday, June 8, 2011

sequência de uso

3. Controle do usuário e liberdade

Wednesday, June 8, 2011

sequência de uso

3. Controle do usuário e liberdade

Wednesday, June 8, 2011

sequência de uso

3. Controle do usuário e liberdade

Wednesday, June 8, 2011

sequência de uso

3. Controle do usuário e liberdade

Wednesday, June 8, 2011

sequência de uso

3. Controle do usuário e liberdade

Wednesday, June 8, 2011

sequência de uso

3. Controle do usuário e liberdade

Wednesday, June 8, 2011

sequência de uso

3. Controle do usuário e liberdade

Wednesday, June 8, 2011

sequência de uso

3. Controle do usuário e liberdade

Wednesday, June 8, 2011

sequência de uso

Análise heurística

Wednesday, June 8, 2011

sequência de uso

Análise heurística

Wednesday, June 8, 2011

sequência de uso

Análise heurística

Wednesday, June 8, 2011

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.

sequência de uso

Análise heurística

4. Consistência e padrões

Wednesday, June 8, 2011

sequência de uso

4. Consistência e padrões

Wednesday, June 8, 2011

sequência de uso

4. Consistência e padrões

Wednesday, June 8, 2011

sequência de uso

4. Consistência e padrões

Wednesday, June 8, 2011

sequência de uso

4. Consistência e padrões

Wednesday, June 8, 2011

sequência de uso

4. Consistência e padrões

Wednesday, June 8, 2011

sequência de uso

4. Consistência e padrões

Wednesday, June 8, 2011

Evitar situações de erro.Conhecer as situações que mais provocam erros e modificar a interface para

que estes erros não ocorram

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

sequência de uso

5. Prevenção de erros

Wednesday, June 8, 2011

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.

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

sequência de uso

6. Reconhecer em vez de relembrar

Wednesday, June 8, 2011

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.

sequência de uso

7. Flexibilidade e eficiência no uso

Wednesday, June 8, 2011

sequência de uso

7. Flexibilidade e eficiência no uso

Wednesday, June 8, 2011

sequência de uso

7. Flexibilidade e eficiência no uso

Wednesday, June 8, 2011

sequência de uso

7. Flexibilidade e eficiência no uso

Wednesday, June 8, 2011

sequência de uso

7. Flexibilidade e eficiência no uso

Wednesday, June 8, 2011

sequência de uso

7. Flexibilidade e eficiência no uso

Wednesday, June 8, 2011

sequência de uso

7. Flexibilidade e eficiência no uso

Wednesday, June 8, 2011

sequência de uso

7. Flexibilidade e eficiência no uso

Wednesday, June 8, 2011

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.

sequência de uso

8. Estética e design minimalista

Wednesday, June 8, 2011

sequência de uso

8. Estética e design minimalista

Wednesday, June 8, 2011

sequência de uso

8. Estética e design minimalista

Wednesday, June 8, 2011

sequência de uso

8. Estética e design minimalista

Wednesday, June 8, 2011

sequência de uso

8. Estética e design minimalista

Wednesday, June 8, 2011

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.

sequência de uso

9. Ajudar a reconhecer, diagnosticar e corrigir erros

Wednesday, June 8, 2011

sequência de uso

9. Ajudar a reconhecer, diagnosticar e corrigir erros

Wednesday, June 8, 2011

sequência de uso

9. Ajudar a reconhecer, diagnosticar e corrigir erros

Wednesday, June 8, 2011

sequência de uso

9. Ajudar a reconhecer, diagnosticar e corrigir erros

Wednesday, June 8, 2011

sequência de uso

9. Ajudar a reconhecer, diagnosticar e corrigir erros

Wednesday, June 8, 2011

sequência de uso

9. Ajudar a reconhecer, diagnosticar e corrigir erros

Wednesday, June 8, 2011

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.

sequência de uso

10. Ajuda e documentação

Wednesday, June 8, 2011

sequência de uso

10. Ajuda e documentação

Wednesday, June 8, 2011

sequência de uso

10. Ajuda e documentação

Wednesday, June 8, 2011

sequência de uso

10. Ajuda e documentação

Wednesday, June 8, 2011

sequência de uso

10. Ajuda e documentação

Wednesday, June 8, 2011

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)

sequência de uso

Análise heurística

Vantagens

Wednesday, June 8, 2011

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

sequência de uso

Análise heurística

Como fazer?

Wednesday, June 8, 2011

sequência de uso

Exemplo de planilha de aplicação

Wednesday, June 8, 2011

sequência de uso

Exemplo de aplicação

H9H5

H7

H2

Wednesday, June 8, 2011

sequência de uso

Exemplo de aplicação

Wednesday, June 8, 2011

sequência de uso

Análise heurística

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

Wednesday, June 8, 2011

Análise heurística

Considerações: número de avaliadores5 avaliadores encontramos quase 75% dos problemas de usabilidade. 3 avaliadores fornecem quase 65% de descobertas1 avaliador descobre em média 35%

Wednesday, June 8, 2011

Análise heurística

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

Wednesday, June 8, 2011

Análise heurística

Considerações: número de avaliadoresA avaliação solo é conhecida como Expert review, Expert crit ou Discount evaluation.É uma prática comum de mercado.

Wednesday, June 8, 2011

Análise heurística

Considerações: experiência do avaliadorA qualidade da avaliação depende da compreensão correta das HeurísticasAplicá-las exercita as boas práticas de usabilidade, para o desenvolvedor

Wednesday, June 8, 2011

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)

sequência de uso

Análise heurística

Heurísticas para websites (Nielsen, 1999)

Wednesday, June 8, 2011

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.

sequência de uso

Análise heurística

Heurísticas RA na direção automotiva

Wednesday, June 8, 2011

1 - Franzir a sobrancelha - Concentração, antipatia ou falta de clareza2 - Levantar as sobrancelhas - Insegurança, incredulidade, surpresa ou exasperação3 - Desviar o olhar - Desapontamento, fracasso, culpa, vergonha ou submissão4 - Sorrir - Satisfação ou alegria5 - Apertar os lábios - Frustração, confusão, ansiedade, nervosismo ou preocupações6 - Mover a boca - Desorientação ou insegurança7 - Expressar-se verbalmente (tosses, suspiros, bocejos e etc.) - Frustração ou decepção8 - Tocar o rosto com as mãos - Confusão, incerteza ou cansaço9 - Reclinar-se para trás - Rejeição10 - Inclinar o corpo para frente - Depressão, frustração ou atenção

sequência de uso

Análise heurística

Heurísticas emocionais para jogos (Diego Castro Soares)

Wednesday, June 8, 2011

Este arquivo contém a apresentação realizada por Marcello de Campos Cardoso, em novembro de 2010, para a disciplina Engenharia de Usabilidade ministrada no curso de especialização Engenharia de Software Centrada em Métodos Ágeis, no Centro Universitário UNA.

obrigado!

Wednesday, June 8, 2011

Recommended