Prácticas recomendadas de UX para apps en Google Play Instant

Google Play Instant les ofrece a los usuarios una nueva forma de consumir apps. Estas apps, denominadas apps instantáneas, son nativas para Android, pero se ejecutan sin instalarse en el dispositivo. Cada app instantánea tiene una versión correspondiente que los usuarios pueden instalar.

Debido a la forma única en que los usuarios interactúan con ellas, las apps instantáneas deben cumplir con algunas prácticas específicas relacionadas con la experiencia del usuario. En esta guía, se presentan pautas para crear una experiencia del usuario positiva en una app instantánea.

Te recomendamos que uses los principios de material design cuando diseñes tu app instantánea. Para obtener más información sobre cómo aplicar material design a una app, consulta Material Design para Android.

También proporcionamos lineamientos adicionales específicos para apps de juegos. Si quieres obtener más información, consulta las Prácticas recomendadas de UX para juegos en Google Play Instant.

 

Proporciona una pantalla de destino significativa para tu app

Figura 1: El botón "Probar ahora" que se muestra para una app instantánea

Para que tu app o juego tengan un botón Probar ahora en Play Store o aparezcan en el selector de Android, necesitan una actividad principal predeterminada.

Los usuarios que ingresan a tu app desde el botón Probar ahora o desde el selector no tienen el contexto de un vínculo directo ni contenido específico al que intentan acceder. Por lo tanto, debes proporcionar un lugar para que naveguen y descubran la funcionalidad de tu app.

También vale la pena asegurarte de que el nombre de tu app se muestre de forma destacada en la pantalla. Dado que a veces los usuarios hacen clic en un vínculo a tu app sin mucho contexto, es posible que no sepan cuál es su nombre.

 

Identifica destinos de resguardo para tus vínculos

Figura 2: Un banner de sitio web que dirige a los usuarios a una app instantánea

Los vínculos a apps y juegos en Google Play Instant se abren de inmediato cuando es posible. De lo contrario, estos vínculos tienden a abrirse en un navegador.

Mediante un vínculo a Google Play, puedes cambiar el escenario de resguardo para ir a Play Store en su lugar. Esta estrategia puede ser útil si deseas indicarles a los usuarios que descarguen tu app si no pueden abrirla de inmediato y no quieres que la usen en la Web.

Como estrategia alternativa, puedes usar banners en tu sitio web para abrir la app directamente, en lugar de tener que primero dirigir a los usuarios a Play Store. Esta estrategia se muestra en la Figura 2.

Permite que los usuarios completen su tarea

Cuando anuncies una función a los usuarios en tu app instantánea, asegúrate de que puedan usarla sin tener que instalarla.

Evita pedirles a los usuarios que instalen la app para que puedan lograr lo que quieren hacer. La acción de clic principal de una página en la app nunca debe activar un mensaje de instalación.

Figura 3: Permite que los usuarios completen una tarea específica sin pedirles que instalen la app.

 

Pídeles a los usuarios que accedan en el momento oportuno

Proporciona la mayor funcionalidad posible sin necesidad de que los usuarios accedan o se registren en un servicio asociado con tu app.

Espera hasta que los usuarios intenten usar una función que requiera autenticación antes de solicitarles que accedan. Los usuarios perciben las solicitudes de acceso como menos intrusivas si ven de inmediato el beneficio de acceder.

Por ejemplo, piensa en una app para compartir fotos que requiere que los usuarios accedan cuando se inicia. Para mejorar la experiencia del usuario, la app ahora proporciona funciones que los usuarios pueden usar sin acceder, como explorar las fotos compartidas de forma pública más populares y editar las fotos en sus dispositivos. Cuando el usuario quiere compartir sus fotos con amigos, la app le solicita que acceda.

Figura 4: Evita las solicitudes de acceso innecesarias.

 

Conserva el estado del usuario después de la instalación de la app

Cuando los usuarios instalen la app, asegúrate de transferir el estado almacenado de la app a la app mediante cookies o almacenamiento local. Los usuarios deberían poder retomar la actividad donde la dejaron en la app, como se muestra en la Figura 5.

Figura 5: Restablece el estado del usuario después de la instalación
 

No crees pantallas de presentación adicionales

La experiencia de inicio de la app instantánea incorpora la marca, el título y el ícono de selector de la app. No crees pantallas de presentación adicionales, ya que resultan redundantes para los usuarios.

Figura 6: El marco de trabajo de Google Play Instant proporciona una experiencia de lanzamiento para tu app.

 

