Las tarjetas de notificación comunican pequeñas cantidades de información oportuna del sistema o de una aplicación.
El diseño de estas tarjetas para el sistema operativo Android Automotive busca minimizar las distracciones de los conductores. Están disponibles en tres versiones básicas:
- Tarjeta de notificación de aviso (HUN): se utiliza para una notificación que aparece brevemente sobre la pantalla actual
- Tarjeta del Centro de notificaciones: se utiliza para las notificaciones que aparecen en el Centro de notificaciones.
- Tarjeta de notificación agrupada: combina varias tarjetas del Centro de notificaciones en una sola tarjeta
Dentro de estas versiones, los diseños también pueden variar ligeramente según la categoría del mensaje. Por ejemplo, las notificaciones de llamadas tienen botones e iconos diferentes a los de las notificaciones de navegación.
Anatomía
La tarjeta de notificación es un componente flexible que puede incluir diversos elementos. Tiene tres versiones principales:
- Tarjeta HUN: esta versión es más ancha que la tarjeta del Centro de notificaciones y aparece en la parte superior de la pantalla actual hasta que se descarta.
- Tarjeta del Centro de notificaciones: Esta versión es más estrecha que la tarjeta HUN y aparece con otras tarjetas similares en el Centro de notificaciones, en una lista vertical.
- Tarjeta de notificaciones agrupadas: esta versión de la tarjeta del Centro de notificaciones combina múltiples notificaciones relacionadas en una sola tarjeta, con controles para expandirla y mostrar las notificaciones individuales.
Las variantes de estas versiones por tipo de mensaje se muestran en Estilos .
1. Encabezado
2. Contenido (con y sin vista previa de mensajes opcional, que se puede ocultar cuando el coche está en marcha)
3. Acciones
4. Icono grande
1. Encabezado
2. Contenido
3. Acción de expandir/contraer
4. Indicador de expansión/contraer
Especificaciones – Tarjeta HUN
HUN estándar
HUN con avatar
Mensaje HUN con vista previa
Mensaje HUN con múltiples mensajes
HUN de imagen grande
Especificaciones – Tarjeta del Centro de notificaciones
Notificación estándar
Notificación de mensajes con vista previa
Notificación de mensajes con múltiples mensajes
Notificación de acción única
Especificaciones – Tarjeta de notificación agrupada
Notificación agrupada – Contraída
Notificación agrupada – Ampliada
Diseños de escala
Estos diseños de referencia muestran cómo adaptar las notificaciones a pantallas de diferentes anchos y alturas. Tenga en cuenta que todos los valores de píxeles se expresan en píxeles renderizados, antes de cualquier reducción o aumento de resolución.
