una - testes de usabilidade - aula 05

Testes de Usabilidade / Marcello Cardoso

Teste de UsabilidadeTeste e Qualidade de Software

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

Avaliando tarefas comPercurso Cognitivo (PC)

Friday, March 2, 12

http://www.mcardoso.com.br

http://www.mcardoso.com.br

mailto:[email protected]

mailto:[email protected]

http://edgarddavidson.com/?p=365

http://edgarddavidson.com/?p=365


Plano de curso1ª

2ª

3ª

4ª

5ª

6ª

7ª

8ª

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


Percurso CognitivoAvaliando tarefas do sistema

Friday, March 2, 12


Percurso Cognitivoa incrível jornada do usuário!

Friday, March 2, 12


Como pensam os usuários? (pacman)Que caminho percorrem? (maze)

Quais os desafios? (ghosts)

Friday, March 2, 12


Definição

Percursos – Introdução - Livro texto - pág. 442Guia prático em inglês, original: http://ics.colorado.edu/techpubs/pdf/93-07.pdf

É um método de inspeção de usabilidade usado para identificar problemas em um sistema digital, focando em quão fácil é para novos usuários realizarem tarefas neste sistema.

É um método embasado na engenharia cognitiva.

Friday, March 2, 12

http://ics.colorado.edu/techpubs/pdf/93-07.pdf

http://ics.colorado.edu/techpubs/pdf/93-07.pdf


Engenharia cognitivaFormalizada por Donald Norman em 1986, é uma abordagem que reúne

conhecimentos mistos de ciência cognitiva, psicologia cognitiva e

fatores humanos ao design de interfaces.

Friday, March 2, 12


Engenharia cognitiva - conceitos básicosO designer cria um modelo de design, um modelo mental de como o sistema

deve e comportar, baseado nos seu modelo de usuário e tarefa.

Modelo de design implementado = Imagem do sistema

O usuário real interage com a imagem do sistema e cria seu modelo mental da aplicação.

Friday, March 2, 12


Friday, March 2, 12


Engenharia cognitiva - conceitos básicos

A tarefa do designer é desenvolver o modelo de design de um sistema que se aproxime do modelo mental da aplicação do usuário real.

A solução é que o designer entenda o usuário. Para isso Norman propõe a teoria da ação.

Friday, March 2, 12


Friday, March 2, 12


O designer deve realizar as melhores escolhas para isso. deve escolher

os padrões de interação, elementos e feedbacks mais adequados.

Para verificar se uma interface cumpre melhor este papel, pode usar algumas

técnicas de inspeção de usabilidade.

Friday, March 2, 12


Inspeção de usabilidadeUm conjunto de métodos e técnicas para avaliação especialista de interfaces de sistemas.

Contrasta com testes de usabilidade, onde há a participação ativa de usuários no processo.

Friday, March 2, 12


Análise Heurísticaoferece uma abordagem holística para identificar problemas de usabilidade

Percurso Cognitivofoca na execução da tarefa para encontrar estes problemas

Diferenças entre AH e PC

Friday, March 2, 12


Percurso Cognitivo: De onde veioFoi proposto em 1994 por Wharton, Rieman, Lewis e Polson, contemporâneo do

método de Avaliação Heurística (1993).

Ao contrário do AH, o PC é baseado conhecimento teórico: Uma teoria do

aprendizado por exploração (proposto por Polson e Lewis em 1990):

Ao se depararem com algo novo, as pessoas naturalmente tentam entender do que

se trata explorando a novidade em um contexto concreto de atividade.

Friday, March 2, 12


Trocando em miúdos...No contexto de IHC o que isto significa é que diante de um sistema novo, os usuários começam a usá-lo (exploratoriamente) para aprendê-lo. Não vão ler manuais ou assistir a tutoriais primeiro.

A ideia é usar a teoria cognitiva para prever quanto tempo (ou esforço cognitivo) será necessário para os usuários aprenderem uma interface através de um processo de exploração.

Friday, March 2, 12


Percurso Cognitivo: Pra que serveFoco no aprendizado: Ajuda na verificação do quão intuitível uma interface é, ou o quanto oferece de potencial de aprendizado sobre seu funcionamento durante sua exploração.

Keywords: Intuitível, aprendizado, memorização, exploração

Friday, March 2, 12


Percurso Cognitivo: Quem aplicaDeve ser aplicada por designers ou desenvolvedores munidos de informações sobre o sistema e os usuários.

É menos efetiva se o avaliador é o projetista da interface.

Friday, March 2, 12


Percurso Cognitivo: Como aplicar

Preparação

O avaliador precisa levantar:

‣ O perfis de usuários visados

‣ A lista de tarefas do sistema

