Você está na página 1de 35

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
Anlise de tarefas Requisitos
Respostas s 11 perguntas
Perfis de utilizadores Desenhar
Avaliar
Cenrios do problema
Requisitos funcionais
E agora? Prototipar
O passo seguinte?
-Anlise de tarefas
-Cenrios do problema
Anlise de
Requisitos

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

Você também pode gostar