Interação além da tela: design de aplicações para as próximas gerações (JATIC)

Interação além da tela: design de aplicações para as próximas gerações

Glauco Sousa, Vinícius Antônio Campos Fagundes, Braulio Siebra, Raul Felipe de Morais Fernandes, Eliza Oliveira, Tatiana Aires Tavares

CENTRO DE INFORMÁTICA UFPB

www.lavid.ufpb.br

Campina Grande – 09 de setembro de 2014 - V Jornada de Tecnologia da Informação e Comunicação

Sumário

´  Interação Humano-Computador

´  Design da Interação

´  Interação Natural

´  Drones

´  Design Multisensorial – PAINTing BALL

Interação Humano-Computador (IHC)

´  Sistemas (Software + hardware)

´  Usuários (Peopleware)

´  Interfaces de Usuário (comunicação)

Design da Interação

´  It is not about technology…

http://designmind.frogdesign.com/blog/behaving-badly-in-vancouver.html

“If we, as a community, are not willing to invest some

effort and yes, exert some inf luence , through the

products and services we design, then how exactly will t h e s e c h a n g e s c o m e about?”

Robert Fabricant is the frog's Vice President of Creative and an expert in design for social innovation.

Fato ou Ficção?

Matrix, 1999

The 6th Day, 2000

Minority Report, 2002

Ficção Científica

Kinect, 2010

Teclado Holográfico, 2011

Google Glass, 2013

Fatos Científicos

Saindo do mundo dos pixels…

Saindo do mundo dos pixels…

Saindo do mundo dos pixels…

Saindo do mundo dos pixels…

Saindo do mundo dos pixels…

Passado… Presente… Futuro…

Como pensar no design do futuro?

´  É loucura pensar no que ainda não “existe”?

´  Como é possível pensar no que as pessoas vão interagir amanhã?

Como pensar no design do futuro?

´  É loucura pensar no que ainda não “existe”?

´  Como é possível pensar no que as pessoas vão interagir amanhã?

Lévy, Pierre. Qu’est-ce le virtuel? (1995)

Multisensory Interaction Design Thinking of how things will look like in the future

Multisensory Interaction Design

´  Quanto mais sofesticada é nossa tecnologia, mais simples e transparente é forma com a qual as pessoas interagem com ela.

´  Hoje em dia, nossos bebês já possuem um modo de interação “touch-oriented” com anossa tecnologia.

´  Sentidos humanos são cada vez mais exigidos na interação com a nossa tecnologia.

Multisensory Interaction Design

´  Quanto mais sofisticada é nossa tecnologia, mais simples e transparente é forma com a qual as pessoas interagem com ela.

´  Hoje em dia, nossos bebês-usuários já possuem um modo de interação “touch-oriented” com anossa tecnologia.

´  Sentidos humanos são cada vez mais exigidos na interação com a nossa tecnologia.

Multisensory Design Interaction

+

HUMAN SENSES

Multisensory Design Interaction

+

HUMAN SENSES

Multisensory Design Interaction

+

HUMAN SENSES

Multisensory Design Interaction

+

HUMAN SENSES

Multisensory Design Interaction

+

HUMAN SENSES

Multisensory Design Interaction

Multisensory Interaction Design Ongoing projects

Interação Natural Leap Motion versus Kinect

Motivação

´  Interagir através de gestos

Motivação

´  Interação Natural

´  Experiência do Usuário

´  Intuitivo

´  Imersivo

´  Satisfatório

´ Avaliar a experiência

Interfaces Naturais de Usuário (NUI)

´  Inversão de papéis ´ O sistema enxerga as intenções do usuário

´ Comunicação Natural ´ Características cognitivas

´  Interpretação pessoal

Interfaces Naturais de Usuário (NUI)

´  Interface “invisível”

´  Atuação direta do usuário

´  Ausência de instrumentos intermediários

Dispositivos

Jogos com recursos de IN

´ Fruit Ninja ´ Arcade Mode

Experimentos realizados

´ Leap Motion ´ Kinect

Resultados

´ Contato com a tacnologia

9

0

13

9

18

5

KINECT LEAP MOTION FRUIT NINJA

Contato Anterior

Já teve contato Nunca Utilizou

Resultados

´ Avaliação dos usuários

8

10

Preferência

Leap Motion Kinect

4

14

4 3

9

6

REGULAR BOA EXCELENTE

Avaliação da Experiência

Leap Motion Kinect

Trabalhos Futuros

´ Guidelines para Construção de Interfaces com IN ´ Como usar/especificar gestos?

´ Avaliação em outros dispositivos (MYO) ´  Novas visões de interação natural

´ Desenvolvimento de aplicações ´  Novas áreas de aplicações (jogos, fisioterapia, treinamento)

