Android Auto

Android Auto proporciona una interfaz de usuario estandarizada y un modelo de interacción para el usuario que funciona en todos los vehículos. Como diseñador, no necesitas preocuparte sobre las diferencias de hardware específicas de cada vehículo. Esta página describe algunas de las pantallas clave que los usuarios encontrarán en la interfaz de usuario de Auto. Para profundizar en cómo diseñar para la UI de Auto, visita los archivos PDF adjuntos.

Importante: Google se toma muy enserio la distracciones que pueda tener el conductor. Hay unos requisitos de diseño que tu app debe cumplir para que pueda formar parte de Google Play. Seguir dichos requerimientos provocará que tengas que realizar menos esfuerzos a la hora de crear y probar tu app. Para más información, visita Calidad de una App de Auto.

Guía de diseño de la UI

• Apps de Audio de Auto (PDF)
• Apps de Mensajes de Auto (PDF)
• Personalización del Color de Auto (PDF)

Pantalla de Visión general de Android Auto

Cuando el usuario conecta por primera vez su dispositivo Android al coche, se les presenta la pantalla de Visión General. Esta pantalla muestra tarjetas contextuales basadas en la ubicación del usuario, la hora del día, y cosas relacionadas. El usuario puede también utilizar esta pantalla para ver las notificaciones de sus apps de mensajes y seleccionar un mensaje al que enviar una respuesta mediante una entrada por voz.

Figura 1. Pantalla de Visión General qque puede tener tarjetas contextuales y nuevos mensajes

Advertisements

Lanzador de la App de Audio

Presionar sobre el icono de los cascos en la Barra de la Actividad (Activity Bar) permite al usuario ver todas las apps instaladas en el dispositivo móvil del usuario y seleccionar una de ellas desde una lista desplazable.

Figura 2. Lanzador de la App de Audio muestra las apps de audio disponibles.

Interfaz de Usuario Principal de la App

Después de que el usuario seleccione una app de audio, la pantalla muestra la interfaz de usuario principal de la UI (Primary App UI). Auto presenta la app en una interfaz estandarizada, pero puedes personalizar esta UI para mostrar tus propios iconos, el nombre de la app, e imágenes del fondo (como las portadas de los álbumes).

Figura 3. UI de la app de audio genérica.

Figura 4. Ejemplo de la UI de Google Play Music

Acciones del Usuario

La tarjeta de controles de la interfaz de usuario soporta las cuatro acciones principales, hay cuatro opciones auxiliares en la barra de desbordamiento, y la acción Atrás. Puedes utilizar los controles estándar y personalizar las acciones y los iconos.

Figura 5. Ejemplo de acciones del usuario en la app Google Play Music.

Lista del cajón

Para navegar entre las acciones, la pantalla muestra cajón de transición. Después de la transición desde la UI principal de la app a la UI de la lista, el cajón aparece en el centro. La UI de la lista personalizada muestra los contenedores de archivos media y los archivos de audio proporcionados por el servicio de medios en tu app. Puedes también personalizar los cajones con iconos para los elementos de la lista.

Figura 6. Ejemplo de plantilla de un layout de un cajón con una lista de elementos genéricos.

Figura 7. Ejemplo del layout de un cajón en la app Google Play Music.

Transiciones Día y Noche

Todas las UIs soportan diferentes esquemas de color para el día y la noche. La plataforma proporciona el estado (día o noche) y realizar los ajustes de forma automática.

Figura 8. Ejemplo de la app Google Play Music en modo de día.

Figura 9. Ejemplo de la app Google Play Music en modo de noche.

Puedes ver más información sobre Android Auto en la página oficial de Google en inglés pulsando aquí.

Advertisements