Transcript
Page 1: Interação além da tela: design de aplicações para as próximas gerações (EPOCA 2014)

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

gerações

Acad. Eliza Ribeiro de Oliveira

Profa. Dra. Tatiana Aires Tavares

Santa Cruz - RN – 26 de novembro de 2014 - Escola Potiguar de Computação e suas Aplicações (EPOCA'14)

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

Roteiro

● Motivação: Jogos x Acessibilidade● Design da Interação

○ Design da Interação Multisensorial● Desafio: Jogos para Crianças com PC

○ Paralisia Cerebral○ Brincar○ Tecnologia Assistiva

● Experiência de Uso● Considerações Finais

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

● Jogar é divertido :-)

● Jogos Digitais no Brasil

●Entretenimento

●Facilidades Tecnológicas

Motivação

Fonte: http://www.gamelib.com.br/

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

● Acessibilidade○ Paralisia Cerebral (PC)○ Abordagem Inclusiva○ Tecnologia Assistiva

(TA)

Motivação

Fonte: Censo IBGE 2010Fonte: Censo IBGE 2010

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

● Jogos são baseados em diversão/engajamento.● Diversão é universal.● Diversão é motivacional.● Diversão é transformadora.

Motivação

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

● Criar um jogo, não uma aplicação

● Utilizar uma interface amigável e que se adapte ao usuário

● Utilizar um dispositivo multisensorial no jogo (Sphero)

● O jogo deve atender as necessidades de indivíduos com PC

● O jogo deve atender a necessidade de brincar através de um ambiente lúdico

● O jogo deve considerar aspectos de tecnologia assistiva● O jogo deve considerar jogos/aplicações semelhantes (trabalhos

correlatos)

● O jogo deve motivar/divertir o usuário

Nosso Desafio

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

● Criar um jogo, não uma aplicação

● Utilizar uma interface amigável e que se adapte ao usuário

● Utilizar um dispositivo multisensorial no jogo (Sphero)

● O jogo deve atender as necessidades de indivíduos com PC

● O jogo deve atender a necessidade de brincar através de um ambiente lúdico

● O jogo deve considerar aspectos de tecnologia assistiva● O jogo deve considerar jogos/aplicações semelhantes (trabalhos

correlatos)

● O jogo deve motivar/divertir o usuário

Nosso Desafio

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

● Jogo é diversão!

● Jogabilidade (gameplay ou playability) : qualidade da interação do usuário com os jogos

Jogos e Jogabilidade

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

●Critérios que determinam a qualidade dos jogos (heurísticas)●o objetivo principal do jogo deve estar claro desde o

início●o ritmo do jogo deve levar em consideração a fadiga

e a manutenção dos níveis de atenção●o desafio do jogo pode ser ajustado de acordo com a

habilidade do jogador ●os controles devem ser claros, customizáveis e

fisicamente confortáveis

Jogos e Jogabilidade

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

Jogos e Jogabilidade

Fonte: Fava, Fabricio - UX2013

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

● Criar um jogo, não uma aplicação

● Utilizar uma interface amigável e que se adapte ao usuário

● Utilizar um dispositivo multisensorial no jogo (Sphero)

● O jogo deve atender as necessidades de indivíduos com PC

● O jogo deve atender a necessidade de brincar através de um ambiente lúdico

● O jogo deve considerar aspectos de tecnologia assistiva● O jogo deve considerar jogos/aplicações semelhantes (trabalhos

correlatos)

● O jogo deve motivar/divertir o usuário

Nosso Desafio

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

Interface e Interação ● Interação Humano Computador (IHC)● Interface de Usuário (UI)● Interação● Estilos de Interação

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

Interface e Interação

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

Matrix, 1999

The 6th Day, 2000

Minority Report, 2002

Interface e Interação

Ficção Científica

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

Kinect, 2010

Teclado Holográfico, 2011

Google Glass, 2013

Fatos Científicos

Interface e Interação

