Google presenta Jetpack Compose Glimmer: un nuevo marco de interfaz de usuario espacial diseñado específicamente para la próxima generación de gafas con inteligencia artificial

Google va más allá de la pantalla rectangular. Durante más de 10 años, los diseñadores de Google han explorado cómo crear interfaces para pantallas transparentes. El resultado es Jetpack Compose Glimmer, un sistema de diseño creado específicamente para gafas de visualización con IA. Para los desarrolladores y científicos de datos, este es un cambio del diseño para píxeles al diseño con luz.

La restricción de visualización aditiva

La mayoría de los desarrolladores están acostumbrados a las pantallas LCD u OLED. Sin embargo, las gafas con IA utilizan pantallas aditivas. Estas pantallas sólo añaden luz al campo de visión del usuario. No pueden crear un negro opaco ni oscurecer el mundo real.

En una pantalla aditiva, el negro es 100% transparente. No es un color; es un vacío. Si utiliza una tarjeta Material Design estándar (superficie clara con texto oscuro), falla. La superficie luminosa se convierte en un bloque de luz brillante que agota la batería y crea halos. La halación es un efecto en el que la luz brillante se filtra en áreas oscuras, lo que hace que el texto sea ilegible.

Para solucionar esto, los desarrolladores deben utilizar superficies oscuras y contenido brillante. El uso del negro como base proporciona una “placa limpia” para la interfaz de usuario. Esto permite que los elementos digitales armonicen con el mundo físico sin crear reflejos que distraigan.

De píxeles a ángulos visuales

Los desarrolladores de software suelen medir la interfaz de usuario en píxeles o puntos. En un entorno espacial transparente, estas unidades son irrelevantes. El tamaño percibido de un objeto cambia según su distancia al ojo.

El equipo de Google ahora mide la interfaz de usuario en ángulos o grados visuales. La pantalla de estas gafas se proyecta a una profundidad percibida de 1 metro, aproximadamente la longitud de un brazo. Esta distancia requiere que el usuario cambie activamente su atención del fondo a la interfaz de usuario.

Para garantizar la legibilidad, Google estableció un tamaño mínimo de texto legible de 0,6 grados. Mantener el texto por encima de este umbral garantiza que la interfaz permanezca “visible” en diferentes entornos.

Tipografía de ingeniería para la luz

Las fuentes estándar suelen fallar en lentes transparentes. El equipo de Google modificó Google Sans Flex utilizando su eje de tamaño óptico para solucionar este problema. Estos ajustes técnicos hacen que las letras sean más distintas:

Contadores aumentados: las aberturas internas en letras como ‘a’ y ‘e’ son más grandes para evitar que se desdibujen. Puntos modificados: los puntos en ‘i’ y ‘j’ se alejan del cuerpo de la letra principal. Espaciado variable entre letras: el sistema optimiza el espaciado a través del código para maximizar la claridad de un vistazo.

La fórmula de contraste aditivo

El equipo de Google utiliza una fórmula específica para calcular la visibilidad. Esta es la relación de contraste aditivo.

La fórmula es: (Brillo del entorno + Brillo de la pantalla) / Brillo de la pantalla.

En el mundo real, los colores se comportan de manera diferente. Los colores muy saturados a menudo “desaparecen” o parecen fantasmales contra un cielo brillante. Glimmer utiliza una paleta neutra y desaturada de forma predeterminada. Al mantener los colores más cercanos al blanco, la interfaz de usuario permanece estable y visible independientemente de la iluminación de la habitación.

Diseño de movimiento para la atención humana

En una pantalla de visualización frontal, el movimiento puede ser una gran distracción. En el desarrollo móvil estándar, una notificación puede aparecer en 500 milisegundos. En gafas con IA, esto es demasiado rápido. Crea un “parpadeo” abrupto que puede asustar al usuario.

Glimmer utiliza una transición más lenta y deliberada para las notificaciones. Estas animaciones ocurren durante 2 segundos. Esta duración permite que la notificación entre con gracia en la visión periférica del usuario. Invita a concentrarse en lugar de exigirlo.

Sin embargo, las acciones activadas por el usuario (como un comando de voz o un gesto) aún requieren retroalimentación de baja latencia. Glimmer utiliza “anillos de enfoque” para proporcionar una confirmación instantánea de que el sistema ha recibido una entrada. Esto crea un equilibrio entre las notificaciones ambientales y los controles receptivos.

Conclusiones clave

El negro es transparencia, no un color: debido a que las gafas con IA utilizan pantallas aditivas, solo pueden agregar luz; no pueden crear verdadero negro o sombras. En este entorno, el negro es 100% transparente. Para garantizar la legibilidad, los desarrolladores deben utilizar superficies oscuras para los contenedores y colores brillantes para el texto y los íconos. Los ángulos visuales reemplazan los píxeles: las unidades estándar como los píxeles (px) se reemplazan por ángulos visuales (grados). Dado que la interfaz de usuario se proyecta a una profundidad percibida de 1 metro, los objetos deben tener un tamaño relativo a la perspectiva del ojo humano. El umbral mínimo para texto legible se establece en 0,6 grados. La fórmula de contraste aditivo: los desarrolladores deben tener en cuenta la luz ambiental utilizando la fórmula: (Brillo del entorno + Brillo de la pantalla) / Brillo de la pantalla. Debido a que los colores saturados a menudo “desaparecen” contra fondos brillantes del mundo real, se utiliza una paleta neutra y desaturada para mantener la visibilidad. Optimización de tipografía óptica: los tipos de letra estándar sufren de halación (sangrado ligero). Google Sans Flex se modifica a través de su eje de tamaño óptico para aumentar las aberturas internas de las letras (contadores) y ampliar el espaciado entre letras, evitando que los caracteres se desdibujen en una lente transparente. La sincronización del movimiento depende del contexto: las animaciones estándar de 500 ms son demasiado abruptas para una visualización frontal. Para respetar la visión periférica humana, Glimmer utiliza transiciones de 2 segundos para que las notificaciones “invitan” a concentrarse, mientras mantiene retroalimentación de baja latencia (como anillos de enfoque) para las entradas directas del usuario para garantizar la capacidad de respuesta.

Consulta los detalles técnicos. Además, no dude en seguirnos en Twitter y no olvide unirse a nuestro SubReddit de más de 100.000 ML y suscribirse a nuestro boletín. ¡Esperar! estas en telegrama? Ahora también puedes unirte a nosotros en Telegram.

Michal Sutter es un profesional de la ciencia de datos con una Maestría en Ciencias de Datos de la Universidad de Padua. Con una base sólida en análisis estadístico, aprendizaje automático e ingeniería de datos, Michal se destaca en transformar conjuntos de datos complejos en conocimientos prácticos.