Crea la experiencia de configuración remota

Estos pasos le ayudarán a comprender qué pantallas debe crear y personalizar para admitir la configuración remota y la transferencia de cuentas del teléfono al automóvil.

Al integrar la configuración remota integrada de Google con sus flujos, siga estos pasos:

  1. Crea puntos de entrada en tu aplicación
  2. Diseña la página de destino del vehículo
  3. Admite escaneo de códigos QR
  4. Diseñar pantallas de carga
  5. Completa el flujo y redirige la atención del usuario
  6. Actualizar puntos de entrada
  7. Identificar aplicaciones incompatibles

Además de las mejores prácticas ilustradas aquí, consulte la lista completa de requisitos generales de UX .

Roles y responsabilidades

Tanto tú como Google participáis en el diseño de los flujos de configuración remota. Aquí te mostramos la división de tareas.

Tu rol El papel de Google
Para garantizar una integración perfecta, usted es responsable de:
  • Creación de puntos de entrada adecuados para el flujo de configuración en la app complementaria: Estos pueden ser de un flujo de configuración remota más amplio, incluyendo un aviso al primer uso, un paso en el proceso de incorporación de la app o una opción en la configuración de la app. Para obtener más información sobre la creación de puntos de entrada, consulta Crear puntos de entrada en tu app .
  • Diseña y personaliza las pantallas de configuración del vehículo proporcionadas por Google o usa las tuyas propias. Para más información sobre el diseño de estas pantallas, consulta "Diseñar la página de destino del vehículo" .
  • Orquestación del flujo de transferencia con pantallas de introducción y conclusión donde sea necesario: Cree pantallas de transición que conecten la asociación de aplicaciones y los pasos de transferencia de cuentas. Consulte "Compatibilidad con el escaneo de códigos QR" para obtener más información.
  • Cómo decidir qué hacer una vez finalizada la configuración: Por ejemplo, puedes eliminar el punto de acceso de configuración tanto de la app como de la pantalla del coche. Consulta "Actualizar puntos de acceso" para obtener más información.
Para respaldar la configuración remota para los usuarios, Google es responsable de:
  • Flujos de configuración remota: Google ofrece el flujo y la capacidad completos de configuración remota de WebView, incluidos el inicio de sesión y el consentimiento a los servicios de Google.
  • Flujos de transferencia de cuentas: Google proporciona la capacidad de flujos de transferencia de cuentas de Google.
  • Componentes de la interfaz de usuario: Google proporciona una biblioteca de componentes de la interfaz de usuario que puedes adoptar o personalizar.

Crea puntos de entrada en tu aplicación

Puedes crear puntos de entrada a la configuración remota de Google integrado en varias plataformas. Al diseñar los puntos de entrada, ten en cuenta los siguientes principios de diseño:

  • Sea proactivo: comuníquese de forma proactiva con los usuarios sobre la configuración remota en la aplicación, tanto mediante materiales de marketing, comunicaciones con el concesionario y configuración en el automóvil.
  • Aumentar la visibilidad: Para ayudar a los usuarios a comprender la configuración remota de Google, considere integrar uno o varios puntos de entrada naturales. Algunas opciones eficaces podrían ser:
    • Parte del flujo de incorporación de su aplicación
    • Un aviso en el primer uso
    • Una opción en la página de inicio o configuración de la aplicación

Diseña la página de destino del vehículo

Para los usuarios, acercarse al automóvil por primera vez puede generar cierta incertidumbre, incluso después de haber completado la configuración remota.

Cree una transición fluida desarrollando una página de destino sólida que comunique claramente lo que los usuarios deben hacer para finalizar la transferencia de la cuenta.

Desde la página de destino, puede optar por que los usuarios completen la configuración por teléfono o desde la pantalla del coche. Tenga en cuenta que la página de destino es compatible tanto con usuarios que han realizado la configuración remota como con usuarios que no, así que diseñe una página que admita ambos casos de uso.

Example of in-car landing page

Ejemplo de uso de un botón para dirigir a los usuarios a la configuración en el automóvil

Admite escaneo de códigos QR

Debido a que los usuarios pueden no estar seguros de cómo pasar de la pantalla de su automóvil a la del teléfono, es importante crear flujos de escaneo de QR claros y livianos para facilitarles el proceso.

Implemente flujos de escaneo QR basados ​​en patrones familiares, incluido el acceso a la cámara y el escaneo.

Otorgar permisos a la cámara y solicitar que se escanee el código QR

Diseñar pantallas de carga

Diseñe una pantalla de transición que muestre el teléfono conectándose al automóvil mientras se prepara para iniciar sesión en Google.

Esta pantalla de carga debe incluir animaciones dinámicas y mensajes que estén estrechamente alineados con su marca.

Completa el flujo y redirige la atención del usuario

Tras escanear el código QR, los usuarios siguen los pasos de inicio de sesión de Google. Se les presenta una confirmación de inicio de sesión y se dirigen de nuevo a la pantalla del coche.

Esta pantalla de transición debe incluir animación dinámica y mensajes que estén estrechamente alineados con su marca.

Sincronización de configuraciones con el automóvil

Actualizar puntos de entrada

Para los usuarios que hayan finalizado la configuración, debe actualizar los puntos de entrada de la aplicación, ya sea eliminándolos por completo o comunicándolos mediante mensajes o funciones de la interfaz de usuario que la configuración se ha completado.

Identificar aplicaciones incompatibles

En ocasiones, los usuarios han elegido aplicaciones que ya no están disponibles en el coche. Es importante ayudarles a comprender que esas aplicaciones no funcionarán. Por ello, les animamos a descubrir y descargar aplicaciones alternativas que puedan interesarles.

Ejemplo que muestra aplicaciones incompatibles