23
PROJETANDO INTERFACES IMERSIVAS 1º UX UAI - BH

Projetando interfaces imersivas

Embed Size (px)

Citation preview

Page 1: Projetando interfaces imersivas

PROJETANDO INTERFACES IMERSIVAS1º UX UAI - BH

Page 2: Projetando interfaces imersivas
Page 3: Projetando interfaces imersivas

BRUNO CASTROUX & UI designer na TakeNet CURIOSO por natureza aficionado por FICÇÃO CINTÍFICA

brunocastro linkedbruno

Page 4: Projetando interfaces imersivas

INTRODUÇÃO

IMERSÃO (REALIDADE VIRTUAL), DEFINIÇÃO

“A imersão em realidade virtual é uma percepção de estar fisicamente presente em um mundo não-físico. Essa percepção acontece através de sistemas de imagens em VR, sons ou outros estímulos que proporcionam um ambiente totalmente envolvente.” #sinestesia

4

Page 5: Projetando interfaces imersivas

INTERFACES SCI-FIPROJETANDO INTERFACES IMERSIVAS

Page 6: Projetando interfaces imersivas
Page 7: Projetando interfaces imersivas

CONTEXTUALIZAÇÃO

CATÁLOGO FUI*

o primeiro objectivo deste trabalho é coletar e expor uma compilação de interações gestuais em filmes de ficção científica, proporcionando um catálogo para pesquisadores como recurso para discussões futuras. O segundo objetivo é classificar os dados recolhidos de acordo com uma série de critérios

*Fantasy User Interface

Sci-Fi Gestures Catalog http://www.cin.ufpe.br/~gesturescatalog/

#SAIBAMAIS

7

Page 8: Projetando interfaces imersivas

TODOS PRONTOS?PROJETANDO INTERFACES IMERSIVAS

Page 9: Projetando interfaces imersivas

DESIGNER DE REALIDADES AUMENTADAS

Como o avanço das tecnologias de realidade aumentada, Surgirão novas camadas de informação sobre o mundo físico, sem separações aparentes. Isto abrirá uma crescente demanda por designers que podem projetar experiências intuitivas e envolventes em uma grande gama de aplicações…

Gavin Kellyco-fundador e diretor da Artefacto

fonte: FastCo - Most Important Design Jobs Of The Future

Page 10: Projetando interfaces imersivas

INTERESSE NO GOOGLE

Virtual Reality Augmented Reality Oculus Rift Samsung Gear VR Cardboard

fonte:Google trends

10

Page 11: Projetando interfaces imersivas

ROADMAP DO FACEBOOK

fonte:Newsroom Facebook

11

Page 12: Projetando interfaces imersivas

[…]continuar trabalhando na evolução das interfaces de realidade virtual e realidade aumentada, que vão permitir que amigos que não estejam no mesmo espaço físico possam colaborar como se estivessem no mesmo local.

Mark ZuckerbergCEO e fundador do Facebook

Page 13: Projetando interfaces imersivas
Page 14: Projetando interfaces imersivas

PRIMEIROS PASSOSPROJETANDO INTERFACES IMERSIVAS

Page 15: Projetando interfaces imersivas

PRIMEIROS PASSOS

FISIOLOGIA

Planejar realidade virtual envolve questões fisiológicas. Como em simuladores de vôo, VR tem o potencial de apresentar descasamentos entre a sensação de movimento físicos e visuais. Isso pode produzir náuseas, quando seus olhos captam um movimento, mas seu corpo não.

Designing for Google Cardboard > Physiological considerations http://www.google.com/design/spec-vr/designing-for-google-cardboard

#SAIBAMAIS

15

‣ Movimento de cabeça

‣ Movimentos do usuário

‣ Velocidade constante

‣ Correspondência com objetos fixos

‣ Alterações de brilho

( ! ) ESTEJA ATENTO

Page 16: Projetando interfaces imersivas

PRIMEIROS PASSOS

Design for all 5 senses - Jinsop Leehttps://www.ted.com/talks/jinsop_lee_design_for_all_5_senses

#SAIBAMAIS

SINESTESIA

Sinestesia (do grego "união" ou "junção" e "sensação") é a relação de planos sensoriais diferentes: Por exemplo, o gosto com o cheiro, ou a visão com o tato. O termo é usado para descrever uma figura de linguagem e uma série de fenômenos provocados por uma condição neurológica.

16

Page 17: Projetando interfaces imersivas

PRIMEIROS PASSOS

FLOW (FLUXO)

Estado mental de operação em que a pessoa está totalmente imersa no que está fazendo, caracterizado por um sentimento de total envolvimento e sucesso no processo da atividade. […] as pessoas praticamente "se tornam parte da atividade"

Mihaly Csikszentmihalyi sobre o estado de Flowhttps://www.ted.com/talks/mihaly_csikszentmihalyi_on_flow

#SAIBAMAIS

‣ Objetivos claros (expectativas e regras são discerníveis).

‣ Concentração e foco (concentração em limitado campo de atenção).

‣ Perda do sentimento de auto-consciência.

‣ Sensação de tempo distorcida.

‣ Feedback direto e imediato.

‣ Equilíbrio entre o nível de habilidade e de desafio.

‣ A sensação de controle pessoal sobre a situação ou a atividade.

‣ A atividade é em si recompensadora, não exigindo esforço algum.

‣ Se tornam parte da atividade

COMPONENTES DO ESTADO DE FLOW

17

Page 18: Projetando interfaces imersivas

PRIMEIROS PASSOS

GOOGLE CARD BOARD

▸ Get CardBoard

▸ Apps

▸ Desenvelopers

▸ JUMP

▸ Manufactures

www.google.com/get/cardboard/

18

Page 19: Projetando interfaces imersivas

PRIMEIROS PASSOS

DESIGNING FOR GOOGLE CARDBOARD

1. Designing for Google Cardboard

▸ A new dimension

▸ Physiological considerations

2. Interactive patterns

▸ Setup

▸ Controls

▸ Feedback

▸ Display reticle

www.google.com/design/spec-vr/

19

Page 20: Projetando interfaces imersivas

PRIMEIROS PASSOS

FACEBOOK360facebook360.fb.com/learn/

1. Home

2. Learn

▸ Getting Started

▸ Publishing on FB

▸ Surround 360

▸ Cameras

▸ FAQs

▸ Discover

3. Discover

‣ Better Practices

‣ Community Stories

20

Page 21: Projetando interfaces imersivas

PESQUISASPROJETANDO INTERFACES IMERSIVAS

Page 22: Projetando interfaces imersivas

IDEO LABS HOW WE DID IT: PROTOTYPING IN VIRTUAL REALITYlabs.ideo.com/2016/03/07/how-we-did-it-prototyping-in-virtual-reality/

https://www.artefactgroup.com/work/vr-2020-inclusive-vision-virtual-reality/

ARTEFACT GROUPVR 2020: A MORE INCLUSIVE VISION FOR VIRTUAL REALITY

https://developer.oculus.com/blog/the-art-of-presence-and-immersion-in-the-climb/

OCULUS BLOGTHE ART OF PRESENCE AND IMMERSION IN THE CLIMB

Page 23: Projetando interfaces imersivas

brunocastro linkedbruno

OBRIGADO,Dúvidas, [email protected] em: https://goo.gl/Grbn21