You are on page 1of 34

Modelos e Tcnicas de Modelagem em IHC

Modelos e Tcnicas de Modelagem em IHC

Modelo para processo de design de interfaces


Anlise e Modelagem de Usurios

Anlise e Modelagem de Tarefas


Modelagem de Comunicao Storyboarding Ferramentas de Apoio Construo de Interfaces SERG Exerccios

Mudana de Paradigma
desenvolvimento centrado no sistema

desenvolvimento centrado no usurio

desenvolvimento situado no contexto organizacional e social

SERG

envolvimento de usurios no processo de design consideraes sobre grupos de usurios com tarefas e papis diferentes (ex: gerentes e tcnicos) importncia da qualidade de IHC

tual de conceber e descrever equisitos de seus potenciais

Modelos para processo de design de interfaces


Software um produto intelectual. O design de software portanto uma atividade que precisa de ferramentas e mtodos adequados produo intelectual.

mentas, aliadas criatividade e designer

abstrata, rigorosa, idealmente duto, utilizando uma notao (avaliao formal)

do que foi concebido, utilizando dimenses reduzidas, com o avaliao (avaliao no contexto)
especificao prototipao

de + interao

anlise om o usurio: testes de usabilidade


avaliao
SERG

nde da espcificao dos modelos ao

gerao prottipos

O Ciclo Estrela
Implementao Anlise de Tarefas

Avaliao
Anlise de Requisitos Design Conceitual

Prototipao

SERG

Caractersticas Cognitivas dos Usurios


percepo
os sentidos a influncia do contexto gestalt codificaes

TL O

ao
movimentos aparelho fonador

memria
memria muscular: rotinas automatizadas memria de trabalho: informao de uso imediato memria de longo prazo

SERG

Caractersticas Cognitivas O que fazer


focalizar ateno
estruturar e agrupar informao equilibrar a quantidade de informao usar recursos visuais: dicas espaciais e temporais; cores usar recursos sonoros: beep

alternar entre tarefas primrias e secundrias considerar restries de memria


usar palavras e cones familiares lembrana x memorizao

SERG

Perfil de Usurios
Problema
Nenhum estilo de interface serve para todos os tipos de usurio.

A soluo est na resposta pergunta:


Quem vai usar seu software?

mensagem designer do sistema


SERG

usurio

uem so os usurios e caracteriz-los

temas multi-usurios, importante como os diferentes papis esto

Modelagem de Usurios Fatores


O objetivo da anlise e modelagem de usurios :
usurios

ma cometer erros e precisa de auxlio e apoio endizado (e.g. help on-line e tutorial)

identificar quem so os ao mais rpida, que oferea shortcuts para e caracteriz-los bem. sempenho

mnio:

Deve especificar: hece o domnio (dicas e recuperao de erros)

nhece o domnio e diferentes maneiras de efa (como estender que atividades exercem, aplicao)

ral: lnguas e culturas distintas que capacidades

possuem, que gostos e metas tm, que caminhos evolutivos podem ou devem trilhar, e assim por diante.

SERG

uem so os usurios e caracteriz-los

temas multi-usurios, importante como os diferentes papis esto

Modelagem de Usurios Fatores


Exemplos:
papel ou funo do usurio

ma cometer erros e precisa de auxlio e apoio papel e usurio endizado (e.g. help on-line dotutorial) na organizao impacto do novo sistema em suas funes ao mais rpida, que oferea shortcuts para nvel de conhecimento do domnio da aplicao sempenho novato mnio: especialista inovador hece o domnio (dicas e recuperao de erros)

nhece o domnio e diferentes maneiras de iniciante efa (como estender aplicao)>> em evoluo experiente >> em evoluo ral: lnguas e culturas distintas

familiaridade com computadores e evoluo do usurio

freqncia de uso da aplicao


ocasional freqente

SERG

contexto scio-cultural e psico-fsico


acessibilidade universalizante

