Archive for the 'Realidad aumentada' Category

UI en VR y AR o cómo adaptar conceptos viejos a las nuevas tecnologías

Monday, May 6th, 2019
Autor: Camila Rueda

En los últimos años la idea de poder crear nuevas realidades a partir de tecnologías que permitan alterar nuestra realidad para crear otras, resulta ser algo demasiado atractivo como para no prestar interés, es por eso que los entusiastas de estas tecnologías terminan adentrándose al mundo de la VR y la AR topándose con nuevos desafíos que deben afrontar con base a las soluciones que le han dado a estos retos en otras plataformas, pero adaptándolas a la idea de estas nuevas realidades, es por esto que a continuación revisaremos estas soluciones con la intención de conocer la mejor manera de afrontar estos desafíos.

Como es el caso de diferentes plataformas, existen reglas por seguir cuando nos referimos al diseño de las interfaces, reglas que se podrían llegar a romper siempre y cuando se justifique esta acción, sin embargo creo que al ser plataformas tan nuevas lo mejor es seguir estas guías mientras terminamos de entender la idea de estas nuevas realidades.

1. Realidad Virtual

La VR nos permite vivir una inmersión dentro de un espacio virtual, normalmente con la ayuda de un headset donde tenemos una visualización del entorno digital gracias a nuestros ojos y cuello que permiten una rotación, este tipo de plataforma se conoce como 3DoF (Degrees of Freedom) donde podemos visualizar el espacio por medio de la rotación, y podríamos llegar a movernos en él espacio gracias un control como Daydream. Así mismo tenemos otra plataforma que nos permite movernos por el espacio gracias a la rotación y a la posición, se conoce como 6DoF.

Independiente de cual sea la plataforma que se va a utilizar, en ambas tenemos el concepto de rotación y es gracias a esta idea que podemos empezar a construir nuestras interfaces, nuestras pantallas virtuales.

 

1.1. Pantallas virtuales: Considerando que tenemos una pantalla donde se puede visualizar un escenario, y otra pantalla de interfaz donde se encuentran los textos, iconos y botones, lo ideal es definir la distancia que ambas pantallas tendrán del usuario. Es aquí cuando entra un nuevo concepto que nos ayudará a entender la distancia de las pantallas en diferentes escenarios, dmm.

1.1.1. dmm: O distance-independent millimeter, es una unidad que se podría traducir como 1 milímetro visto a 1 metro de distancia, esto nos ayuda a identificar las diferentes medidas que una pantalla virtual podría tener según su distancia con la intención de no perder la estructura de la pantalla.

Digamos una pantalla que tenga las siguientes medidas 400 x 480 dmm y se encuentre a 1 metro de distancia, tendrá estas medidas 800 x 960 dmm cuando se encuentre a 2 metros de distancia (multiplicando x2 la medida en dmm inicial) y 1200 x 1440 dmm cuando se encuentre a 3 metros (x3).

1.1.2. Distancia: En general, la distancia más recomendada es 1 metro de diferencia entre el usuario y la pantalla virtual del escenario, mientras que la pantalla de interfaces se puede ubicar un poco más cerca de la vista del usuario para presentar una profundidad y diferencia entre estas dos pantallas, además de facilitar la interacción que el usuario tendría con botones, textos o iconos, demostrando su dominancia en ciertos momentos.

 

Una vez conozcamos la mejor manera de entender la distancia, nos encontramos con el siguiente desafío y es la distribución de los elementos dentro de las pantallas, volviendo a retomar la idea de rotación.

 

1.1.3. Rotación: Lo siguiente se concluyó considerando los movimientos de rotación que se pueden hacer con el headset, o factores ergonómicos.

1.1.3.1 Ojos: Empezando por los ojos los cuales determinan el espacio preferible para ubicar la pantalla de interfaz, o por lo menos su elementos más importantes.

Considerando que los ojos pueden hacer una rotación de 30 a 35 grados de arriba a abajo y de derecha a izquierda sin sentir incomodidad, se determinó que el mejor lugar para la pantalla de interfaces debería ser en este espacio de 60 grados determinado por los ojos, ubicando este radio en el centro de la pantalla.

1.1.3.2. Cuello: La siguiente rotación la determina el cuello, el cual puede girar 120 grados de izquierda (60°) a derecha (60°) y 100 grados de arriba (60°) a abajo (40°), por lo que el espacio total dispuesto por el cuello para visualizar las pantallas virtuales sin sentir incomodidad son 120 grados, espacio donde se podrán colocar elementos no tan sustanciales de la interfaz.

 

