Modelos Conceptuais I

Captulo 5
Conceptual Models, J. Johnson and A. Henderson
(artigo da revista Interactions, Jan. 2002)
Interaction Design, Cap. 2
J. Preece

Resumo da aula anterior

As capacidades das pessoas para processar informao
so limitadas
Fortes implicaes no desenho das IUs

Modelo Humano de Processamento

Subsistemas da Percepo, Motor e Cognitivo

Informao guardada na memria

Sensorial, de curto prazo e de longo prazo
Armazenamento, Esquecimento, Recuperao
Reconhecimento melhor que Lembrana

Raciocnio, soluo de problemas

Sumrio
ModeloConceptual
Metforas
Conceitos
Objectos
Atributos
Aces

Relaes entre conceitos

Mapeamento
Mtricas de Usabilidade

O passo seguinte?
J se fez
Anlise de tarefas
Respostas s 11 perguntas
Perfis de utilizadores
Avaliar
Cenrios do problema
Requisitos funcionais

E agora?

Anlise de
Requisitos

Desenhar

Prototipar

O passo seguinte?
Anlise de
Requisitos

-Anlise de tarefas
-Cenrios do problema

Desenhar

Avaliar

Modelo
Conceptual

Prototipar

O passo errado!
Requisitos
Ecrs
Caixas de dilogo
Ou pginas Web

Falta um passo antes deste!!

O passo certo!
Antes de desenhar COMO o sistema se
apresenta aos utilizadores
melhor desenhar O QUE o sistema e para os
utilizadores
Desenhando o Modelo Conceptual

Modelos conceptuais:
exemplos
Assumam que estamos a desenhar:
Um site. o site
Uma coleco de pginas ligadas, ou
Uma hierarquia de pginas com ligaes cruzadas?

Plataforma para criar questionrios. um questionrio

Uma lista linear de perguntas, ou
Uma rvore de perguntas?

Estas decises so importantes!

Em funo da escolha
Utilizadores pensam nas coisas diferentemente
Os objectos sero diferentes
As operaes disponveis sero diferentes
A interaco do utilizador ser diferente

Escolhas
Evitar escolhas e seguir dois caminhos MAU
Utilizadores ficam
com uma viso confusa do sistema
e confusos sobre como realizar as tarefas

Escolher implica assumir compromissos

Dependem das tarefas
Simplicidade vs. potencialidades

Soluo
Criar o esqueleto e depois preench-lo!
1 desenhar um modelo conceptual focado no domnio da
tarefa
2 depois, desenhar uma IU a partir daquele

O resultado ser um produto

mais simples, mais coerente e mais fcil de aprender

Sem modelo conceptual teremos um produto

que parece arbitrrio, incoerente e complexo

Modelo conceptual
Definio: descrio de alto-nvel de como um
sistema est organizado e funciona.
Modelo que os designers esperam que seja
interiorizado pelos utilizadores
Criado pelos designers

Modelo conceptual: objectivo

Facilitar o desenvolvimento de um Modelo
Mental do sistema
pelos utilizadores
atravs da interface com o utilizador

Modelo conceptual: contedo

Principais metforas e analogias usadas no
desenho
Conceitos que o sistema expe ao utilizador, incluindo
Objectos do domnio da tarefa
Atributos dos objectos
Operaes sobre os objectos

Relaes entre conceitos

Mapeamento entre conceitos e as entidades fsicas

Modelo conceptual:
caractersticas
Simples:
Deve ser to simples quanto possvel, mas
fornecendo a funcionalidade requerida
Menos mais!

Focar na tarefa:
Mapeamento directo entre operaes do sistema e
operaes da tarefa
Mais facilmente percebido pelos utilizadores

Enfoque na tarefa: exemplo

Programa para criar e gerir organigramas. um
organigrama
(a) Uma coleco de caixas, caixas de texto, linhas conectoras
e atributos, ou
(b) Uma coleco de organizaes, suborganizaes,
empregados e atributos?

O modelo (b) faz um mapeamento mais directo no

domnio das tarefas
Mais fcil de perceber

O modelo (a) foca mais no aspecto grfico de um

organigrama do que nas funes

Modelo conceptual NO
No a Interface com o Utilizador
No sobre aspecto e funcionamento (Look & Feel)
No menciona teclas a carregar, aces do rato, grficos e
organizao do ecr, comandos, caixas de dilogo, mensagens
de erro, etc.

No especifica tipo de interaco

GUI num PC ou comandos de fala pelo telefone.

No modelo mental do utilizador

No arquitectura do sistema

Modelo conceptual
Descreve apenas
o que as pessoas podem fazer com o sistema
e que conceitos precisam de perceber para usar o sistema

Refere-se apenas
a objectos, atributos e aces do domnio da tarefa

Ferramenta de desenho dos designers

Permite arrumar ideias antes de desenhar IU

Metforas

Metforas de interface
Definio: Utilizao de conceitos familiares
numa interface para representar conceitos mais
abstractos do sistema
Fazem com que um novo sistema se parea e
comporte como um j conhecido.
Exploram conhecimento familiar, ajudando
utilizadores a compreender o no familiar

Metforas: vantagens
Oferecem dispositivos de orientao familiares
Tornam a aprendizagem de novos sistemas mais fcil
Ajudam utilizadores a aprender o modelo conceptual
subjacente
Simplificam descrio do sistema para novios e
estranhos
Podem ser inovadoras e tornar a realidade dos
computadores mais acessvel aos mais diversos
utilizadores

