Upgrade to Pro — share decks privately, control downloads, hide ads and more …

De 2D a 3D: Cómo diseñar interfaces de usuario en Realidad Virtual - JSConf Colombia 2018

Fabio Cortés
November 17, 2018
59

De 2D a 3D: Cómo diseñar interfaces de usuario en Realidad Virtual - JSConf Colombia 2018

El auge de la realidad virtual ha modificado la forma en que diseñamos y desarrollamos experiencias de usuario. Similar al descubrimiento de las técnicas de la perspectiva en la pintura, propias del Renacimiento, las interfaces de usuario se han volcado al desarrollo de ambientes en tres dimensiones; antes que propiciar interfaces planas, en las que las animaciones eran el principal móvil de la interacción con el usuario. Lo anterior, se ha convertido en un reto para todos los programadores y disenadores, dado que las múltiples posibilidades que dicho cambio trajo consigo aún no han sido del todo exploradas: sonidos holofónicos, pistas ambientales, ciclos día/noche, simulaciones climáticas e interfaces digitales antropomorfas, son tan sólo algunas de las posibilidades que la perspectiva en tres dimensiones han surgido en el diseno de interfaces.

En esta charla, exploraremos algunas de estas posibilidades; en especial, tres de los patrones de diseño más comunes: 1) inputs e interacciones; 2) espacio y escala; 3) diseños de ambientes en tres dimensiones. La explicación de dichos patrones se dará en el marco de su aplicación en los dos ''frameworks'' más populares para desarrollar realidad virtual, que son A-frame y React 360.

Fabio Cortés

November 17, 2018
Tweet

Transcript

  1. "El tremendo diluvio de desastres que había sumergido y ahogado

    a la infortunada Italia había no sólo arruinado cuantos edificios merecían ese nombre, sino también, y ello es más grave, exterminado a todos los artistas, cuando quiso Dios que naciera en 1240, en la ciudad de Florencia, Giovanni Cimabue, destinado a dar las primeras luces al arte de la pintura." Giorgio Vasari
  2. “En VR, el entorno es la interfaz y la interfaz

    es el entorno. La línea entre ellos, es cuestión de diseño”