Finalmente debemos tener en cuenta que nuestros ojos están acostumbrados a mantener la vista baja, por lo que es necesario que la interfaz principal que se encuentra dentro de esos 60 grados determinados por los ojos, se distribuya bajo una línea horizontal creada desde los 10 grados alrededor del medio de esos 60 grados, donde debería estar el puntero.

 

1.2. Elementos: Los elementos como los textos, los botones y los iconos se determinan por los dmm, los cuales podríamos traducir a píxeles donde 1 dmm equivale a 1 px. En general, el valor de los textos puede variar entre los 20 y 40 dmm según sea la necesidad, mientras que los botones o selectores pueden ser de 64 x 64 dmm a 96 x 96 dmm con un padding de 16 dmm. Claramente estos valores podrían cambiar según las necesidades, y lo mejor es que estos elementos mantengan una buena distancia entre sí, en especial si se puede interactuar con ellos, ya que se podría llegar a confundir los selectores.

Una práctica que podría ayudar a ver la pantalla de escenario sin ser obstaculizada por la pantalla de interfaz es jugar con la tensión, el tamaños, la opacidad de la misma.

1.3. Respuesta: También se puede contar con otros elementos que pueden llegar a complementar la experiencia del usuario como un audio envolvente y efectos en la pantalla de escenarios ya que el uso de estas herramientas nos puede evitar el uso de más elementos dentro de la pantalla de interfaces, evitando una saturación de información. Igualmente se puede jugar con diferentes animaciones tanto en la pantalla principal como en la de interfaces para guiar al usuario.

1.4. Brillo y contraste: Finalmente se me ocurre que es necesario tener presente estos conceptos considerando que nuestros ojos son muy sensibles a los cambios de luz y en algunos momentos a los colores chillones, por lo que personalmente optaría en usar colores planos y cuidar los posibles cambios de luminosidad entre escenas.

 

La Realidad Virtual termina manejando dos plataformas, una que le permite al usuario navegar por el escenario gracias a la rotación y a un posible control que lo teletransporte por el escenario según un punto fijado por el control, y otra que lo permite mover su posición caminando por el escenario y usando la rotación. En ambas plataformas la rotación permite la interacción en el escenario, es por eso que la creación y posicionamiento de las pantallas virtuales se determina a partir de esto, mientras que la distancia lo hace gracias al dmm, medida que nos permite traducir una medida tan común en nuestra realidad como lo son los metros en una medida como los milímetros/pixeles.

 

2. Realidad Aumentada

Por otro lado la realidad aumentada nos ofrece la posibilidad de interactuar con nuestra realidad y le agrega un nivel digital donde por medio de nuestra pantalla podemos ver objetos digitales en nuestra realidad. Esto se puede evidenciar de la siguiente manera:

 

2.1. Imágenes aumentadas: Nos permite identificar imágenes en 2D que tras ser rastreadas pueden proyectar alguna animación en nuestra pantalla.

2.2. Rastreo de movimiento: Dónde la plataforma rastrea nuestro movimiento alrededor de un espacio, reconociendo nuestros puntos en X, Y y Z.

2.3. Entender el ambiente: De esta manera se pueden reconocer paredes, pisos o superficies inclinadas donde se puedan ubicar diferentes objetos. También nos permite conocer las medidas de un espacio al hacer un rastreo de puntos específicos del mismo.

2.4. Estimación de luz: Esta función permite identificar y entender cómo funcionan las luces en determinado escenario y proyectar los objetos a partir de este análisis.

 

Estas funciones le permiten al usuario tener una mejor experiencia con la AR, pero es necesario considerar otros factores para que nuestro usuario tenga una inmersión en nuestra aplicación.

 

2.5. Definición del espacio: Conocer el espacio donde se va a proyectar el resultado digital es importante ya que con esta información podemos saber el tamaño al cual se deberá adaptar el objeto digital para poder coincidir con el espacio. En general se trabajan tres espacios: Tamaño de mesa, donde las proyecciones se limitan a un espacio pequeño; Tamaño de habitación, en este espacio la proyección resulta ser más grande; Tamaño del mundo, claramente el tamaño más grande donde literalmente el mundo es nuestro canvas.

