Una superposición es una de las plataformas principales para el contenido de una app. Las superposiciones son diferentes de las complicaciones o tarjetas, que son representaciones visibles del contenido de una app. Las superposiciones muestran más información y admiten una interactividad más enriquecida. El usuario suele ingresar una superposición a partir de otra plataforma de app, como una notificación, complicación, tarjeta o acción de voz.
Principios
Ten en cuenta los siguientes principios cuando diseñes superposiciones
Enfoque
Enfócate en las tareas esenciales para ayudar a los usuarios a completar tareas en segundos.
Superficial y lineal
Evita crear jerarquías de más de dos niveles. Intenta mostrar contenido y navegación intercalados cuando sea posible.
Desplazamiento
Las superposiciones pueden desplazarse. Este es un gesto natural para que los usuarios vean más contenido en el reloj.
Lineamientos
Sigue estos lineamientos cuando diseñes superposiciones.
Optimiza para diseños verticales
Simplifica el diseño de tu app usando diseños verticales, que permiten a los usuarios desplazarse en una sola dirección para moverse por el contenido.

Qué debes hacer

Qué no debes hacer
Muestra la hora
Los usuarios suelen pasar más tiempo en las superposiciones, por lo que es importante proporcionar un acceso rápido a la hora.

Qué debes hacer

Qué no debes hacer
Puntos de entrada intercalados accesibles
Asegúrate de que todas las acciones se muestren intercaladas con iconografías y etiquetas claras para la accesibilidad. Esto incluye puntos de entrada a la configuración y las preferencias.

Qué debes hacer

Qué no debes hacer
Mejora las acciones principales
Para facilitar que los usuarios realicen acciones en tu app, arrastra las acciones principales hacia la parte superior de la superposición.

Qué debes hacer
Usa etiquetas para orientar a los usuarios
Para superposiciones más largas, ayuda a orientar a los usuarios con etiquetas mientras se desplazan por el contenido.

Qué debes hacer

Qué no debes hacer
Muestra la barra de desplazamiento

Qué debes hacer
Contenedores de contenido
Consulta los siguientes ejemplos de contenedores de contenido.





