Enfócate en la experiencia del sistema, la experiencia de la app y las funciones adicionales para diseñar tu experiencia de referencia vertical.
El diseño de referencia vertical está anclado por la pantalla principal e incluye estos elementos persistentes de la IU del sistema:
Pantalla principal
La pantalla principal brinda un punto de partida con todo incluido para los conductores, en la que todos los controles son de fácil acceso. Satisface las necesidades de la mayoría de los conductores para que puedan concentrarse en conducir por el camino en lugar de alternar entre apps.
Sin salir de esta pantalla, el conductor puede acceder a lo siguiente:
- La barra de estado en la parte superior con controles rápidos y un selector de perfil
- La capa base en el cuerpo de la pantalla, por lo general, ejecuta una app de navegación.
- Barras de navegación del sistema y de control en la parte inferior
Barra de control
La barra de controles aloja controles para contenido multimedia (video y música), podcasts, Bluetooth, radio y llamadas activas.
En el caso de las apps para contenido multimedia y teléfonos, la barra de controles se encuentra sobre la barra de navegación, en la mitad inferior de la pantalla. Los controles cambian de contenido multimedia a llamada telefónica activa cuando el usuario acepta una llamada entrante.
Controles multimedia
Los controles multimedia permiten reproducir, pausar, retroceder y adelantar. También permiten que el usuario marque favoritos y acceda a controles personalizados adicionales, si los hubiera.
Controles de llamadas telefónicas activas
Los controles del teléfono permiten silenciar la bocina, cambiar a Bluetooth y cancelar una llamada.
Barra de estado
La barra de estado aparece en la parte superior de la pantalla y aloja el selector de perfiles, los controles rápidos y la información de la hora y el clima.
- Controles rápidos:
- Bluetooth: Estado de Bluetooth
- Conectividad: Wi-Fi, red móvil y hotspot
- Pantalla de brillo: permite al usuario ajustar el nivel de brillo de la pantalla.
- Reloj: Pantalla digital de la hora actual.
- Información del clima: Muestra la temperatura exterior.
- Selector de perfiles: Muestra el perfil del usuario en uso actual y le permite seleccionar un perfil diferente si es necesario.
Los elementos de la barra de estado aparecen en el mismo orden para los vehículos con dúo a la izquierda y a la derecha.
Los usuarios pueden activar o desactivar la visualización del clima en Configuración.
Si deseas obtener prácticas recomendadas y orientación para personalizar la barra de estado, consulta las prácticas recomendadas para la barra de estado.
Controles rápidos
Los controles rápidos de la barra de estado proporcionan un acceso fácil al Bluetooth, la conectividad y el brillo de la pantalla.
Selector de perfil
El selector de perfiles de la barra de estado permite la selección rápida de perfiles y el acceso a la configuración del perfil con un acceso directo.
Prácticas recomendadas para la barra de estado
Prácticas recomendadas para desarrolladores de apps:
- Usa la transparencia para evitar cubrir el contenido de la app: Si la app se posiciona parcialmente detrás de la barra de estado y no completamente debajo, los desarrolladores de apps deben dejar la barra de estado transparente.
- Aplica el color de manera estratégica: Si la app está completamente debajo de la barra de estado, los desarrolladores de apps deben elegir un color para la barra de estado.
Barra de navegación del sistema
La barra de navegación del sistema aloja controles para el selector de aplicaciones, el asistente digital, el Centro de notificaciones y los controles de comodidad.
La barra de navegación del sistema se ubica en la parte inferior de la pantalla y muestra los siguientes controles:
- Temperatura de la cabina: Temperatura dentro del vehículo
- Selector de aplicaciones: Son las apps disponibles para el controlador.
- Asistente digital: Acceso al asistente digital elegido, como Asistente de Google
- Centro de notificaciones: Acceso al Centro de notificaciones
- Climatización: Acceso a los sistemas de climatización en el vehículo.
Si quieres obtener orientación para personalizar la barra de navegación del sistema, consulta Personalización de la barra de navegación del sistema.
Selector de aplicaciones
El selector de aplicaciones se muestra en el espacio de la app principal, en una vista de cuadrícula del selector de aplicaciones estándar. Las apps se ordenan de la A a la Z. Los usuarios pueden cambiar el orden de las apps según sus preferencias.
Asistente digital
Cuando se presiona, esta opción invoca al asistente digital activo para la comunicación por voz.
Centro de notificaciones
El Centro de notificaciones lleva al usuario a todos los mensajes de notificación guardados, tanto leídos como no leídos.
Climatización
Este ícono proporciona acceso fácil a los sistemas de climatización del vehículo.
Características adicionales
Entre las funciones adicionales del diseño de referencia vertical que se aplican a la experiencia del sistema y de la app, se incluyen la capa de voz y los temas.
Capa de voz
La capa de voz es una capa transparente que se encuentra por encima de todas las capas y sobre las barras de navegación del sistema y de control.
Puede ejecutar cualquier tipo de asistente digital integrado en el sistema, como el Asistente de Google.
Temas
Hay dos temas disponibles para usar según las condiciones de luz.
Usa el Tema oscuro en condiciones de noche o con poca luz para reducir el reflejo. Obtén más información sobre la capacidad de visualización nocturna.
Usa el Tema claro para ayudar a los conductores y los pasajeros a ver las pantallas del vehículo bajo la luz solar directa. La navegación del sistema puede permanecer en negro para combinarse con el hardware.