2.6. Movimiento: Este factor debería dejar que el objeto digital pueda ser transformado, su rotación, su escala, su posición; al igual que el movimiento del usuario. Al estar acostumbrados de utilizar aplicaciones 2D, la idea de que podamos movernos por el espacio para poder visualizar las cosas termina siendo algo nuevo para nosotros, es por eso que debemos hacerle caer en cuenta al usuario que tiene la libertad de moverse en el espacio y de poder mover el objeto también, lo que nos lleva al siguiente punto.

2.7. Feedback: Es importante que desde el principio el usuario tenga una respuesta desde la aplicación, como el momento en el que se reconoce el espacio, poder mostrar las instrucciones dentro del mismo espacio. Cuando se tiene un objeto seleccionado, destacar su presencia frente a los demás elementos. Impulsar al usuario a moverse en el espacio gracias a elementos que se salgan de la pantalla y lo obliguen a moverse para que dicho objeto esté dentro de su pantalla. Contrastar la forma que se identifica gracias a colores o texturas diferentes.

2.8. Realismo: Agregar animaciones tanto en la interacción como en los objetos digitales, sobras, profundidad, texturas, puntos de luz.

 

En general la Realidad Aumentada nos presenta un fácil reconocimiento de nuestra realidad la cual podemos intervenir con objetos digitales, aumentando nuestra realidad.

 

Tanto la Realidad Virtual como la Realidad Aumentada son plataformas con nuevas propuestas par la interacción del usuario. Personalmente me gusta la oportunidad que ofrecen ambas plataformas de intervenir las realidades con objetos 3D y considero que es un desafío poder desprendernos de el mundo 2D al cual estamos acostumbrados en las pantallas, pero con las observaciones que analizamos anteriormente, tenemos las herramientas suficientes para enfrentarnos a estas nuevas plataformas, a estas nuevas realidades.

 

Bibliografía y referentes:

 

Parámetros de Diseño para Realidades Mixtas

Monday, May 6th, 2019

Composición Gráfica Para Interfaces
Nombre: Nicolas David Lopez
Carrera: Diseño Interactivo
Ensayo sobre Realidades Mixtas

Parámetros de Diseño para Realidades
Mixtas

Para empezar a entender los diferentes parámetros de diseño que se deben seguir para desarrollar un producto con realidades mixtas de sebe saber lo siguiente. La realidad mixta es el resultado de fusionar el mundo físico con el mundo digital, Un producto diseñado para realidades mixtas ocupa toda la pantalla visible para el usuario y la coloca en el centro de una vista creada por la aplicación. En una interacción característica, tu usuario mirará un control o botón dentro de la realidad y hará que este resalte. El usuario activará una acción, ya sea con un gesto (por ejemplo, en HoloLens), un controlador o un comando de voz. Si el usuario se encuentra dentro de un campo de texto por unos segundos, aparecerá el teclado del software

Diseñar bajo la Observación del usuario es un paso primordial frente al desarrollo del producto, por lo cual la mirada es el primer paso de entrada y el paso principal de dentro de una realidad mixta. Mirada indica que el usuario está buscando en el mundo y permite determinar su intención. En el mundo real, normalmente obtendrá información en un objeto que se va a interactuar con. Esto es lo mismo con la mirada. La realidad mixta, utilizando la mirada puede saber cuándo el usuario no está buscando en la dirección de un objeto importante, lo que puede provocar que la aplicación para proporcionar indicaciones visuales y de audio para activar hacia ese objeto, para poder provocar que el usuario mire los objetos importantes dentro de la realidad, se le debe otorgar una dominancia importante dentro de la composición.

El usuario deba ser guiada por señales para ayudar a localizar los eventos importantes u objetos más allá de su vista inmediata. Puede usar Objetos con más jerarquía, flechas, seguimientos de luz, movimiento caracteres, punteros, sonido espacial y los mensajes de voz para ayudar a guiar al usuario a lo que el desarrollador desea. todas las interacciones planteadas por el desarrollador se basan en la capacidad de que el usuario observe el elemento con el que desea interactuar, independientemente del control que use para dicha acción. Todos los botones o controles que estén dentro de la realidad en un ángulo de visión del usuario de 1 a 1,5 grados deben permitir acciones al usuario correctamente en la mayoría de los escenarios, por lo que los botones deben medir entre 5-10cm para que sean importantes dentro del campo de visión.

Teniendo en cuenta lo anterior, se puede afirmar que todos los parámetros para el diseño de realidades mixtas, tiene que estar enfocado y articulado con los diferentes sentidos del usuario final. La jerarquía de los elementos que se encontraran en pantalla deberán ser estudiados muy bien por el desarrollador o diseñador del medio.

 

Ensayo