Temas de notificaciones

El sistema de notificaciones del sistema operativo Android Automotive (AAOS) proporciona a los conductores información esencial, priorizando la seguridad vial y minimizando las distracciones. Esta guía explica cómo personalizar las notificaciones del coche y su comportamiento.

Principios de diseño

Las notificaciones en los coches están optimizadas para una visualización visual y una mayor seguridad. A diferencia de las notificaciones móviles, las notificaciones para automóviles se centran en la simplicidad:

• Complejidad reducida: los controles complejos, como las pulsaciones prolongadas o los gestos de deslizamiento intrincados, se desactivan para mantener la atención del conductor en la carretera.
• Conocimiento del estado de la conducción: el sistema puede restringir o truncar automáticamente el contenido en función de si el vehículo está en movimiento.
• Basado en sesión: la lista de notificaciones se borra al inicio de cada unidad para garantizar que solo se muestre información actual y relevante.

Cómo aparecen las notificaciones

Las notificaciones se envían a través de dos canales principales según su prioridad y categoría:

• Notificaciones de aviso (HUN): Alertas de alta prioridad que aparecen brevemente sobre la pantalla actual. Se utilizan para información urgente, como llamadas entrantes o instrucciones de navegación.
• Centro de notificaciones: un centro central donde los conductores pueden ver un historial de notificaciones que pueden haberse perdido.

Personalización

Puede personalizar la experiencia de notificación para que coincida con la identidad de su marca y al mismo tiempo mantenga los estándares de seguridad básicos.

Interfaz de usuario y acceso

Puede definir cómo un conductor accede al Centro de notificaciones:

• Sombra del sistema: Un menú similar al de los dispositivos móviles.
• Pantalla independiente: una interfaz de usuario dedicada a la que se accede con un botón en el sistema o en la barra de navegación.

Estilo visual

Puede personalizar la apariencia de las tarjetas de notificación para alinearlas con el lenguaje de diseño de su vehículo:

• Tipografía y color: ajuste las fuentes y las paletas de colores para los modos diurno y nocturno.
• Formas: personalice los radios de las esquinas y las dimensiones del contenedor.
• Movimiento: define las animaciones de llegada y salida para las tarjetas de notificación.

Prioridad y categorías

El sistema categoriza las notificaciones para determinar cómo y cuándo se muestran.

• Categorías específicas del vehículo: incluye CAR_EMERGENCY, CAR_WARNING y CAR_INFORMATION para alertas de estado del vehículo.
• Comunicación: maneja las categorías CALL y MESSAGE con acciones optimizadas como "Reproducir" y "Silenciar".
• Navegación: utiliza la categoría NAVIGATION para proporcionar orientación paso a paso solo como HUN.

Próximos pasos

Para comenzar a personalizar las notificaciones de su vehículo:

• Tarjetas de notificación de estilo : aprenda a personalizar fuentes, colores y formas.
• Diseñar el Centro de notificaciones : configure cómo los usuarios acceden e interactúan con las alertas almacenadas.
• Interacciones de movimiento de secuencia : define las animaciones para las transiciones de notificación.

Tarjetas de notificación de estilo

Las tarjetas de notificación integradas en Google proporcionan información oportuna a los conductores y minimizan las distracciones. Puedes personalizar el estilo visual de estas tarjetas (tipografía, color y forma) para que se ajusten a tu identidad de marca y mantengan los estándares de seguridad.

Tipos de tarjetas de notificación

Hay tres versiones principales de tarjetas de notificación:

• Notificación de aviso (HUN): aparece brevemente en la parte superior (o inferior, según la orientación) de la pantalla sobre la aplicación actual.
• Tarjeta del Centro de notificaciones: se utiliza para notificaciones persistentes que aparecen en el Centro de notificaciones.
• Tarjeta de notificación agrupada: combina múltiples notificaciones relacionadas en una única tarjeta expandible.

Anatomía de la tarjeta

Cada tarjeta es un contenedor flexible compuesto por cuatro áreas principales:

1. Encabezado: contiene el ícono de la aplicación, el nombre de la aplicación y la marca de tiempo opcional.
2. Contenido: muestra el título de la notificación y el texto complementario (con vistas previas del mensaje opcionales).
3. Acciones: Hasta tres botones para la interacción del usuario (por ejemplo, "Responder", "Silenciar").
4. Icono grande: un espacio opcional para avatares o símbolos de navegación.