Perfil de Usurios Passo-a-Passo (I)


determine as categorias de usurios
geralmente semelhantes s funes e cargos da organizao ex: gerentes, tcnicos, secretrios, recepcionistas, auxiliares

determine as caractersticas relevantes dos usurios elabore um questionrio preliminar


inclua uma introduo sobre o objetivo e os benefcios do questionrio

obtenha feedback sobre o questionrio (da gerncia) e revise-o conduza um questionrio-piloto com entrevistas e revise-o clareza da redao, completeza, exclusividade mtua, adequao das questes utilize 2 ou 3 usurios de cada categoria
SERG

Perfil de Usurios Passo-a-Passo (II)

selecione uma amostra de usurios


ex: 10% da populao de cada categoria indique prazos e facilite a devoluo

distribua os questionrios projete a entrada e anlise de dados


utilize planilhas, editores de texto, etc., permitindo acomodar comentrios
resuma as caractersticas-chave e suas implicaes para a usabilidade e comunicabilidade da interface distribua as concluses e implicaes de design, com o resumo dos dados como apndice, para os outros membros da equipe prepare uma apresentao oral

digite, resuma e interprete os dados

apresente os resultados

SERG

Usurios na Web: Consideraes


Problema
muitas vezes so inacessveis ou desconhecidos

Alternativa
questionrios para amostra significativa de usurios-alvo questionrios no prprio site

SERG

Exerccio Perfil de Usurios


descrio
Passo 1: Elaborar um questionrio para os usurios Passo 2: Aplicar o questionrio Passo 3: Interpretar respostas obtidas e reavaliar o questionrio

SERG

e a perspectiva do usurio sobre a tarefa, interpretao do designer desta perspectiva s objetivos? s tarefas necessrias para alcanar esse zando um determinado dispositivo? qncia de aes que o usurio precisa executar?

Anlise de Tarefas

ermite que se defina o modelo computacional eja, o modelo conceitual do designer. jetos? eraes?

Objetivo da anlise: fornecer ao designer a viso dos usurios das tarefas que eles precisam realizar.
Entrevistas, reunies e observao direta Cenrios Questionamento sistemtico

SERG

Anlise de Tarefas - Decomposio

SERG

narrativas textuais, pictricas ou encenadas, de situaes o de narrativas de fictcias mas plausveis (seno desejveis) de uso situado roblema que permitem a da aplicao

tos sobre as tarefas e os ealizado quando os analistas es do processo de trabalho.

Anlise de Tarefas Cenrios

tes de design.

m ento avaliar, criticar e fazer devem ser ricos

em contextualizao e possuir um foco claro que transmita a usurios e designers as idias sendo s para se formar uma base de testadas meio de representao de fcil compreenso para os usurios envolvidos (mesmo de formao heterognea)

aprendizado de IHC ou no reuso

podem ser utilizados em diversos pontos do processo de design


SERG

Cenrio para um Sistema de Biblioteca


Um aluno chega na biblioteca e procura as referncias dos livros-texto desejados. Um aluno chega na biblioteca para procurar livros-texto dos cursos que est freqentando. Ele entra no sistema e seleciona os cursos, e obtm uma lista de todos os livrostexto e sua localizao na biblioteca. Seleciona a opo de bibliografia complementar, e uma nova lista de livros e artigos lhe apresentada. Ele ento manda imprimir todas as referncias encontradas.
SERG

Anlise de Tarefas Questionamento sistemtico

Objetivo: para se entender melhor o processo es do domnio atravs de narrativas de compreenso de estrias em narrativas ada se o processo de compreenso e projetista for realizado de maneira l., 1994] Tcnica (Caroll et al.94):

stica que permite a psiclogos e cenrio gerao do ontedo e a estrutura de informaes

elaborao da rede de proposies es integrantes do contexto so anlise rrativa E PRECISAR, questionamento sistemtico BASEAR NO CENRIO
qu? Como? O que ? Ento isto /ocorre assim?

