DESIGN DA
INTERAÇÃO
[O que é?]
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Ciclo da Ação Humana
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Meta: Enviar um
cartão postal
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Meta: Enviar um
cartão postal
Tarefas:
1. Comprar o cartão
2. Escrever o cartão
3. Ir até os Correios
Ações:
1. Pagar o cartão
2. Pegar a caneta do balcão
3. Ficar na fila menor para
postagem
Ações:
1. Entregar cartão
preenchido para o
atendente
2. Pagar com a moeda que
está no bolso
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Meta: Enviar um
cartão postal
Tarefas:
1. Comprar o cartão
2. Escrever o cartão
3. Ir até os Correios
Ações:
1. Pagar o cartão
2. Pegar a caneta do balcão
3. Ficar na fila menor para
postagem
Ações:
1. Entregar cartão
preenchido para o
atendente
2. Pagar com a moeda que
está no bolso
x=y?
1.Observando o
atendente colar o selo no
cartão
2. Atendente coloca o
cartão selado no malote
Ok?
1. O cartão esta no malote e
será enviado logo logo
A meta de enviar o
cartão postal foi
atingida 
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Modelo do Designer
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Modelo do Designer
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Modelo do Designer
Estrutura e organização da IU
Entendimento do domínio
Entendimento das necessidades e
caracteríticas dos usuários
Tecnologias envolvidas e ambiente
Dispositivos de interação
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Dispositivos de Interação
• Dispositivos (Tecnologia)
• Interface: Hardware + Software
• Teclado
• Mouse
• Luvas
• Capacete
• Consoles...
(ENIAC, 1945)
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Dispositivos de Interação
• Evolução dos Dispositivos
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Minority Report (2002)
14
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Dispositivos de Interação Natural
• EyeToy, 2003
• PlayStation 2
• Visão computacional
• Reconhecimento de gestos
• Wii Remote, 2006
• Wii
• Acelerômetros
• PlayStation Eye, 2007
• PlayStation 3
• 4X Resolução EyeToy
15
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Dispositivos de Interação Natural
• PlayStation Move, 2009
• Acelerômetro
• Melhor tratamento de imagem
• EPOC, 2009
• Eletroencefalograma
• 14 sensores
• Pensamentos, sentimentos e expressões do usuário
• Kinect, 2010
• Sensor de profundidade
• Capta todo o corpo
• Requer distância
16
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Dispositivos de Interação Natural
• MindWave, 2011
• Eletroencefalograma
• Biosensores passivos
• Detecta estados de
atenção, meditação e
piscar de olhos
• Leap Motion, 2013
• Sensor de movimentos
• Compacto
• Necessita proximidade
• Foco nas mãos
• Myo, 2014
• Bluetooth
• Sensores musculares
17
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Dispositivo Lançamento Fabricante Plataforma
Contato
Físico
Tecnologia Custo
Eye Toy 2003 Sony PlayStation 2 Sim
Visão computacional
Reconhecimento de
gestos
$9
Wii Remote 2006 Nintendo Wii Sim Acelerômetro $15
PlayStation Eye 2007 Sony PlayStation 3 Não
Visão computacional
Reconhecimento de
gestos
$9
PlayStation Move 2007 Sony PlayStation 3 Sim Acelerômetro $32
Kinect 2010 Microsoft
Windows
Xbox360
Não
Sensor de profundidade
Light Coding
$119 (Xbox)
$216(Windows)
Leap Motion 2013
Leap Motion
Inc.
Windows
MacOS
Não Sensor de movimento $79
Myo 2014 Thalmic
Windows
MacOS
Android
Sim
Sensor muscular
Sensor de movimento
$199
EPOC 2009
Emotiv
Systems
Windows
MacOS
Linux
Sim Eletroencefalograma $399
MindWave 2011 NeuroSky
Windows
MacOS
Sim Eletroencefalograma $79
18
Leitura 01: Evolução dos Estilos de
Interação
• Radical Atoms: Beyond Tangible Bits, Toward Transformable
Materials
(http://web.media.mit.edu/~ishii/RadicalAtoms_ACM_Interactios.pdf)
Disciplina de Tópicos Especiais – Design da
Interação
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Referências:
CAP10: Interaction Design (STONE, JARRET, WOODROFE, MINOCHA:
User Interface Design and Evaluation. Ed. Elsevier, 2005 (704p).). Disponível
em:
http://booksite.elsevier.com/9780120884360/casestudies/Chapter_10.pdf

Design da Interação

  • 1.
  • 2.
    Disciplina de TópicosEspeciais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 3.
    Disciplina de TópicosEspeciais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 4.
    Disciplina de TópicosEspeciais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 5.
    Ciclo da AçãoHumana Disciplina de Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 6.
    Meta: Enviar um cartãopostal Disciplina de Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 7.
    Meta: Enviar um cartãopostal Tarefas: 1. Comprar o cartão 2. Escrever o cartão 3. Ir até os Correios Ações: 1. Pagar o cartão 2. Pegar a caneta do balcão 3. Ficar na fila menor para postagem Ações: 1. Entregar cartão preenchido para o atendente 2. Pagar com a moeda que está no bolso Disciplina de Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 8.
    Meta: Enviar um cartãopostal Tarefas: 1. Comprar o cartão 2. Escrever o cartão 3. Ir até os Correios Ações: 1. Pagar o cartão 2. Pegar a caneta do balcão 3. Ficar na fila menor para postagem Ações: 1. Entregar cartão preenchido para o atendente 2. Pagar com a moeda que está no bolso x=y? 1.Observando o atendente colar o selo no cartão 2. Atendente coloca o cartão selado no malote Ok? 1. O cartão esta no malote e será enviado logo logo A meta de enviar o cartão postal foi atingida  Disciplina de Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 9.
    Modelo do Designer Disciplinade Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 10.
    Modelo do Designer Disciplinade Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 11.
    Modelo do Designer Estruturae organização da IU Entendimento do domínio Entendimento das necessidades e caracteríticas dos usuários Tecnologias envolvidas e ambiente Dispositivos de interação Disciplina de Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 12.
    Dispositivos de Interação •Dispositivos (Tecnologia) • Interface: Hardware + Software • Teclado • Mouse • Luvas • Capacete • Consoles... (ENIAC, 1945) Disciplina de Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 13.
    Dispositivos de Interação •Evolução dos Dispositivos Disciplina de Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 14.
    Minority Report (2002) 14 Disciplinade Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 15.
    Dispositivos de InteraçãoNatural • EyeToy, 2003 • PlayStation 2 • Visão computacional • Reconhecimento de gestos • Wii Remote, 2006 • Wii • Acelerômetros • PlayStation Eye, 2007 • PlayStation 3 • 4X Resolução EyeToy 15 Disciplina de Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 16.
    Dispositivos de InteraçãoNatural • PlayStation Move, 2009 • Acelerômetro • Melhor tratamento de imagem • EPOC, 2009 • Eletroencefalograma • 14 sensores • Pensamentos, sentimentos e expressões do usuário • Kinect, 2010 • Sensor de profundidade • Capta todo o corpo • Requer distância 16 Disciplina de Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 17.
    Dispositivos de InteraçãoNatural • MindWave, 2011 • Eletroencefalograma • Biosensores passivos • Detecta estados de atenção, meditação e piscar de olhos • Leap Motion, 2013 • Sensor de movimentos • Compacto • Necessita proximidade • Foco nas mãos • Myo, 2014 • Bluetooth • Sensores musculares 17 Disciplina de Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 18.
    Dispositivo Lançamento FabricantePlataforma Contato Físico Tecnologia Custo Eye Toy 2003 Sony PlayStation 2 Sim Visão computacional Reconhecimento de gestos $9 Wii Remote 2006 Nintendo Wii Sim Acelerômetro $15 PlayStation Eye 2007 Sony PlayStation 3 Não Visão computacional Reconhecimento de gestos $9 PlayStation Move 2007 Sony PlayStation 3 Sim Acelerômetro $32 Kinect 2010 Microsoft Windows Xbox360 Não Sensor de profundidade Light Coding $119 (Xbox) $216(Windows) Leap Motion 2013 Leap Motion Inc. Windows MacOS Não Sensor de movimento $79 Myo 2014 Thalmic Windows MacOS Android Sim Sensor muscular Sensor de movimento $199 EPOC 2009 Emotiv Systems Windows MacOS Linux Sim Eletroencefalograma $399 MindWave 2011 NeuroSky Windows MacOS Sim Eletroencefalograma $79 18
  • 19.
    Leitura 01: Evoluçãodos Estilos de Interação • Radical Atoms: Beyond Tangible Bits, Toward Transformable Materials (http://web.media.mit.edu/~ishii/RadicalAtoms_ACM_Interactios.pdf) Disciplina de Tópicos Especiais – Design da Interação Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 20.
    Referências: CAP10: Interaction Design(STONE, JARRET, WOODROFE, MINOCHA: User Interface Design and Evaluation. Ed. Elsevier, 2005 (704p).). Disponível em: http://booksite.elsevier.com/9780120884360/casestudies/Chapter_10.pdf