![Page 1: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/1.jpg)
Interação Humano - Computador
Profa. Ticianne Ribeiro Sistemas e Mídias Digitais
![Page 2: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/2.jpg)
• O Carrefive deseja desenvolver um sistema interativo para ajudar donas de
casa a fazer compras.
• Melhor especificação possível em 20 minutos.
• Equipes de 6
• Critiquem!
2
Pense em um produto interativo para resolver o seguinte problema:
![Page 3: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/3.jpg)
Aula IV
Introdução a
Modelos Conceituais
3
Introdução a Modelos Conceituais -
Ticianne Ribeiro
![Page 4: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/4.jpg)
Objetivos
• Explicar em que consiste o espaço do problema
• Mostrar a importância de conceitualizar a interação
• Explicar o que é um Modelo Conceitual
• Mostrar os tipos de Modelos Conceituais
Introdução a Modelos Conceituais - Ticianne Ribeiro
4
![Page 5: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/5.jpg)
Entendendo o espaço do
problema
Introdução a Modelos Conceituais - Ticianne
Ribeiro
5
![Page 6: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/6.jpg)
Por onde começo a criação
de um produto interativo?
• Em geral, pelo nível prático (físico) de design
Introdução a Modelos Conceituais - Ticianne Ribeiro
6
![Page 7: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/7.jpg)
Introdução a Modelos Conceituais - Ticianne
Ribeiro
Qual o problema de começar
pelo nível físico de design?
7
![Page 8: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/8.jpg)
Ao começar pelo nível
físico de design, há o
grande risco de esquecer
as metas de usabilidade e
as necessidades reais do
usuário.
8
Introdução a Modelos Conceituais - Ticianne Ribeiro
![Page 9: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/9.jpg)
Como fazer então?
• Começar pelo nível conceitual de design!
– Delimitar o problema
– Refletir sobre as suposições
• Minha idéia é boa?
• Quais os pontos fortes e fracos?
Introdução a Modelos Conceituais - Ticianne Ribeiro
9
![Page 10: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/10.jpg)
Delimitação do Problema
• Tornar claras
– As metas do usuário
– As metas de usabilidade
• Explicitar suposições e crenças
– Identificar atividades humanas e interatividades problemáticas
– Pensar em como poderiam ser melhoradas se recebessem o suporte de outro tipo de interação
– Como o uso de uma nova tecnologia poderá ser útil
Introdução a Modelos Conceituais - Ticianne Ribeiro
10
![Page 11: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/11.jpg)
Um framework para
explicar suas suposições
• Um produto já existente apresenta problemas? Quais? Por que você acha que isso é um problema?
• Por que você acha que as suas idéias podem ser úteis? Como você imagina as pessoas integrando sua proposta de design às suas atividades diárias?
• Como o design que você propõe auxilia as pessoas em suas atividades? De que maneira aborda o problema identificado? Irá realmente ajudar?
Introdução a Modelos Conceituais - Ticianne Ribeiro
11
![Page 12: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/12.jpg)
Qual a vantagem disso
tudo?
• Trabalhar com suposições sobre o espaço
do problema, antes de construir algo
– Traz a tona questões problemáticas
– Ajuda a identificar idéias que podem ser melhoradas
– Ajuda a formular o que se quer projetar
– Ajuda a pensar sobre a estrutura geral do que se quer projetar
• Ou seja, envolve o desenvolvimento de um
modelo conceitual.
Introdução a Modelos Conceituais - Ticianne Ribeiro
12
![Page 13: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/13.jpg)
Modelos Conceituais
Introdução a Modelos Conceituais - Ticianne
Ribeiro
13
![Page 14: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/14.jpg)
Introdução a Modelos Conceituais - Ticianne
Ribeiro
Você acha que alguém
investe na construção de
algo sério, sem projetar
primeiro?
14
![Page 15: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/15.jpg)
Você pagaria e moraria numa casa
construída sem um projeto?
Introdução a Modelos Conceituais - Ticianne
Ribeiro
15
![Page 16: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/16.jpg)
Você passaria tranquilamente por
uma ponte construída de qualquer
jeito?
Introdução a Modelos Conceituais - Ticianne
Ribeiro
16
![Page 17: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/17.jpg)
Você investiria $10bi em um projeto
que não sabe se vai dar certo?
Introdução a Modelos Conceituais - Ticianne
Ribeiro
17
![Page 18: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/18.jpg)
Introdução a Modelos Conceituais - Ticianne
Ribeiro
Então por que você acha que
funciona construir sistemas
interativos sem projetar
primeiro?
18
![Page 19: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/19.jpg)
“A coisa mais importante a ser projetada é o
modelo conceitual do ponto de vista do usuário.
Todo o resto está subordinado a tornar esse modelo
claro, óbvio e substancial. É quase exatamente o
oposto de como a maioria dos softwares são
projetados.”
David Liddle, 1996
19
Introdução a Modelos Conceituais - Ticianne Ribeiro
![Page 20: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/20.jpg)
Modelo Conceitual
• Uma descrição do sistema proposto – em
termos de um conjunto de idéias e conceitos
integrados a respeito do que ele deve fazer, de
como deve se comportar e com o que deve se
parecer – que seja compreendida pelos
usuários da maneira pretendida.
• Visualizar o produto proposto, baseando-se nas
necessidades do usuário e em outros requisitos
identificados.
Introdução a Modelos Conceituais - Ticianne Ribeiro
20
![Page 21: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/21.jpg)
Desenvolvendo um Modelo
Conceitual
Introdução a Modelos Conceituais - Ticianne
Ribeiro
21
![Page 22: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/22.jpg)
Desenvolver um modelo conceitual
implica visualizar o produto proposto,
baseando-se nas necessidades do
usuário e em outros requisitos
identificados.
22
Introdução a Modelos Conceituais - Ticianne Ribeiro
Perguntar, observar, conviver, pesquisar.
![Page 23: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/23.jpg)
Desenvolvimento de
modelos conceituais
• Deve ser feito interativamente
– Esboço de idéias
– Storyboards
– Descrição dos possíveis cenários
– Prototipação de aspectos de
comportamento
Introdução a Modelos Conceituais - Ticianne Ribeiro
23
![Page 24: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/24.jpg)
Tipos de Modelos
Conceituais
• Modelos Conceituais Baseados em Atividades
– O que os usuário farão para realizar suas
tarefas?
• Modelos Conceituais Baseados em Objetos
– A que objeto do mundo real, se assemelha
meu sistema?
Introdução a Modelos Conceituais - Ticianne Ribeiro
24
![Page 25: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/25.jpg)
Modelos Conceituais
Baseados em Atividades
• Instrução
• Conversação
• Manipulação e navegação
• Exploração e pesquisa
Introdução a Modelos Conceituais - Ticianne Ribeiro
25
![Page 26: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/26.jpg)
Instrução
• Descreve como os usuários realizam suas tarefas
instruindo o sistema sobre o que fazer.
– Ex: aparelho de som e vídeo; computadores
Introdução a Modelos Conceituais - Ticianne Ribeiro
26
![Page 27: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/27.jpg)
Instrução
Introdução a Modelos Conceituais - Ticianne
Ribeiro
27
![Page 28: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/28.jpg)
Conversação
• É baseado na idéia de conversação entre uma pessoa e um sistema, em que atua como um parceiro em um diálogo.
Introdução a Modelos Conceituais - Ticianne Ribeiro
28
![Page 29: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/29.jpg)
Conversação
Introdução a Modelos Conceituais - Ticianne
Ribeiro
29
![Page 30: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/30.jpg)
Manipulação e Navegação
• Descreve a atividade de manipular objetos e
navegar por espaços virtuais explorando o
conhecimento que os usuários têm de como
fazer isto no mundo físico real.
• Segundo Bob Shneiderman (1983) as interfaces
de manipulação possuem 3 propriedades
fundamentais:
– Representação contínua de objetos e ações de
interesse;
– Ações incrementais rapidamente reversíveis;
– Comandos por meio de ações físicas.
Introdução a Modelos Conceituais - Ticianne Ribeiro
30
![Page 31: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/31.jpg)
Manipulação e Navegação
Introdução a Modelos Conceituais - Ticianne
Ribeiro
31
![Page 32: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/32.jpg)
Exploração e Pesquisa
• Baseado na idéia de possibilitar às pessoas explorar e pesquisar informações valendo-se de sua experiência em realizar essas tarefas com mídias já existentes.
– Ex: Páginas web, jogos e videogames.
Introdução a Modelos Conceituais - Ticianne Ribeiro
32
![Page 33: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/33.jpg)
Exploração e Pesquisa
Introdução a Modelos Conceituais - Ticianne
Ribeiro
33
![Page 34: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/34.jpg)
Modelos Conceituais
Baseados Em Objetos
• Baseada em um objeto ou artefato do mundo real
• Mais específicos do que modelos conceituais baseados em atividades
– Enfoca a maneira como um certo objeto é
utilizado em um determinado contexto.
• São geralmente baseados em um analogia com algo do mundo físico.
Introdução a Modelos Conceituais - Ticianne Ribeiro
34
![Page 35: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/35.jpg)
Modelos Conceituais Baseados
Em Objetos
Introdução a Modelos Conceituais - Ticianne
Ribeiro
35
![Page 36: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/36.jpg)
Modelos Conceituais Baseados
Em Objetos
Introdução a Modelos Conceituais - Ticianne
Ribeiro
36
![Page 37: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/37.jpg)
Metáforas de Interface
• Forma de descrever modelos conceituais baseados em atividades ou em objetos
– Com o que posso comparar meu sistema (comportamento e propriedades)?
• Procura a semelhança em aspectos de um entidade física, mas que também tem seu próprio comportamento e propriedades.
• Mapeamento de conceitos
O que lhe lembra
esse conceito? Introdução a Modelos Conceituais - Ticianne Ribeiro
37
![Page 38: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/38.jpg)
Modelos Conceituais Baseados
em Metáforas
Introdução a Modelos Conceituais - Ticianne
Ribeiro
38
![Page 39: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/39.jpg)
Modelos Conceituais Baseados
em Metáforas
Introdução a Modelos Conceituais - Ticianne
Ribeiro
39
![Page 40: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/40.jpg)
Problemas com Metáforas
Introdução a Modelos Conceituais - Ticianne
Ribeiro
40
![Page 41: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/41.jpg)
Problemas com Metáforas
Introdução a Modelos Conceituais - Ticianne
Ribeiro
41
![Page 42: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/42.jpg)
Introdução a Modelos Conceituais - Ticianne
Ribeiro
Projetar uma metáfora de
interface, de maneira que ela se
comporte e se pareça
literalmente com a entidade
física, é bom ou ruim?
42
![Page 43: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/43.jpg)
Conclusão
Introdução a Modelos Conceituais - Ticianne
Ribeiro
43
![Page 44: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/44.jpg)
Evitar problemas de
interação, como este...
Introdução a Modelos Conceituais - Ticianne
Ribeiro
44
![Page 45: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/45.jpg)
E este...
Introdução a Modelos Conceituais - Ticianne
Ribeiro
45
![Page 46: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/46.jpg)
E este...
Introdução a Modelos Conceituais - Ticianne
Ribeiro
46
![Page 47: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/47.jpg)
...começa em
desenvolver um bom
modelo conceitual.
47
Introdução a Modelos Conceituais - Ticianne Ribeiro
![Page 48: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/48.jpg)
Introdução a Modelos Conceituais - Ticianne
Ribeiro
Dúvidas?
48
![Page 49: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/49.jpg)
Até a próxima aula!
A glória dos jovens é a sua força; e a beleza dos velhos são os cabelos brancos. Provérbios 20:29
Introdução a Modelos Conceituais - Ticianne Ribeiro
49
![Page 50: Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro](https://reader034.vdocuments.pub/reader034/viewer/2022051314/55868d83d8b42a8c5a8b45f7/html5/thumbnails/50.jpg)
Créditos
Introdução a Modelos Conceituais - Ticianne
Ribeiro
50
Estes slides foram parcialmente baseados nos slides de
Érico Fernandes Fileno. MSc – Designer de Interação
Instituto Faber-Ludens de Design de Interação