Google Design tiene un artículo interesante esta semana sobre “Diseño para pantallas transparentes” y el trabajo realizado en Jetpack Compose Glimmer, el sistema de diseño de Android XR para Display AI Glasses.

Para aquellos que no han usado lentes inteligentes con pantalla ayer, lo primero que deben conocer es que la “interfaz en existencia no aparece en la superficie de la cristal”. Más admisiblemente, se “proyecta a una profundidad percibida de aproximadamente un metropolitano de distancia”. Adicionalmente, el dominio de visualización es un cuadrado.

Puede hacerse una idea de qué esperar “colocando la mano frente a usted con el mecenas extendido y concentrándose en los dedos”. Al hacer esto, “el entorno detrás y rodeando de su mano se desenfoca”, como se ve en el video a continuación.

Esta fue una realización en realidad fundamental para nuestro equipo de diseño de Android XR desde el principio. Parece un pequeño detalle, pero significa que para acertar cualquier contenido, el usufructuario debe cambiar conscientemente su enfoque. Desvían su examen del mundo auténtico (por ejemplo, el rostro de un amigo, una impresionante puesta de sol o la calle) a este plano focal de un metropolitano. No es una examen pasiva; es una opción física y activa interactuar con la interfaz de usufructuario, aunque sea solo por un milisegundo.

El movimiento en este tipo de pantalla no puede ser “distraído o extraño”. El trabajo de Google sobre las notificaciones encontró que una “transición de movimiento típica de rodeando de 500 milisegundos” aparecía demasiado rápido:

Anuncio: desplácese para ver más contenido

En lado de citar lentamente la atención de determinado, esencialmente “parpadearía” y de repente aparecería una notificación a la pinta.

La implementación que decidió Android XR tiene transiciones de notificación entrante que duran aproximadamente dos segundos durante los cuales un círculo (altibajo de perfil con insignia) se expande hasta convertirse en una píldora.

Con el texto, el eje de tamaño óptico de Google Sans Flex se utiliza para mejorar la legibilidad a esa distancia de un metropolitano:

…literatura como a y e tienen contadores más grandes (las aberturas en el interior de la grafema), y los puntos en las j y las i están más alejados del cuerpo de la grafema.

Todavía se recomienda la tipografía en negrita y un veterano extendido entre literatura, con el texto medido en ángulo visual (grados) en lado de píxeles o puntos:

Piense en ello como conducir por una autopista. Verá señales de salida o de frontera de velocidad con texto y gráficos impresos en un tamaño fijo. Pero el tamaño del texto que aparece cambia drásticamente según la distancia. A lo allá, es diminuto; a medida que te acercas, crece. Ese es el ángulo visual en bono.

Estas lentes utilizan una pantalla aditiva que solo puede unir luz. No puede crear desafortunado, que parece 100% transparente, y Google lo equipara con “cómo un proyector de películas doméstico no puede proyectar desafortunado”.

Esto resultó ser un problema cuando Google inicialmente intentó portar componentes de Material existentes:

Material Design, con sus metáforas táctiles de papel y capas, se plinto en gran medida en superficies brillantes y opacas y sombras sutiles. En una pantalla aditiva, esas “superficies” se convertían en grandes bloques de luz brillantes, creando reflejos que distraían y agotando rápidamente la vida útil de la cazos.

Rápidamente descubrimos otro problema importante: el luminosidad. La halación es ese propósito en el que las fuentes de luz brillante se filtran cerca de áreas adyacentes más oscuras, creando una franja borrosa parecida a un luminosidad. En estas pantallas, nuestras superficies brillantes se desvanecerían en contenido transparente, haciendo que el texto fuera completamente ilegible.

La alternativa de Google considera que “las superficies utilizan el desafortunado para proporcionar una almohadilla descifrable y limpia para su contenido”. Esto se combina con un “nuevo sistema de profundidad que proyecta sombras ricas y oscuras para transmitir una sensación de obturación y espacio”.

Adicionalmente, “los colores muy saturados que normalmente usamos en un teléfono simplemente ‘desaparecen’ en el mundo auténtico”. Como tal, la interfaz de usufructuario de Android XR es “frío por defecto” para “aproximar con los diversos colores del mundo auténtico”. El color se utiliza con moderación para citar la atención sobre los chico y otros utensilios importantes.

Las superficies en Glimmer siempre son oscuras y el contenido en sí siempre es brillante. Este valía predeterminado de suspensión contraste es nuestra almohadilla para la legibilidad en la mayoría de los entornos.