Page 16: Interação além da tela: design de aplicações para as próximas gerações (EPOCA 2014)
Page 17: Interação além da tela: design de aplicações para as próximas gerações (EPOCA 2014)
Page 18: Interação além da tela: design de aplicações para as próximas gerações (EPOCA 2014)
Page 19: Interação além da tela: design de aplicações para as próximas gerações (EPOCA 2014)
Page 20: Interação além da tela: design de aplicações para as próximas gerações (EPOCA 2014)

Passado…

Presente…

Futuro…

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

Design da Interação

"… uma metodologia de produção de representações visuais para todas as fases do desenvolvimento oferecendo maquetes, modelos e protótipos..."

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

Design da Interação

Fonte: http://asinthecity.com/2011/11/10/the-difference-between-a-ux-designer-and-ui-developer/

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

Design da Interação

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

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 a nossa tecnologia.

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

Design da Interação Multisensorial

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

● O design da interação multisensorial considera as interfaces sensoriais, dispositivos, mídias e sua relação com a capacidade sensorial dos usuários. Para qualquer tipo de conteúdo, um ou mais sentidos dos usuários são normalmente utilizados para interpretação da mensagem. Lidar com múltiplos sentidos dos usuários de forma eficiente e simultânea é um objetivo para designers da interação.

Design da Interação Multisensorial

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

● Criar um jogo, não uma aplicação

● Utilizar uma interface amigável e que se adapte ao usuário

● Utilizar um dispositivo multisensorial no jogo (Sphero)

● O jogo deve atender as necessidades de indivíduos com PC

● O jogo deve atender a necessidade de brincar através de um ambiente lúdico

● O jogo deve considerar aspectos de tecnologia assistiva● O jogo deve considerar jogos/aplicações semelhantes (trabalhos

correlatos)

● O jogo deve motivar/divertir o usuário

Nosso Desafio

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

● Exploram os sentidos humanos● Experiências sensoriais através de sistemas computacionais● Interfaces tangíveis (palpáveis) e interação natural

[Nintendo Wii (Balance)]

Dispositivos Multisensoriais

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

● Leap motion

[Leap Motion]

Dispositivos Multisensoriais

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

●Dispositivo Multi-sensorial Sphero● “Bola Robótica”

●Autonomia de movimento de controle à

distância.

● Conjunto de sensores● Acelerômetro, um magnetômetro e um giroscópio

● Diferentes formas de interagir e programar● Formas de conexão: Macros e micros● Diferentes aplicações (jogos)

[Sphero]

Dispositivos Multisensoriais

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

Dispositivos Multisensoriais

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

● Criar um jogo, não uma aplicação

● Utilizar uma interface amigável e que se adapte ao usuário

● Utilizar um dispositivo multisensorial no jogo (Sphero)

● O jogo deve atender as necessidades de indivíduos com PC

● O jogo deve atender a necessidade de brincar através de um ambiente lúdico

● O jogo deve considerar aspectos de tecnologia assistiva● O jogo deve considerar jogos/aplicações semelhantes (trabalhos

correlatos)

● O jogo deve motivar/divertir o usuário

Nosso Desafio

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

● Distúrbios motores e alterações posturais de etiologia não progressiva.

● Associado ou não a distúrbios cognitivos e da fala●Dificuldade em detectar capacidade cognitiva

● Afeta cerca de 2 crianças a cada 1000 nascidos vivos em todo o mundo

● Formas espásticas, discinéticas, atáxica, hipotônica e mistas

O que é Paralisia Cerebral?

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

●PC espástica● Lesão no trato piramidal● Espasticidade (tônus muscular aumentado), dificuldade em executar

movimentos voluntários

O que é Paralisia Cerebral?

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

● PC discinética● Lesão no trato extrapiramidal● Dificuldade em manter a postura, executar movimentos voluntários e

coordenar movimentos automáticos ● Dividida em coreoatetósicas e distônicas