Flechas hacia arriba y botón "Atrás" del sistema

El botón Arriba permite el desplazamiento hacia arriba en la pila de navegación de la app hasta que el usuario llega a la pantalla principal de la app. El botón Atrás permite el desplazamiento en orden cronológico inverso por el historial de pantallas vistas recientemente.

Si bien el botón Arriba garantiza que el usuario permanezca en la app, el botón Atrás puede llevarlo a pantallas recientes fuera de tu app. En otras palabras, presionar el botón Arriba nunca debería salir de la app.

Para obtener más información sobre cómo diseñar la navegación con los botones Atrás y Arriba, consulta Cómo diseñar la navegación hacia atrás y hacia arriba.

Figura 7: La navegación es un aspecto fundamental.

 

No ramifiques la IU

La IU de tu app instantánea debe ser idéntica a la de una versión instalada. No cambies el diseño ni la IU en la app instantánea.

Figura 8: Mantén una IU coherente entre la versión instalada y la instantánea de la app.
 

Usa Smart Lock para contraseñas en Android como método de identificación

Smart Lock para contraseñas en Android es un administrador de contraseñas para Chrome y Android. Smart Lock también permite que los usuarios accedan automáticamente en visitas posteriores. Para facilitar la autenticación, brinda compatibilidad con Google Smart Lock en tu app instantánea.

Figura 9: Usa Smart Lock para la autenticación.

 

Proporciona solicitudes de instalación explícitas

Para usar los botones de instalación de manera estratégica, conviértelos en parte de la interfaz de usuario de tu app. Usa el ícono "Obtener app" de Material Design y la etiqueta INSTALAR para el botón de instalación.

No uses ninguna otra etiqueta, como "Descargar la app", "Instalar la app completa" ni "Actualizar". Nunca uses un banner ni otras técnicas similares a anuncios para presentar una solicitud de instalación a los usuarios.

Figura 10: Usa los botones de instalación de manera estratégica.

 

Proporciona como máximo 2 o 3 solicitudes de instalación implícitas

Las solicitudes de instalación implícitas son vínculos en la app instantánea que no hacen nada más que iniciar una solicitud de instalación. Estas solicitudes de instalación implícitas pueden ocurrir cuando hay funcionalidades en la versión instalada de la app que la versión instantánea no tiene.

No incluyas más de 2 o 3 solicitudes de instalación implícitas en tu app.

Cuando uses un mensaje de instalación implícito, asegúrate de proporcionar información y contexto sobre la función que lo activó. Explica a los usuarios un motivo por el que quieran instalar la app.

Figura 11: Limita la cantidad de mensajes de instalación implícitos.

 

Quita secciones no funcionales de tu app

Cuando conviertas tu app en una app instantánea, es posible que haya partes de la IU de esa app que se vinculen con otros módulos de funciones de la app. Quita cualquiera de esas secciones de la app instantánea.

Figura 12: Quita las partes no funcionales de la app.

 

Resuelve los inconvenientes relacionados con los pagos

Si las compras realizadas en tu app instantánea no son compatibles con Facturación Google Play y no tienes registrada la información de pago del usuario, puedes usar otra API de pago, como la API de Google Pay. La API de Google Pay te permite ofrecer pagos sin conexión, como pago contra entrega, y almacenar tarjetas de regalo en tu app instantánea.

Figura 13: Flujo de trabajo de pagos con la API de Google Pay

 

Los vínculos a contenido y ofertas de terceros pueden abrirse en un navegador o una pestaña personalizada de Chrome. Se pueden renderizar con un WebView cuando los recursos solicitados se proporcionan a través del protocolo HTTPS.

Tus propias ofertas no deben vincularse al navegador, sino permanecer dentro de la app instantánea, utilizando un WebView si es necesario. Todo el tráfico de red desde la app instantánea debe usar el protocolo HTTPS.

Dentro de la app instantánea, debes definir claramente qué funcionalidad ofrece tu app y qué funcionalidad se proporciona desde una fuente externa.

Figura 14: Abre vínculos externos que no controlas en el navegador.

 

Proporciona una manera de compartir URL de apps instantáneas

Debido a que las apps instantáneas no proporcionan una barra de direcciones para que los usuarios copien la URL, proporciona una acción "compartir" dentro de la app que permita a los usuarios compartir la URL de tu app instantánea.

Figura 15: Ayuda a los usuarios a compartir la app instantánea.

Recursos adicionales

Para obtener más información sobre cómo crear experiencias instantáneas de alta calidad, consulta los siguientes recursos.

Codelabs