Banner inteligente en la app

Contexto

El objetivo del banner inteligente en la app es animar a los usuarios que utilizan la app web en un dispositivo móvil a que continúen con una app móvil nativa.

Vista previa del diseño

Criterios de aceptación

• El banner inteligente solo se debe activar en la app web mientras se utiliza en un dispositivo móvil.
• Se debe activar únicamente en la app web si la marca de un cliente habilitó un canal móvil además de la app web.
• Se puede activar en cualquier página de la app web.
• Se debe mostrar arriba de todo el contenido que figura actualmente en la página en el que se activa dicho banner.
• El modal del banner inteligente se muestra apenas el cliente abre la app web en el dispositivo móvil.
• El banner inteligente consta de lo siguiente:
• Superposición de capas
• Imagen del logotipo de la marca (se aplica el mismo activo que se utiliza en el encabezado de navegación)
• Título
• Descripción
• Botón principal
• Botón secundario
• Para descartar el modal del banner inteligente, el usuario debe presionar el botón “Not now” (Ahora no). Si toca fuera de este modal, no debería poder descartarlo. Tras descartar el banner inteligente, el usuario debería permanecer en la misma página donde se le mostró.
• Una vez que presiona “Not now”, esta elección se guarda durante 24 horas, de modo que el banner inteligente no se le mostrará a ese usuario en el transcurso de un período determinado.
• Si el usuario presiona “Continue in mobile app” (Continuar en la app móvil), se debería activar el flujo en función de si este ya ha instalado la app móvil nativa o no.
• Si la app no está instalada, el usuario debe ir a la App Store o Play Store según el sistema operativo del dispositivo móvil.
• Si la app ya está instalada en uno de sus dispositivos, se lo debe dirigir dentro de la app móvil nativa a un lugar que especifica el deep link configurado a través de Firebase.
• Si, por algún motivo, el usuario decide regresar a la app web después de presionar “Continue in mobile app”, el banner inteligente debería permanecer visible hasta que se descarte.

Personalización de archivos de marca

Todos los estilos, como colores, texto y radio de las esquinas, deben coincidir con las propiedades del archivo de marca existente.