inf1403 – introdução a interação humano-computador...

sergserg

INF1403 INF1403 –– IntroduIntroduçção a Interaão a Interaçção ão HumanoHumano--Computador (IHC)Computador (IHC)

Turma 3WATurma 3WAProfessora: Clarisse Sieckenius de SouzaProfessora: Clarisse Sieckenius de Souza

Aula dada por Luciana SalgadoAula dada por Luciana Salgado

ObservaObservaçção de Usuão de Usuáários: rios: Infraestrutura e Aspectos Infraestrutura e Aspectos ÉÉticosticos

10/05/201010/05/2010

1

(c) SERG, 2010

sergserg

RecordandoRecordando

•• Umas das tUmas das téécnicas de avaliacnicas de avaliaçção de IHC ão de IHC éé a observaa observaçção ão dos usudos usuááriosrios– Em seu ambiente natural– Em ambiente de laboratório

•• Em ambas as situaEm ambas as situaçções muito se aprende sobre o ões muito se aprende sobre o contexto, as condicontexto, as condiçções, os propões, os propóósitos e as diferentes sitos e as diferentes possibilidades e formas de uso de artefatos e possibilidades e formas de uso de artefatos e tecnologias.tecnologias.

2

(c) SERG, 2010

sergserg

Dois tipos bDois tipos báásicos de observadorsicos de observador

•• Um observador externoUm observador externo– Não participa, não intervém, almeja neutralidade e não-

envolvimento (ser invisível).

•• Um observador participanteUm observador participante– Participa, interage, convive, almeja compartilhar a experiência

do observado (ser um deles)–– Um etnUm etnóógrafografo

• Uma espécie de observador participante (próximo slide)–– Um participante informanteUm participante informante

• Reporta a um observador a sua experiência (espontaneamente ou a partir de perguntas colocadas pelo observador)

3

(c) SERG, 2010

sergserg

EtnografiaEtnografia

•• Muito se fala em IHC sobre Muito se fala em IHC sobre ““utilizar mutilizar méétodos todos etnogretnográáficosficos”” (ou (ou ““etnografiaetnografia””) para observar usu) para observar usuáários.rios.

– O que é ETNOGRAFIAETNOGRAFIA?– É uma técnica originária da ANTROPOLOGIAANTROPOLOGIA, que consiste

em o pesquisador: 1. conviver com o(s) sujeito(s) observado(s) durante um longo

período de tempo;2. anotar regular e cuidadosamente todas as suas observações; e3. elaborar um relato extenso e completo de suas observações

Observador e observado compartilham praticamente o mesmo contexto.

4

(c) SERG, 2010

sergserg

Questões gerais sobre observaQuestões gerais sobre observaçção de usuão de usuááriosrios

1.1. Quem estQuem estáá envolvido?envolvido?2.2. Onde se dOnde se dáá a observaa observaçção?ão?3.3. O que estO que estáá sendo observado?sendo observado?

5

(c) SERG, 2010

sergserg

Exemplos de testes que envolvem ObservaExemplos de testes que envolvem Observaçção de ão de UsuUsuááriosrios•• Teste de UsabilidadeTeste de Usabilidade

– Tipicamente adota a perspectiva do Design Centrado no Usuário.

• IHC é uma atividade cognitiva.– Tipicamente tem por objetivo

“medir o desempenho de usuários”.

– Foca usabilidade.– O resultado tipicamente se

concentra no dado observado.

•• Teste de ComunicabilidadeTeste de Comunicabilidade– Adota a perspectiva da

Engenharia Semiótica.• IHC é metacomunicação.

– Tem por objetivo ampliar o conhecimento (de desenvolvedores, avaliadores, pesquisadores) sobre como os usuários interpretam o (design do) artefato.

– Foca comunicabilidade.– O resultado extrapola o dado

observado, incorporando inferências e resultados de exploração do próprio avaliador.

6

(c) SERG, 2010

sergserg

MMéétodo de Avaliatodo de Avaliaçção de Comunicabilidade (MAC)ão de Comunicabilidade (MAC)

7

(c) SERG, 2010

• Etapas preliminares:– Preparação do Teste– Aplicação do Teste (fase de observação dos usuários)

• Etapas centrais:– Etiquetagem– Interpretação– Perfil Semiótico

O MAC foca a maneira como o usuário está

INTERPRETANDO (ou reagindo a) mensagem

do designer.

sergserg

MAC MAC -- PreparaPreparaçção do Teste (1/2)ão do Teste (1/2)

•• InspeInspeçção do artefato e estudo da documentaão do artefato e estudo da documentaçção ão dispondisponíívelvel

