INF1403 – Introdução a Interação Humano-Computador...
Transcript of INF1403 – Introdução a Interação Humano-Computador...
11
INF1403 – Introdução a Interação Humano-Computador (IHC)
Turma 3WBProfessor: Alberto Raposo
Análise e Modelagem de Tarefas
23/05/2011
Análise de Tarefas
• Usada para se ter um entendimento sobre qual é o trabalho dos usuários, como eles o realizam e por quê.
• Pode ser usada em 3 situações habituais– Análise da situação atual (apoiada ou não por um sistema
computacional)– (Re)design de um sistema computacional– (Re)design de um sistema computacional– Avaliação do resultado de uma intervenção que inclua a
introdução de um (novo) sistema computacional
• Algumas tarefas são selecionadas para análise
Alguns métodos de análise de tarefas
• HTA – Hierarchical Task Analysis (Análise Hierárquica de Tarefas)
• GOMS – Goals, Operators, Methods and Selection rules• CTT - ConcurTaskTrees
Hierarchical Task Analysis
• Envolve quebrar uma tarefa em sub-tarefas, e estas em sub-sub-tarefas, e assim sucessivamente. Estas são agrupadas em planos que especificam como as tarefas são executadas na prática
• HTA foca nas ações físicas e observáveis, e inclui ações não relacionadas ao software ou ao dispositivo de interação
• Começa com um objetivo do usuário, que é examinado e as principais tarefas para atingir tal objetivo são identificadas
• Então as tarefas são divididas em sub-tarefas
Exemplo de HTA
0. Para pegar emprestado um livro da biblioteca1. ir até a biblioteca 2. encontrar o livro
2.1 accessar acervo da biblioteca2.1 accessar acervo da biblioteca2.2 accessar tela de busca2.3 entrar com o critério da busca2.4 identificar o livro desejado 2.5 anotar localização do livro
3. ir até a estante certa e pegar o livro4. levar o livro ao balcão de empréstimos
Exemplo de HTA (planos)
Plano 0 : fazer 1-3-4. Se o livro não estiver na prateleira esperada, fazer 2-3-4.
Plano 2: fazer 2.1-2.4-2.5. Se o livro não for identificado fazer 2.2-2.3-2.4.
Exemplo de HTA (gráfico)
Pegar livro emprestado
0
plano 0: fazer 1-3-4. Se o livro não estiver na prateleira esperada, fazer 2-3-4.
Ir à bi-blioteca
Encontrar o livro
Pegar o livro
Levar ao balcão
321 4
accessar acervo
accessar tela de busca
Entrar critério de busca
Identificar livro
Anotar localização
plano 2: fazer 2.1-2.4-2.5Se não identificar livro, fazer 2.2-2.3-2.4-2.5
2.1 2.2 2.3 2.4 2.5
Cenário: Escolha do nome da mascote
• Mariana e seus amigos estavam voltando para casa quando repararam quealgumas pessoas estavam reunidas na praça em torno de alguma coisa.Curiosos, eles resolveram ver do que se tratava. Chegando lá, perceberamque o centro das atenções era um quiosque para a escolha do nome damascote do Pan 2007. Mariana resolveu, então, participar. Depois deaguardar um pouco na fila, chegou sua vez de votar. O sistema apresentouuma breve explicação sobre o Pan, sobre a mascote e sobre como iniciar avotação. Mariana seguiu as orientações e começou a votar. Logo no início,o sistema apresentou os três possíveis nomes para a mascote e ofereceuo sistema apresentou os três possíveis nomes para a mascote e ofereceuuma forma para Mariana escolher um deles. Depois que ela escolheu umnome, o sistema pediu uma confirmação do voto para o caso dela terescolhido um nome por engano. Ela verificou que o nome escolhido era oque ela desejava, e confirmou a votação. Por fim, o sistema agradeceu suaparticipação e voltou a apresentar as informações sobre o Pan e a mascote.
Modelo de Tarefa: Escolha do nome da mascote
EscolherEscolhero nome dao nome damascotemascote
AA
-O usuário quiser saber o significado dos nomes
-Tiver que abandonar a votação no meio do caminho
-Tiver escolhido o nome errado
E se…?
Iniciar Iniciar VotaçãoVotação
VotarVotarExaminar Examinar
informações informações sobre o Pan e sobre o Pan e
mascotemascote
ConfirmarConfirmarescolhaescolha
EscolherEscolherum nomeum nome
ExaminarExaminaros possíveisos possíveis
nomesnomes
Examinar Examinar mensagem demensagem deagradecimentoagradecimento
11 22 33 44
-Tiver escolhido o nome errado
3.13.1 3.23.2 3.33.3
Modelo Hierárquico de Tarefas
Consultaravisos
B
Localizaraviso
Examinaraviso
Abandonarconsulta
Abandonarconsulta
1 2
*
A B C 2 33
*
1
Buscaravisos
Ordenaravisos
Mudar de seção
A B C
DefinirBusca
Examinarresultado
1 2
Fornecercritério
Selecionarbusca
personalizada
A B
Ler detalhesdo aviso
2 3
Imprimir aviso
3
Imprimir avisoSelecionaraviso
Selecionaraviso
1
Estruturas de Tarefas
• Tipos de estruturas:– Seqüenciais– Independentes de ordem– Alternativas– Iterativas.
Ler detalhesdo aviso
2
Selecionaraviso
Selecionaraviso
1
Informarlogin
Informarsenha
1? 2?
Buscaravisos
Ordenaravisos
Mudar de seção
A B C
Localizar
avisos
1
Buscaravisos
*
Ordenar avisos
Mudar de seção
A B C
Estruturas de Tarefas
Ler detalhesdo aviso
2
Selecionaraviso
Selecionaraviso
1
Localizar
avisos
1
Buscaravisos
*
Ordenar avisos
Mudar de seção
A B C
Seqüenciais Iterativas
Imprimir
aviso Informarlogin
Informarsenha
1? 2?
Buscaravisos
Ordenaravisos
Mudar de seção
A B C
Independentes de ordem
Alternativas
Opcionais
Consultaravisos
B
Abandonarconsulta
Abandonarconsulta
Ubíquas
Efetuar login
Pré-condições
Questão de Prova: 2009.2
Cenário:• Carolina chega ao laboratório de análises clínicas para fazer vários exames
de rotina. Ela se dirige ao balcão de atendimento, informa seu nome completo a uma funcionária e aguarda sua vez para ser atendida. Após 10 minutos ela é chamada pelo nome. Luciana, uma funcionária do laboratório atende Carolina. Ela pede a Carolina os pedidos de exames e demais documentos necessários. Luciana verifica que Carolina já é cliente da clínica. Ela pede então que Carolina confirme os dados já cadastrados. Carolina percebe que o número de telefone cadastrado foi mudado e informa o novo número. Luciana altera o telefone de Carolina, registra os informa o novo número. Luciana altera o telefone de Carolina, registra os pedidos de exames e devolve os documentos para Carolina. Pede a Carolina que vá até a sala de exames e aguarde ser chamada pelo nome. Carolina vai para a sala de exames para aguardar a sua vez. Passados 5 minutos Carolina é chamada por uma enfermeira que a acompanha até a sala onde serão realizados os seus exames. A enfermeira coleta o material para ser analisado e quando termina a coleta ela entrega a Carolina um cartão com um código e a data de entrega dos exames. Na data prevista para entrega dos exames, Carolina entra na Internet, digita a URL do laboratório e clica em um link para resultados de exames. Para verificar os seus exames ela precisa informar o seu código, impresso no cartão que a enfermeira lhe entregou, e a sua senha, que ela já tem cadastrada. Após confirmar estes dados o sistema lhe mostra uma lista de exames realizados e ela escolhe o exame que quer ver o resultado.
Questão de Prova: 2009.2
• Escolha uma tarefa descrita no cenário acima, e faça o diagrama hierárquico de tarefas (HTA), identificando possíveis planos dos usuários.
GOMS
• Goals (Objetivos) – O que o usuário quer fazer (como no HTA)– E.g., encontrar um website
• Operators (Operadores) – processos cognitivos ou ações do usuário para atingir o objetivo
• Methods (Métodos) – procedimentos para realizar as • Methods (Métodos) – procedimentos para realizar as tarefas (sequência de operadores)
• Selection Rules (Regras de Seleção) – decidir que método usar, se houver mais de um
GOMS - Exemplo
• Mover arquivo para outra pasta:– Objetivo: mover arquivo para outra pasta
• Método: mover arquivo– Operadores: mover cursor até o item, apertar o botão do mouse,
localizar a pasta de destino, carregar cursor até pasta destino, soltar botão do mouse
– Selection rules: se houver mais de um método para atingir o – Selection rules: se houver mais de um método para atingir o mesmo objetivo:
• E.g., – Deletar texto marcando-o com o mouse e selecionando “deletar” no
menu: se houver muita quantidade de texto para deletar– Deletar caracter a caracter com tecla “Del”: se houver pouco texto para
apagar.
Keystroke Level Model
• Nível quantitativo do GOMS• Usado para prever tempo gasto por um especialista para
realizar uma tarefa• Cada tarefa é descrita como conjunto de 5 operadores
motores básicos:– Tk: (k)eying – tempo para apertar uma tecla (incluindo
modificadores, como Shift ou Ctrl)modificadores, como Shift ou Ctrl)– Tp: (p)ointing – tempo para mover o mouse (ou outro dispositivo
apontador) até uma posição-alvo– Th: (h)oming – tempo para troca de dispositivo de entrada, e.g.,
trocar entre mouse e teclado– Td: (d)rawing – tempo para desenhar uma linha, usando o
mouse– Tb: click (b)utton – tempo para clicar um botão do mouse
Keystroke Level Model
• Também há 2 operadores não-motores:– Tm: (m)ental operator – tempo para realizar o processamento
mental para a tarefa– Tr: system (r )esponse operator – tempo de resposta do sistema
Keystroke Level Model - Exemplo
• Editar texto:– De: “O rato roeu a do rei”– Para: “O rato roeu a roupa do rei”
1. Mover mão para o mouse – H (mouse)2. Posicionar mouse depois de “roeu a” – P, B3. Mover mão para o teclado – H (teclado)3. Mover mão para o teclado – H (teclado)4. Formular palavra a ser inserida – M5. Digitar “roupa ” – K (r) K (o) K (u) K (p) K (a) K ( )6. reposicionar ponto de inserção no final da frase –
H (mouse), M, P, BTempo total: 3Th + 2Tp + 2Tb + 2Tm + 6Tk
Keystroke Level Model
• Sobre os tempos– Pode-se medir os tempos dos seus próprios usuários, ou– Usar estimativas pré-definidas:
CTT
• Tipos de Tarefas
– Agente � QuemQuem realiza a tarefa
• Tarefa do UsuárioUsuário
– Realização fora do sistema, pelo usuário
• Tarefa do SistemaSistema
– Realização pelo sistema, sem a participação do usuário
• Tarefa InterativaInterativa
– Interação do usuário com o sistema, iniciada pelo usuário
• Tarefa AbstrataAbstrata
– Não são tarefas em si, mas sim uma representação de uma composição de tarefas que auxilie a decomposição
Operadores do CTT
OperadorOperador SímboloSímbolo
Seleção [][]
Independência de Ordem ||==||
Concorrência ||||||
||[][]||Sincronização ||[][]||
Habilitação >>>>
Habilitação com Passagem de Informação [][]>>>>
Desabilitação [[>>
Suspensão/ Reativação |>|>
• Figura do livro daSimone Barbosae Bruno Santana(“Interação HumanoComputador”, Computador”, Elsevier 2010)
Exemplo: Marcar compromisso em agenda
• Figura do livro da Simone Barbosa e Bruno Santana(“Interação Humano Computador”, Elsevier 2010)
Bibliografia sobre CTT
1. PATERNÒ, F. (2003), ConcurTaskTrees: An Engineered Approach to Model-based Design of Interactive Systems. Documento eletrônico. Disponível em http://bibserv.isti.cnr.it/Dienst/Repository/2.0/Body/cnr.isti/ 2003-A1-07/pdf?tiposearch=ercim&langver=.
2. PAQUETTE, D. and SCHNEIDER, K. A. (2004), Interaction 2. PAQUETTE, D. and SCHNEIDER, K. A. (2004), Interaction Templates for Constructing User Interfaces from Task Models. Documento eletrônico. Disponível em http://www.cs.usask.ca/faculty/kas/papers/ CADUI_2004_IT.pdf.