IMA TRANSPARNCIA Por

SERG

Modelagem de Tarefas
Objetivo
formalizar as tarefas de forma a mape-las na interface

Modelos:
TAG UAN GOMS Modelo Keystroke-Level

SERG

Modelos de Tarefas
Task-Action Grammar (Payne and Green89)
baseada em gramtica gerativa, permite tratar diversos tipos de consistncia, a nvel lexical, sinttico e semntico

Modelo UAN (Hix and Hartson93)


permite representar aspectos do comportamento do sistema do ponto de vista do usurio, ou seja, que tarefas e aes o usurio realiza na interface (til para interfaces de manipulao direta)

SERG

e visual brao-mo-dedo e cabea-olho de deciso e acesso a memria

Modelos de Tarefas Continuao

primitivos, GOMS operadores Modelocomo uma (Card et al.83) o clicado, os atos de apontar, de pretende representar o comportamento dinmico da spositivo, desenhar, realizar uma perar a resposta interao com o computador, com base num modelo do do sistema. de uma tarefa so calculados sobre humano que possui trs subsistemas de comportamento qncias de operadores. interao: perceptual, motor e cognitivo Modelo Keystroke-Level (Card et al.83)
parte da famlia GOMS de modelos, mas em um nvel mais baixo, o nvel de atividade motora objetivo: prever o tempo que o usurio leva para realizar uma tarefa.
SERG

Modelo GOMS (Card, Moran, and Newell83)


Metas (Goals): Aquilo que o usurio deseja fazer
Operadores (Operators): Aes humanas bsicas que o usurio executa (ex: olhar tela, escutar beep, pressionar tecla, decidir, lembrar um item da memria de trabalho, etc) Mtodos para atingir as metas (Methods): Seqncia de passos para se atingir uma meta. Seus passos podem ser submetas, operadores ou uma combinao de ambos

Regras de seleo de mtodos (Selection rules): Regras para seleo do mtodo a ser utilizado

SERG

GOMS Simplificado (Lee93)


Analisa apenas metas e submetas Pode ser expandido at se tornar um modelo GOMS completo No requer que decises de design sejam tomadas Modelagem:

SERG

faa a anlise top-down use termos gerais para descrever metas examine todas as metas antes de subdividi-las considere todos os cenrios de tarefas use sentenas simples para especificar as metas retire os passos de um mtodo que sejam operadores pare a decomposio no limite do design de interface

Exemplo GOMS simplificado


Vamos modelar a tarefa *;1: consultar uma referncia. *;1. consultar uma referncia *;1.1a: se (conhecer dados precisos sobre a referncia) ento (realizar busca) { 1: iniciar busca 2: entrar dados conhecidos 3: disparar busca 4: verificar dados apresentados 5: encerrar consulta } se (no conhecer dados precisos sobre a referncia) ento (realizar varredura) { 1: iniciar varredura 2: comparar referncia apresentada com a referncia desejada 3a: se (referncia apresentada no for a desejada e houver prxima referncia) ento ({ 3a.1: ir para a prxima referncia 2: comparar referncia apresentada com a referncia desejada }) 3b: se (referncia apresentada for a desejada ou estiver na ltima referncia) ento (encerrar consulta) }

*;1.1b:

SERG

Raquel O. Prates:

Exemplos de tarefas a serem definidas:


entrar com projeto novo entrar com tarefa ou compromisso novo alterar dados de projeto existente alterar dados de tarefa ou compromisso existente consultar dados de projeto (texto + grficos) consultar dados de tarefa emitir relatrios de projeto (impresso e web) modelar 2 tarefas cotidiana dos usurios entrar com aniversrios e feriados TaskPlus, usando o GOMS simplificado emitir relao ou calendrio com as tarefas de um perodo

Exerccio Modelagem de Tarefas


descrio
do