•• IdentificaIdentificaçção do foco da avaliaão do foco da avaliaçção ão – porção do artefato, funções, etc.

•• ElaboraElaboraçção de cenão de cenáários de uso rios de uso – qual o tipo de usuário visado, quais atividades deveria estar

realizando, em que contexto, para que fins, etc.

8

(c) SERG, 2010

sergserg

MAC MAC -- PreparaPreparaçção do Teste (2/2)ão do Teste (2/2)

•• SeleSeleçção de participantes ão de participantes – quantidade e perfil

•• AnAnáálise das questões lise das questões ééticas envolvidas no testeticas envolvidas no teste

•• ElaboraElaboraçção de entrevista/questionão de entrevista/questionáário para participantesrio para participantes

•• PreparaPreparaçção das instalaão das instalaçções e do material do teste ões e do material do teste – roteiros, termos de consentimento, sala de teste, configuração

do artefato, equipamento de registro, etc

9

(c) SERG, 2010

sergserg

MAC MAC -- AplicaAplicaçção do Teste (fase de observaão do Teste (fase de observaçção ão dos usudos usuáários) (1/3)rios) (1/3)•• ObjetivoObjetivo

– capturar evidências de uso da aplicação para posterior análise na fase de etiquetagem do filme da interação.

• A recomendação é de que esta fase ocorra com a participação de 2 (dois) observadores que tenham conhecimento do MAC.

10

(c) SERG, 2010

sergserg11

MAC MAC -- AplicaAplicaçção do Teste (fase de observaão do Teste (fase de observaçção ão dos usudos usuáários) (2/3)rios) (2/3)

Um dos observadores é a pessoa que está“over the shoulder”.Esta é a pessoa que pode fazer uma intervenção, quando for julgada necessária.

O segundo é um observador quieto e atento que está afastado, mas que está acompanhando bastante o teste através de um monitor clone e/ou uma janela espelhada.

11

sergserg

MAC MAC -- AplicaAplicaçção do Teste (fase de observaão do Teste (fase de observaçção ão dos usudos usuáários) (3/3)rios) (3/3)

(c) SERG, 2010

12

•• Produtos desta etapa:Produtos desta etapa:•• Filme da interaFilme da interaççãoão•• AnotaAnotaçções realizadas pelos avaliadores durante a ões realizadas pelos avaliadores durante a

observaobservaçção e entrevista pão e entrevista póóss--testestestes

sergserg

MAC MAC -- Etapas Centrais (1/4)Etapas Centrais (1/4)

•• Etiquetagem de filmes de interaEtiquetagem de filmes de interaççãoão– Associar uma ou mais das 13 etiquetas de comunicabilidade a

trechos dos filmes dos usuários– Etiquetas de comunicabilidade:

1. Cadê?2. E agora?3. O que é isto?4. Epa!5. Onde estou?6. Assim não dá.7. Por que não funciona?8. Ué, o que houve?9. P’ra mim, está bom.10. Desisto.11. Vai de outro jeito.12. Não, obrigado.13. Socorro!

13

(c) SERG, 2010

Vai de outro jeito!

Cadê?

Por que não funciona?

sergserg(c) SERG, 2010

14

•• TabulaTabulaçção de Resultadosão de Resultados– Levantar os tipos de etiquetas que apareceram, a freqüência de

ocorrência, os trechos e/ou atividades em que ocorreram– Levantar o tipo e a freqüência de ocorrência de etiquetas por

usuário (por atividade)– Associar aos padrões de etiquetagem classes de problemas de

IHC (podem-se usar diretrizes, heurísticas, modelos, e/ou tipos gerais de problemas para guiar esta associação)



15

•• InterpretaInterpretaççãoão– Os números dizem algo? O quê?

• Concentração destacada de etiquetas em determinada categoria, por exemplo.

– Os números dizem tudo? Por quê?Não dizem tudo.Não dizem tudo.Basta uma ocorrência de determinadas etiquetas para Basta uma ocorrência de determinadas etiquetas para comprometer toda a interacomprometer toda a interaçção.ão.



16

•• Perfil SemiPerfil Semióóticotico– Explorar a extensão dos problemas identificados na fase

anterior– Verificar se ocorrem problemas assemelhados ou decorrentes– Emitir o diagnóstico sobre a qualidade da metacomunicação

• Problemas principais– Evidências, Explicações, Implicações e desdobramentos

• Soluções alternativas– Indicadas nos testes com usuários– Resultantes da análise do avaliador



17

Exemplo de AplicaExemplo de Aplicaçção do MACão do MAC

sergserg (c) SERG, 2010 18