Metforas: desvantagens
Podem violar regras culturais e convenes
Caixote do lixo no tampo da secretria?

Demasiado restritivas (abrir ficheiros no fundo)

Conflito com princpios de desenho (lixo/disquete)
Limitam a compreenso do sistema para alm dos
conceitos bsicos
Interpretao demasiado literal de desenhos maus
(calculadora j era m)
Limitam a criatividade dos designers ao dificultarem
desenvolver novos modelos conceptuais

Metforas: exemplos
Metforas Globais
Assistente pessoal, Carteira, Canetas, Cartes,
Telefone

Dados e Funes
Lista de coisas a fazer, Calendrio, Documentos de
Aplicaes, Encontrar, Assistir

Coleces
Gavetas, Ficheiros, Livros, Album de fotografias

Metforas:
exemplo duma M metfora
Caixote do lixo em
cima da secretria ?
Ejeco de floppies
viola a metfora do
tampo de secretria
Atirar para o
caixote do lixo
deveria apagar
contedo, no
ejectar!

Metforas:
exemplo duma metfora
MENOS conseguida
Cores?
Uma s linha de
resultados?
Aproveita mal espao
no ecr
Podia ter mltiplas
linhas de resultado...

Metforas bizarras
Java
Originalmente chamava-se Oak
J estava tomado!
Marketing lembrou-se do caf (Java, Java Beans,
chvena de caf, etc.)

Bluetooth
Harald Bluetooth (rei Viking que uniu a Escandinvia
sc. X)
Tecnologia wireless que une tecnologias,
Comunicaes e Dispositivos Elctricos

Objectos e aces
Enumerar todos os conceitos do modelo expostos ao utilizador
todos os objectos do sistema
todos os atributos dos objectos
e todas as aces sobre os objectos

Se no estiver no modelo conceptual

o sistema no pode exigir que o utilizador esteja a par dele

Novos conceitos (no existem no domnio da tarefa)

Apenas se trouxerem grandes benefcios
Custo minimizado atravs de bom desenho da IU

Relaes entre conceitos

Enumerao de objectos e aces
Permite identificar aces partilhadas por vrios
objectos
Designers podem usar a mesma IU para aces de
diferentes objectos
Ex. Aplicao de desenho: Rectngulos e Elipses
Criao igual, Restries iguais (quadrados/crculos)

Modelo com menos conceitos

Mais simples, Mais coerente

Organizar objectos (que partilham aces) em

Hierarquia
Compreenso mais fcil - percebem especializao
Ex. Conta a prazo um tipo de Conta

Relaes entre conceitos

(cont.)
Conceitos tm importncias diferentes
Alguns conceitos so encontrados pelo utilizador com mais
frequncia que outros
Ex. Fechar uma conta uma operao pouco frequente
Relativamente a uma transferncia

A importncia relativa pode ser usada para focar o

desenho da IU
mais importante tornar as operaes frequentes fceis
Mesmo sacrificando as menos frequentes

Modelo conceptual:
exemplo
Catlogo de uma Biblioteca Online
Metforas e analogias
A informao est organizada como num carto de catlogo
(objecto fsico 8x5cm)

Conceitos:
Item
Atributos: Ttulo, ISBN, Estado
Aces: Reservar, Devolver, Requisitar

Subtipos de itens
Livro, n de peridico, vdeo

Volume peridico
Conta do utilizador
Atributos: Nome, bibliotecrio, itens devolvidos

Modelo conceptual:
exemplo (cont.)
Catlogo de uma Biblioteca Online (cont.)
Relaes:
Um livro um tipo de Item requisitvel
Volumes peridicos contm nmeros

Mapeamentos:
Cada item do sistema corresponde a um item fsico na biblioteca

Modelo conceptual:
exemplo (cont.)
Catlogo de uma Biblioteca Online (cont.)
Mtricas de Usabilidade
Tarefa Fcil: Requisitar um livro conhecido
Desempenho: 2 minutos; 0 erros
Satisfao: fcil especificar o livro pretendido

Tarefa Mdia: Alterar dados do utilizador

Desempenho: 5 minutos; 2 erros
Satisfao: Fcil perceber informao pedida

Tarefa Difcil: Requisitar uma revista, depois de encontrar o artigo

pretendido
Desempenho: 10 minutos; 5 erros
Satisfao: Fcil pesquisar artigo e requisitar a revista onde este est.

Modelo conceptual:
outro exemplo
Mquina de Vender Bebidas
Metfora: Cabine Telefnica
Comprar uma bebida como fazer uma chamada telefnica

Objectos/Aces:
Bebida, Preo, Troco, Cdigo, Escolher, Pagar, etc.

Relaes:
Uma bebida tem um preo
Uma bebida tem um cdigo

Mapeamentos
Escolher bebida <-> Marcar N Telefone
Receber bebida <-> Estabelecer chamada
Retirar bebida <-> Terminar chamada

Resumo
Modelo Conceptual
Metforas e Analogias
Conceitos
Objectos, Atributos e Aces

Relaes entre conceitos

Mapeamento entre conceitos
Mtricas de Usabilidade
Desempenho e Satisfao

Exemplo de um Modelo Conceptual

Prxima aula
ModeloConceptual (Cont.)
Cenrios de Actividades
Do Modelo Conceptual ao Projecto Completo (Benefcios)
Concluses do Modelo Conceptual

Modelo Mental
Tipos de Modelos Conceptuais
Exemplos