Friday, March 2, 12

Usuário – Eleitor insatisfeito com os candidatos à eleição.Tarefas chave – Votar Nulo, votar branco, votar em um candidato.

Urna eletrônica brasileira


autor: Marcos Machado / fonte: http://www.designdeinteracao.com.br/2008/10/27/quando-a-ideologia-se-reflete-na-usabilidade/

Friday, March 2, 12


1º passo | Análise da tarefaEles elaboram CENÁRIOS TÍPICOS para as tarefas que o sistema se destina a apoiar, identificando:

‣ O passo-a-passo para as tarefas selecionadas‣ O que os usuários supostamente JÁ SABEM ao se deparar como sistema pela primeira vez (ex, seu CPF, etc)

Friday, March 2, 12

Tarefa escolhida - Votar NuloCENÁRIO - O eleitor vai votar pela primeira vez, mas como não gostou de nenhuma das propostas dos candidatos, está decidido a anular o seu voto.

SEQÜÊNCIA DE AÇÕESPasso 1 – Digitar um número inexistente.Passo 2 – Apertar o botão “Confirmar”.



Friday, March 2, 12


2º passo | O percurso cognitivoOs inspetores então percorrem os passos (solo ou grupo), perguntando e discutindo 4 perguntas básicas em cada passo.

As questões importantes são levantadas e anotadas.

Os problemas procurados são relacionados com a compreensão da interface: taxonomia, posição de atalhos e botões, breadcrumbs, loading, hovers, mensagens de erro...

Friday, March 2, 12

“Hum vejamos, onde é que anulo meu voto? O botão para votar em branco está ali, mas não quero votar em branco, quero anular meu voto. Talvez se eu tentar digitar o número de algum candidato”



Friday, March 2, 12

“Ok, não tem nada para anular aqui também, não quero votar nesse cara, vou corrigir.”



Friday, March 2, 12

“É mesmo, talvez eu precise votar em um número qualquer sem ser os dos candidatos.”



Friday, March 2, 12

“Número errado? Eu sei que é errado, mas quero votar nulo. A sim, está aqui bem pequeno, se eu confirmar eu voto nulo.”



Friday, March 2, 12

“É isso, mas seria mais simples se houvesse um botão para anular igual tem para votar em branco.”



Friday, March 2, 12


1) A ação que o usuário pretende realizar está presente na interface?

O atalho para a ação existe na interface? (visibilidade)

2) A ação correta é evidente para o usuário?Ele sabe o que fazer pra chegar no seu objetivo? (compreensão)

3) O usuário irá associar as ações corretas ao que pretende fazer?Saberá como realizar a tarefa? (eficácia)

4) O usuário perceberá que progrediu em direção à solução da tarefa?

Existe feedback claro em tempo hábil? (feedback)

2º passo | O percurso cognitivo

Friday, March 2, 12


Questões / Passos Digitar um número inexistente Apertar o botão “Confirmar”

A ação que o usuário pretende realizar está presente na interface

Não Sim

A ação correta é evidente para o usuário?

Não. É necessário que o usuário tenha um conhecimento prévio de que é preciso digitar um número inexistente para anular o voto.

Sim. Mas a interface apresenta a mensagem de erro “Número errado”, que pode causar confusão no usuário.

O usuário irá associar as ações corretas ao que pretende fazer?

Não Sim

Irá o usuário interpretar de forma correta a resposta do sistema a ação escolhida?

Não, pois a interface julga a digitação de um número inexistente como um erro.

Sim, porém o texto que informa a possível anulação do voto tem pouco destaque em relação aos outros elementos da interface.


Friday, March 2, 12


3º passo | RelatórioUm relatório é gerado apontando os problemas de usabilidade e as

recomendações para melhoria do sistema. O relatório deve conter

indicações visuais de onde os problemas são encontrados.

Friday, March 2, 12


RESULTADO

Não há uma ação explícita para a tarefa na interface. A tarefa não é vista como uma opção válida para o sistema e a interface que apresenta as informações sobre um possível erro na digitação do número do candidato, também serve para que a ação de anular o voto seja completada.

Dessa forma, a tarefa de votar nulo é associada a um erro, o que além de dificultar a realização da tarefa, prejudica a sua credibilidade para os usuários.


Friday, March 2, 12


Percurso Pluralístico (Pluralistic Walkthrought)

Semelhante ao percurso cognitivo, com a diferença de que um grupo misto de profissionais/usuários de diferentes áreas avalia em conjunto e negocia as respostas.

As equipes devem ser compostas por designers, desenvolvedores e usuários representativos.

Friday, March 2, 12


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


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

una - testes de usabilidade - aula 05

Design