Atividade: Atividade: Uma das coisas que lhe Uma das coisas que lhe

interessaram no interessaram no SpiderPad SpiderPad éé a sua a sua alegada alegada possibilidade de possibilidade de CustomizaCustomizaçção. Por ão. Por isto, a meta deste isto, a meta deste usuusuáário no momento rio no momento éé ajustar a interface ajustar a interface do editor conforme do editor conforme suas preferências suas preferências pessoais. De pessoais. De imediato, imediato, ele quer ele quer determinar o determinar o fechamento fechamento automautomáático de tico de vváários tags (<html>, rios tags (<html>, <head>, <body> e <head>, <body> e ), para se ), para se comportarem como comportarem como , e se , e se comportam.comportam.

18

sergserg

Filmes da InteraFilmes da Interaççãoão

•• Os filmes abaixo ilustram a tentativa de um usuOs filmes abaixo ilustram a tentativa de um usuáário rio hipothipotéético tentanto tico tentanto determinar o fechamento determinar o fechamento automautomáático de vtico de váários tags:rios tags:– spider2006-03.avi– spider2006-04.avi– spider2006-05.avi– spider2006-06.avi

(c) SERG, 2010

19

20

EtiquetagemEtiquetagem--Exemplo Exemplo (spider2006(spider2006--0303.avi).avi)Período Etiqueta Narrativa e comentários

00:00:07 a

00:00:27

“Cadê?” O usuário dirige-se diretamente para o menu Options, onde espera

encontrar as opções de customização que procura. Lá, ele seleciona

Preferences, que abre um diálogo com abas. Ele lê as opções de

configuração da primeira aba, da segunda, da terceira, e volta para a

segunda. Está procurando a opção que determina o fechamento

automático do tag. “Cadê?”00:00:59 a

00:01:04

“Para mim

está bom.”Na segunda aba, o usuário decide selecionar a opção DOCTYPE tag e

verificar se ela determina o fechamento do tag . Nada acontece. O

usuário não desfaz a marcação do DOCTYPE tag que tinha feito,

mesmo sem entender do que se trata. “Para mim está bom.”

21

EtiquetagemEtiquetagem--Exemplo Exemplo (spider2006(spider2006--0404.avi).avi)Período Etiqueta Narrativa e comentários

Passagem do filme

03 para o 04

“Assim não

dá.”O usuário retorna ao diálogo de Preferences e vai para a

primeira aba e seleciona Protect tags against typing. Em

seguida repete a interação pelo menu Tags para verificar se o

tag fecha automaticamente. Mas ele não fecha. “Assim não

dá!”0:00:22 a 00:00:30 “Ué, o que

houve?”Deixando para trás a estratégia de customização pelo diálogo

Preferences, no menu Modify ele seleciona Modify Current

Tag, mas nada acontece. Ele repete a seleção, e de novo nada

acontece. “Ué, o que houve?”


22

EtiquetagemEtiquetagem--Exemplo Exemplo (spider2006(spider2006--0505.avi).avi)

Período Etiqueta Narrativa e comentários

00:00:40 a

00:00:59

“O que é isto?” O usuário tenta descobrir o que significam os

ícones no canto inferior esquerdo da janela do

editor. Abre cada um deles para descobrir o que

são, e talvez encontrar o que procura. “Cadê” e “O

que é isto?”.


23

EtiquetagemEtiquetagem--Exemplo Exemplo (spider2006(spider2006--0606.avi).avi)

Período Etiqueta Narrativa e comentários

Passagem do

filme 05 para o

06

“Assim não dá.” O usuário desiste de tentar customizar os tags através de uma

busca da função nos menus de interface.

00:00:04 a

00:01:19

“Socorro!” Desanimado “Assim não dá.”, finalmente recorre à Ajuda

Online. “Help!”


24

TabulaTabulaççãoão: Tipos e Freq: Tipos e Freqüüência de Etiquetasência de Etiquetas

Atividade Etiqueta Freqüência

1 Cadê?

P’ra mim, está bom.

Assim não dá

Ué, o que houve?

Por que não funciona?

O que é isto?

Socorro!

Epa!

Sub-Total


25

AssociaAssociaççãoãoGeralGeral

Expressões Categorias de Problemas

Cadê? Estrutura e Organização

E agora?

Atribuição de Significado

O que é isto?Epa!Onde estou?Ué, o que houve?Assim não dá. Raciocínio tem de

ser abandonadoPor que não funciona?P’ra mim ‘tá bom… Metas não são

atingidasDesisto!Vai de outro jeito… Affordances e

pressuposições Não, obrigado.

Soco

rro!

inf1403 – introdução a interação humano-computador...

Documents