Pautas de estilo

Las siguientes secciones describen las pautas de estilo.

Tipografía

Puede personalizar la tipografía y el tamaño para que coincidan con la escala tipográfica de su sistema. Utilice fuentes claras y legibles que funcionen bien en diferentes condiciones de luz.

• Texto principal: normalmente 32dp (Cuerpo 1) para titulares principales.
• Texto secundario: normalmente 24dp (Cuerpo 3) para información de apoyo.
• Fuentes: si bien Roboto es el estándar, los OEM pueden implementar tipos de letra de marca personalizados.

Color y elevación

Defina valores de color separados para los modos Día y Noche para garantizar la legibilidad y el contraste.

• Fondo de la tarjeta: utilice grises distintos (por ejemplo, gris 868 para el día, gris 900 para la noche).
• Texto e íconos: utilice blanco de alta opacidad (88 %+) para la información principal y opacidad reducida (60–72 %) para los detalles secundarios.
• Color de acento: aplique el color de marca de la aplicación a íconos secundarios o acciones específicas para ayudar a los usuarios a identificar la fuente.

Forma y espaciado

Personalice los límites físicos de la tarjeta para que se ajusten al lenguaje de diseño de su interfaz de usuario.

• Radio de esquina: el estándar predeterminado es 8dp (R2), pero se puede ajustar para obtener una apariencia más redondeada o cuadrada.
• Márgenes: mantenga un relleno consistente (estándar 16dp o 24dp) entre los bordes de la tarjeta y los elementos internos.

Adaptación de pantalla y estado de la unidad

Los diseños de notificaciones deben adaptarse a las diferentes dimensiones de pantalla (estándar, ancha y súper ancha).

• Estado de conducción: cuando el vehículo esté en movimiento, considere ocultar las vistas previas de los mensajes o truncar las cadenas de texto largas para reducir la carga cognitiva.
• Movimiento: utilice animaciones de llegada y salida estándar (por ejemplo, deslizar hacia abajo para HUN, deslizar para descartar) para proporcionar retroalimentación visual.

Diseñar el Centro de notificaciones

Los conductores pueden ver y administrar las notificaciones a través de este centro central, diseñado para una fácil visualización e interacciones simplificadas para cumplir con las pautas de seguridad.

Funcionalidad principal

Las notificaciones no inmediatas, como mensajes y recordatorios, están disponibles en el Centro de Notificaciones. No almacena notificaciones urgentes, como la navegación paso a paso o las llamadas activas, que solo aparecen como Notificaciones de Aviso (HUN).

• Basado en sesión: la lista se borra automáticamente al inicio de cada unidad para garantizar que el contenido siga siendo relevante.
• Basado en prioridades: las notificaciones se ordenan por importancia (por ejemplo, primero las alertas de emergencia) y luego por actualidad.

Opciones de personalización

Puede personalizar el Centro de notificaciones para alinearlo con la identidad de su marca y al mismo tiempo cumplir con los estándares de seguridad.

1. Métodos de acceso

Puede definir cómo acceden los usuarios al Centro de notificaciones según la interfaz de usuario de su sistema:

• Persiana desplegable: los usuarios deslizan el dedo hacia abajo desde la parte superior de la pantalla para revelar las notificaciones.
• Pantalla dedicada: los usuarios tocan un ícono de notificación (generalmente una campana) en la barra de estado del sistema o en la barra de navegación.

2. Estilo visual

Puede personalizar los siguientes elementos visuales para que coincidan con el lenguaje de diseño de su marca:

• Paleta de colores: define colores de fondo y acento distintos para los modos Día y Noche.
• Tipografía: establezca la familia de fuentes, el peso y el tamaño para encabezados, títulos y cuerpo del texto.
• Forma: ajusta los radios de las esquinas de las tarjetas de notificación y del contenedor general.
• Diseño: personalice los márgenes, el relleno y el espaciado vertical entre las tarjetas de notificación.

Modelo de interacción

Para minimizar la distracción del conductor, el modelo de interacción se limita a las acciones esenciales:

• Explorar: una lista con desplazamiento vertical permite a los conductores escanear notificaciones.
• Responder: objetivos de gran tamaño para hasta tres botones de acción (por ejemplo, "Reproducir", "Silenciar", "Responder").
• Descartar: los usuarios pueden deslizar una tarjeta hacia la izquierda o hacia la derecha para eliminarla de la lista.

Restricciones de conducción

El Centro de notificaciones debe adaptarse al estado de conducción del vehículo para evitar la sobrecarga cognitiva.

• Truncamiento de contenido: el sistema puede truncar automáticamente cadenas de texto largas según los límites de caracteres que usted establezca.
• Ocultar resúmenes: puede optar por ocultar las vistas previas o los resúmenes de los mensajes mientras el automóvil está en movimiento.
• Longitud de la lista: se puede limitar la cantidad de notificaciones visibles para evitar un desplazamiento excesivo durante un viaje.

Lista de verificación de diseño

• Alto contraste: garantiza que el texto y los íconos cumplan con los estándares de accesibilidad para todas las condiciones de iluminación.
• Objetivos de gran impacto: diseñe botones y tarjetas que se puedan tocar fácilmente sin un control motor preciso.
• Marca consistente: aplique las mismas reglas de personalización tanto en el Centro de notificaciones como en las Notificaciones de Heads-up (HUN).

Movimientos de secuencia

En el coche, el movimiento es más que una simple elección estética; es una señal funcional que informa al conductor sin apartar la vista de la carretera durante demasiado tiempo. Los fabricantes de automóviles pueden personalizar las animaciones de las notificaciones para garantizar que se integren con el resto del software del vehículo.

Principios del movimiento automotriz

• Informativo, no distractor: use el movimiento para señalar cambios de estado (como un nuevo mensaje), pero manténgalo lo suficientemente sutil para evitar sobresaltar al conductor.
• La seguridad es lo primero: Las animaciones deben ser cortas y con un propósito definido. Evite transiciones con rebotes o demasiado complejas que exijan una atención visual prolongada.
• Coherencia: los movimientos de notificación deben coincidir con la física del resto del sistema de infoentretenimiento.

Patrones de movimiento clave

En esta sección se describen los patrones de movimiento clave.

1. Notificación de llegada (HUN)

Cuando llega una notificación de alta prioridad, se utiliza un deslizamiento direccional para ingresar a la pantalla.

• Entrada de arriba a abajo: El estándar en la mayoría de los sistemas. La tarjeta se desliza desde el borde superior.
• Sugerencia: Este movimiento indica sutilmente que se puede acceder al Centro de notificaciones deslizando el dedo hacia abajo desde el mismo borde.
• Personalización: puedes ajustar la duración de la entrada y la curva de relajación específica para que coincida con el estilo de tu marca.

2. Deslizar para descartar

Los conductores pueden descartar un HUN o una tarjeta en el Centro de notificaciones con un deslizamiento horizontal.

• Retroalimentación visual: a medida que el usuario arrastra la tarjeta, esta debe moverse 1:1 con su dedo.
• Movimiento de salida: una vez que el deslizamiento cruza el umbral de despido, la tarjeta se acelera fuera de la pantalla y los elementos restantes de la lista se desplazan verticalmente para llenar el espacio.

3. Expansión de notificaciones agrupadas

Las notificaciones relacionadas (como varios mensajes de un chat grupal) a menudo se agrupan en una sola tarjeta para ahorrar espacio.

• Expansión: al tocarla, la tarjeta debe crecer verticalmente para revelar mensajes individuales.
• Colapso: El movimiento inverso debe ser ligeramente más rápido que la expansión para ayudar al conductor a regresar rápidamente a su tarea anterior.

Tiempo y flexibilización

Google recomienda seguir los estándares de facilitación de Material Design, que enfatizan un inicio rápido y un final suave y gradual.

Mejores prácticas

• Priorizar la legibilidad: garantizar una alta relación de contraste entre el texto y el fondo de las tarjetas.
• Coherencia: utilice los mismos radios de esquina y reglas de espaciado tanto para los HUN como para las tarjetas del Centro de notificaciones.
• Minimalismo: mantenga las acciones simples y el texto conciso; evite diseños complejos que requieran más que un vistazo para comprenderlos.