●PC atáxica● Lesão no cerebelo - equilíbrio● Tremor e dismetria, além de marcha instável e de base alargada

O que é Paralisia Cerebral?

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

• PC hipotônica– Mais rara – Flacidez permanente dos músculos

• PC mista– Envolve pelo menos 2 tipos

de PC em conjunto.

O que é Paralisia Cerebral?

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

● Criar um jogo, não uma aplicação

● Utilizar uma interface amigável e que se adapte ao usuário

● Utilizar um dispositivo multisensorial no jogo (Sphero)

● O jogo deve atender as necessidades de indivíduos com PC

● O jogo deve atender a necessidade de brincar através de um ambiente lúdico

● O jogo deve considerar aspectos de tecnologia assistiva● O jogo deve considerar jogos/aplicações semelhantes (trabalhos

correlatos)

● O jogo deve motivar/divertir o usuário

Nosso Desafio

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

● Fator principal no desenvolvimento global do indivíduo● Início do aprendizado em vários setores● Possui cinco componentes: sensorial, motor, afetivo, social e

cognitivo● Deficiência em algum destes componentes pode prejudicar o desempenho no

brincar

● Fatores que comprometem o brincar● Barreiras arquitetônicas● Dificuldade no manuseio de brinquedos● Falta de companhia● Ambiente externo – incentivo da família

O que é o Brincar?

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

● Definição: atitude subjetiva em que o prazer, o interesse e a espontaneidade se esbarram; essa atitude se traduz por uma conduta escolhida livremente e para a qual nenhum rendimento específico é esperado.

● Brincar como fim terapêutico

Ferland (2006)

BRINCAR

PRAZER DA AÇÃO E CAPACIDADE DE AGIR

AUTONOMIA E BEM-ESTAR

O que é o Brincar?

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

●A criança com deficiência tem os mesmos direitos e necessidades que uma criança típica

●Mesmas oportunidades que as crianças típicas● Adaptação do ambiente e de brinquedos

O que é o Brincar?

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

● Criar um jogo, não uma aplicação

● Utilizar uma interface amigável e que se adapte ao usuário

● Utilizar um dispositivo multisensorial no jogo (Sphero)

● O jogo deve atender as necessidades de indivíduos com PC

● O jogo deve atender a necessidade de brincar através de um ambiente lúdico

● O jogo deve considerar aspectos de tecnologia assistiva● O jogo deve considerar jogos/aplicações semelhantes (trabalhos

correlatos)

● O jogo deve motivar/divertir o usuário

Nosso Desafio

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

● Devolvem ou promovem a independência e autonomia do sujeito

● Mantém ou melhora as capacidades funcionais ● Classificação HEART (Horizontal European Activities in

Rehabilitation Technology): ● Componentes técnicos

● Brinquedo adaptados, instrumentos musicais e ferramentas para esporte e lazer

● Componentes humanos

● Componentes socioeconômicos

O que é Tecnologia Assistiva?

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

●Processo de Produção de um Produto de TA●Avaliação do estado do cliente

● Avaliação dos dispositivos sendo utilizados

● Avaliação das necessidades do cliente e da família

●Prescrição do item

●Desenvolvimento do projeto

●Treinamento do usuário

●Acompanhamento do uso

●Avaliações de mudanças de quadro

O que é Tecnologia Assistiva?

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

●Exemplos de Produtos de Tecnologia Assistiva

O que é Tecnologia Assistiva?

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

●LIVOX – Liberdade em Voz Alta

[Livox]

O que é Tecnologia Assistiva?

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

● Criar um jogo, não uma aplicação

● Utilizar uma interface amigável e que se adapte ao usuário

● Utilizar um dispositivo multisensorial no jogo (Sphero)

● O jogo deve atender as necessidades de indivíduos com PC

● O jogo deve atender a necessidade de brincar através de um ambiente lúdico

● O jogo deve considerar aspectos de tecnologia assistiva● O jogo deve considerar jogos/aplicações semelhantes (trabalhos

correlatos)