´  Expandir o alcance da tecnologia

Interação com Drones Interação com Objetos Físicos

Drones

´  Definição ´  Drone, VANT (UAV), VARP

´  Surgimento e Ascensão ´  EUA, cerca de 60 anos atrás

´  Fins militares

´  Modalidade de veículos que mais cresce em níveis de tecnologia

´  Compartilhamento do espaço aéreo com outras aeronaves

´  Vantagens ´  Diversidade de aplicações

´  Baixo custo

Drones

´  Questionamentos

´  Segurança x Privacidade

´  Qualquer pessoa pode pilotar um drone? E em qualquer lugar?

´  E se um drone cair em alguma rua, ou sobre alguém?

´  O sistema é livre de falhas?

´  Qual a distância que um drone deve manter de uma pessoa?

Tecnologias dos Drones

´  Exemplos

Drone de Asa Fixa Drone de Asa Giratória

Desafios de Áreas de Atuação

´  Uso Militar

´  Espionagem

´  Patrulhamento de fronteiras

´  Missões bélicas

´  Uso Comercial

´  Amazon (entregas)

´  Vídeos (filmagem, jornalismo)

´  Agricultura

´  Legislação

Drones no Brasil

´  Surgimento: década de 80

´  Atualmente

´  Acordo com Israel (2010)

´  Monitoramento de fronteiras

´  Monitoramento da Copa do Mundo

´  Monitoramento das Olimpíadas de 2016

Tecnologia Utilizada

´  Drone UDIR/C U817A

´  Tamanho: 33x33 cm

´  Peso: 0,4kg

´  Autonomia: 7-10 minutos

´  Distância máxima: 30 metros

Distância Interpessoal

´  Edward Hall (1966)

Distância com Drone

´  A distância interpessoal é válida para drones?

Experiência de Uso

´  Áreas de atuação e exemplos de uso

´  Uso militar, comercial

´  Graether e Mueller (2012) – Joggobot

´  Cormac Eubanks (2014) – Cycledrone

Experiência de Uso

´  Voo do Drone

Experiência de Uso

´  Making Off

Análise Qualitativa ´  Parte II – Pergunta 1

´  Como você se sentiria dividindo seu espaço cotidiano com drones?

0

2

4

6

8

10

12

14

Falta de Privacidade

Dúvida

À Favor

Análise Qualitativa

´  Parte II – Pergunta 2

´  Você se imagina sendo acompanhado por um drone na execução de alguma atividade de seu cotidiano? Se sim, cite exemplos de atividades.

0

2

4

6

8

10

12

14

Não Dúvida

Sim

Considerações

´  Experimento com drone realizado com 20 voluntários

´  Análise de um questionário respondido por cada voluntário

´  Dificuldade

´  Autonomia da bateria do drone

´  Conclusões Gerais

´  A maioria das pessoas não estão acostumadas à esta tecnologia

´  Estão dispostas a conhecê-la e a utilizá-la de alguma forma

´  A distância interpessoal não é válida para drones como é para pessoas

PAINTing BALL Jogos Sinestésicos

Sinestesia

´  Sinestesia do grego syn (união) e esthesia (sentidos)

´  “¬Anestesia”

´  Estímulo de um sentido quando outro é incitado

´  Capacidade de escutar cores, sentir o sabor de formas

52

Sinestesia 53

´  Efeito Kiki-Bouba (Köhler, 1929)

Sinestesia em computação

´  Corrêa et al (2009) - sistema musical de realidade aumentada para a terapia musical de pacientes com problemas físicos nas mãos

54

Sinestesia em computação

´  Tavares et al (2013) – uso de tecnologias digitais para a apreciação artística de pinturas sinestésicas

55

Fonte: Chromesthetic painting interactions: working with synethesia and interactivity - Tavares el al (2013)

Sphero

´  Esfera robótica fabricada pela Orbotix

´  Controle por dispositivos móveis

´  IOS

´  Android

´  Movimentação

´  Luminosidade

56

Sphero

´  Sensores

´  Acelerômetro

´  Magnetômetro

´  Giroscópio

´  Desenvolvimento

´  OrbBasic

´  Macros

´  Bibliotecas Android e IOS

PAINTingBALL

´  Esquema de interação proposto

58

PAINTingBALL

´  Storyboard e Protótipo

59

Considerações Finais

´  Indústria Criativa

´  Jogos e Entretenimento

´  Transmídia

´  Dispositivos de Interação

´  Acessibilidade

Obrigado J Profa. Tatiana Aires Tavares E-mail: tatiana@lavid.ufpb.br Home: http://tatiana.lavid.ufpb.br/

Convite http://webmedia2014.lavid.ufpb.br/

http://www.facebook.com/XXWebmedia