Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro

50
Interação Humano - Computador Profa. Ticianne Ribeiro Sistemas e Mídias Digitais

Transcript of Ihc aula 4 - introdução a modelos conceituais - ticianne ribeiro

Page 1: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

Interação Humano - Computador

Profa. Ticianne Ribeiro Sistemas e Mídias Digitais

Page 2: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

• 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

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

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

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

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

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

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

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

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

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

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

Modelos Conceituais

Introdução a Modelos Conceituais - Ticianne

Ribeiro

13

Page 14: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

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

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

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

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

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

“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

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

Desenvolvendo um Modelo

Conceitual

Introdução a Modelos Conceituais - Ticianne

Ribeiro

21

Page 22: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

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

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

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

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

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

Instrução

Introdução a Modelos Conceituais - Ticianne

Ribeiro

27

Page 28: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

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

Conversação

Introdução a Modelos Conceituais - Ticianne

Ribeiro

29

Page 30: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

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

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

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

Exploração e Pesquisa

Introdução a Modelos Conceituais - Ticianne

Ribeiro

33

Page 34: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

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

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

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

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

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

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

Problemas com Metáforas

Introdução a Modelos Conceituais - Ticianne

Ribeiro

40

Page 41: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

Problemas com Metáforas

Introdução a Modelos Conceituais - Ticianne

Ribeiro

41

Page 42: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

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

Conclusão

Introdução a Modelos Conceituais - Ticianne

Ribeiro

43

Page 44: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

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

E este...

Introdução a Modelos Conceituais - Ticianne

Ribeiro

45

Page 46: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

E este...

Introdução a Modelos Conceituais - Ticianne

Ribeiro

46

Page 47: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

...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

Introdução a Modelos Conceituais - Ticianne

Ribeiro

Dúvidas?

48

Page 49: Ihc  aula 4 - introdução a modelos conceituais - ticianne ribeiro

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

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