Projetando interfaces imersivas

1.574 visualizações

Publicada em

Como projetar interfaces para Realidade Virtual? Nessa palestra para o 1º UX UAI BH abordo temas como VR, Realidade Aumentada e virtual.
Post sobre projetar VR: http://goo.gl/Grbn21

Publicada em: Design
  • Seja o primeiro a comentar

Projetando interfaces imersivas

  1. 1. PROJETANDO INTERFACES IMERSIVAS 1º UX UAI - BH
  2. 2. BRUNO CASTRO UX & UI designer na TakeNet CURIOSO por natureza aficionado por FICÇÃO CINTÍFICA brunocastro linkedbruno
  3. 3. 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
  4. 4. INTERFACES SCI-FI PROJETANDO INTERFACES IMERSIVAS
  5. 5. 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
  6. 6. TODOS PRONTOS? PROJETANDO INTERFACES IMERSIVAS
  7. 7. 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 Kelly
 co-fundador e diretor da Artefacto fonte: FastCo - Most Important Design Jobs Of The Future
  8. 8. INTERESSE NO GOOGLE Virtual Reality Augmented Reality Oculus Rift Samsung Gear VR Cardboard fonte:Google trends 10
  9. 9. ROADMAP DO FACEBOOK fonte:Newsroom Facebook 11
  10. 10. […]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 Zuckerberg
 CEO e fundador do Facebook
  11. 11. PRIMEIROS PASSOS PROJETANDO INTERFACES IMERSIVAS
  12. 12. 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
  13. 13. PRIMEIROS PASSOS Design for all 5 senses - Jinsop Lee
 https://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
  14. 14. 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 Flow
 https://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
  15. 15. PRIMEIROS PASSOS GOOGLE CARD BOARD ▸ Get CardBoard ▸ Apps ▸ Desenvelopers ▸ JUMP ▸ Manufactures www.google.com/get/cardboard/ 18
  16. 16. 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
  17. 17. PRIMEIROS PASSOS FACEBOOK360 facebook360.fb.com/learn/ 1. Home 2. Learn ▸ Getting Started ▸ Publishing on FB ▸ Surround 360 ▸ Cameras ▸ FAQs ▸ Discover 3. Discover ‣ Better Practices ‣ Community Stories 20
  18. 18. PESQUISAS PROJETANDO INTERFACES IMERSIVAS
  19. 19. IDEO LABS 
 HOW WE DID IT: PROTOTYPING IN VIRTUAL REALITY labs.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 GROUP
 VR 2020: A MORE INCLUSIVE VISION FOR VIRTUAL REALITY https://developer.oculus.com/ blog/the-art-of-presence-and- immersion-in-the-climb/ OCULUS BLOG
 THE ART OF PRESENCE AND IMMERSION IN THE CLIMB
  20. 20. brunocastro linkedbruno OBRIGADO, Dúvidas, falecomigo@brunocastro.me Mais em: https://goo.gl/Grbn21

×