dicas
identifique os objetos e aes do sistema, sob o ponto de vista do usurio top-down use termos gerais use sentenas simples para cada tipo de usurio

SERG

Modelagem de Comunicao
Designer define o QUE vai dizer na metamensagem

Contedo: o QUE vai dizer na meta-mensagem COMO vai diz-lo elementos do contedo

domnio a serem representados operaes sobre estes elementos que o que se percebe aes para o usurio controlar uma operao ue o que o signo significa ou representa (comandos)

do signo deve revelar seu contedo, ou seja, ormaes sobre seu significado

Designer define COMO vai diz-lo


Expresso:
widgets para comunicar elementos, operaes e comandos organizao e layout dos widgets escolhidos

nto.

SERG

Exemplo de Modelagem de Comunicao


Contedo:
Meta-mensagem: Para o usurio achar uma tarefa ele deve fornecer um ou mais dados sobre a tarefa desejada, e em seguida acionar a busca ou desisitir. Elementos: dados da tarefa, no caso, nome da tarefa, projeto correspondente, ou data de incio da mesma. Operaes: procurar tarefa de um projeto, a partir de seus dados. Aes:
fornecer dados ativar a operao desisitir da operao
SERG

Expresso:

Raquel O. Prates:

Exemplos de tarefas a serem definidas:


entrar com projeto novo entrar com tarefa ou compromisso novo alterar dados de projeto existente alterar dados de tarefa ou compromisso existente descrio consultar dados de projeto (texto + grficos) consultar dados de tarefano modelo de tarefas, definir as telas da com base emitir relatrios de projeto (impresso e web) aplicao entrar com aniversrios e feriados emitir relao ou calendrio com as tarefas de um perodo cada tela definir os elementos que devem compor

Exerccio Modelagem de Comunicao

definir a meta-mensagem que pretende passar para o usurio atravs de cada tela

dicas
nem sempre um objetivo do modelo de tarefa ser mapeado para uma tela
considere a quantidade de informaes em cada tela

verificar a existncia de informao persistente


SERG

Modelagem da Comunicao II Discurso


navegao entre telas diagramas de transio
OK tarefa X

consulta a tarefas

resultado da consulta
Nova consulta

tarefa

SERG

Raquel O. Prates:

Exemplos de tarefas a serem definidas:


entrar com projeto novo entrar com tarefa ou compromisso novo alterar dados de projeto existente alterar dados de tarefa ou compromisso existente consultar dados de projeto (texto + grficos) descrio consultar dados de tarefa emitir relatrios de projeto (impresso e web) definir a navegao entre as telas identificadas entrar com aniversrios e feriados emitir relao ou calendrio com as tarefas de um perodo

Exerccio Modelagem de Navegao

dicas

defina que ao leva o usurio a passar de uma tela


para outra evite criar caminhos muito longos para aes muito freqentes

SERG

Representao por Storyboarding

tes:

o mais adequados para a anlise das anto storyboards permitem a validao dos aplicaes elaborao de prottipos no operacionais na anlise: visualizao iniciais.

de cenrios das tarefas do usurio

no contexto de trabalho no design: visualizao de cenrios do uso da interface na avaliao: testes de usabilidade e redesign

mdias
material impresso ou plstico vdeo ou fotografia computadores ou equipamento multimdia, utilizando ferramentas de alto nvel
SERG

Storyboarding

SERG

Ferramentas de Apoio Construo de Interfaces

biblioteca de widgets toolkits que a utilizao de ferramentas de apoio faces no o suficiente para garantir a ambiente de implementao ace resultante. (interao com base em de se desenvolver ferramentas + funcionalidade)

ica que dem apoio ao desenvolvimento de dade

critrios de avaliao para estas ferramentas


profundidade alcance portabilidade facilidade de uso eficincia para projetistas qualidade das interfaces resultantes desempenho das interfaces resultantes preo suporte

SERG