● O jogo deve motivar/divertir o usuário

Nosso Desafio

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

● Criar um jogo, não uma aplicação

● Utilizar uma interface amigável e que se adapte ao usuário

● Utilizar um dispositivo multisensorial no jogo (Sphero)

● O jogo deve atender as necessidades de indivíduos com PC

● O jogo deve atender a necessidade de brincar através de um ambiente lúdico

● O jogo deve considerar aspectos de tecnologia assistiva● O jogo deve considerar jogos/aplicações semelhantes (trabalhos

correlatos)

● O jogo deve motivar/divertir o usuário

Nosso Desafio

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

● Estilo de Interação: Interfaces tangíveis com interação natural● Dispositivos: Sphero + (Leap Motion, Push and click mouse, switch,

Tablet, pinça)● Jogabilidade: Ambiente lúdico, controles, elementos reais, ex.:

traves e rede● Amostra: Crianças até 6 anos com PC● Instrumentos de Avaliação e Classificação do Paciente: COPM,

GMFCS, MACS, PEDI. ● Critério de inclusão: Habilidade cognitiva preservada

Nosso Jogo

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

● Metodologia:

Metodologia de Desenvolvimento

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

Storyboards

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

● Modelo Conceitual:

[Diagrama de Casos de Uso UML]

Modelo Conceitual

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

● Interfaces Tangíveis + Interação Natural

[Visão da Arquitetura da Solução]

Visão Esquemática da Arquitetura

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

Interface do Software (terapeuta)

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

●Experiência de Uso● Recrutamento da amostra na clínica-escola de Terapia Ocupacional (TO) da

Universidade Federal da Paraíba● Assinatura do Termo de Consentimento Livre e Esclarecido (TCLE) pelos responsáveis ● Processo de avaliação e classificação da criança

● Avaliador cego ao estudo – (avaliação – criança, pais, terapeuta)

● Processo de intervenção● Processo de reavaliação por pessoa cega ao estudo

Experiência de Uso

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

● Instrumentos para Classificação e Avaliação● Instrumentos de classificação

● Questionários da História do Desenvolvimento (QHD)● Sistema de Classificação da Função Motora Grossa (GMFCS) ● Sistema de Classificação da Habilidade Manual (MACS)

● Instrumentos de Avaliação● Inventário de Avaliação de Incapacidade Pediátrica (PEDI)● O Protocolo do Modelo Lúdico (PAML)● Medida Canadense de Desempenho Ocupacional (COPM)● Escala de Equilíbrio de Berg (EEB)● Medida da função motora grossa (GMFM)

Experiência de Uso

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

● Resultados Parciais● Questionário ás mães – importância relacionada aos dispositivos. Passar um vídeo. ● Realizadas 8 sessões.

● P1 - 4 SESSÕES● P2 - 6 SESSÕES● P3 - 6 SESSÕES

● Vídeo P2 e P3.

● Trabalhos Apresentados● “Sensory Stimuli in Gaming Interaction - The potential of games in the intervention for children

with cerebral palsy” ● IEEE Games, Entertainment, & Media Conference, de 2014.

● “Jogo de Futebol Utilizado o Sphero para indivíduos com Paralisia Cerebral”● III Seminário Nacional de Pesquisa em Terapia Ocupacional, 2014

Experiência de Uso

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

Experiência de Uso

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

●Contribuições Esperadas●Utilizar o Sphero como TA para promover o brincar de crianças

com PC●Melhorar o desempenho de crianças com PC no brincar●Aumentar os escores nos instrumentos avaliativos●Ajudar as crianças com PC a se divertirem e realizarem

brincadeiras

Considerações Finais

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

Obrigado :-)

Profa. Tatiana Aires

Tavares

E-mail: [email protected]

Home: http://tatiana.lavid.ufpb.br/

Acad. Eliza Ribeiro de

Oliveira

E-mail: [email protected]


Top Related