Cómo ayuda Chrome a los usuarios a instalar las apps que valoran

La investigación interna de usuarios de Chrome muestra que muchas personas valoran instalar apps web. Entre los beneficios, se incluyen los siguientes:

  • Tener una app de chat que se inicie desde el acoplamiento de tareas o la barra de tareas del sistema operativo
  • Reproducir música desde una ventana de nivel superior dedicada que se ve cuando se cambia de app
  • Se redujo la cantidad de elementos en la UX del navegador para lograr una videollamada envolvente.
  • Abrir una app web directamente desde un archivo asociado en el explorador de archivos del sistema operativo

Hay varias formas en las que Chrome y los desarrolladores web pueden ayudar, incluida una nueva función de promoción del aprendizaje automático. En esta publicación, se proporciona una descripción general de las formas en que los usuarios pueden instalar tu app.

Apps "elaboradas" que cumplen con los criterios de instalabilidad

Las apps que cumplen con los criterios de instalabilidad de Chrome muestran automáticamente un ícono de instalación en la barra de direcciones del navegador para computadoras (se destaca en la siguiente captura de pantalla). Un usuario puede hacer clic para instalar la app.

Ícono de instalación en la barra de direcciones del navegador Chrome para computadoras

Una forma alternativa de instalar la app es ir a Más   Más   > Guardar y compartir > Instalar $appName.

Instala el elemento de menú de la app en el menú “Más” en la versión de Chrome para computadoras.

En dispositivos móviles, los usuarios pueden instalar la app usando el mensaje de instalación que se muestra o con Más   Más > Agregar a la pantalla principal > Instalar app.

Sitio web de Wikipedia en dispositivos móviles.

Agregar a la instrucción en la pantalla principal del sitio web de Wikipedia

Diálogo de instalación de la app en el sitio de Wikipedia

Estas instalaciones se denominan "elaboradas", ya que el desarrollador aceptó esta UX cumpliendo los criterios de instalabilidad.

Experiencia de instalación personalizada

Los desarrolladores pueden ir un paso más allá y ofrecer una experiencia de instalación personalizada. Este es el enfoque que adoptaron apps como Squoosh y SVGcode. Consulta los botones Install destacados en los siguientes ejemplos. Cuando los desarrolladores proporcionan capturas de pantalla, pueden crear una experiencia de instalación aún más enriquecida.

App de Squoosh y su botón de instalación.

Mensaje de instalación de la app de Squoosh con capturas de pantalla.

App de SVGcode y su botón de instalación.

Instalación "manual" de cualquier app

Las investigaciones de Google demostraron que los usuarios también quieren instalar cualquier experiencia web, incluso si no cumplen con los criterios de instalación o si ofrecen un flujo de instalación personalizado. Un ejemplo es Wordle. Al momento de escribir, a su manifiesto de app web le falta el miembro icons y start_url.

{  
    "name": "Wordle",  
    "short_name": "Wordle",  
    "theme_color": "#FFFFFF",  
    "background_color": "#FFFFFF",  
    "display": "minimal-ui"  
}  

En esos casos, Chrome ofrece una forma manual de instalar una página como una app “manual”, que se destaca en la siguiente captura de pantalla para computadoras. En la esquina superior derecha de la ventana del navegador, selecciona Más   Más  > Guardar y compartir > Instalar página como app. En el mensaje de instalación, puedes cambiar el nombre de la app como desees.

Instala la página como elemento del menú de la app en Chrome para computadoras.

Instala esta página como diálogo de app en Chrome para computadoras.

En dispositivos móviles, presiona Más   Más   > Agregar a la pantalla principal > Instalar app.

Sitio web de IMDB en Chrome para dispositivos móviles.

Sitio web de IMDB con el elemento del menú Agregar a la pantalla principal en Chrome para dispositivos móviles.

Sitio web de IMDB con el cuadro de diálogo para instalar la app.

Si bien esto funciona, no es necesariamente detectable en la práctica. Es por eso que el equipo de Chrome invirtió en un enfoque impulsado por el aprendizaje automático (AA).

Mensaje de instalación basado en el aprendizaje automático

En Android, el equipo usa la segmentación de Chrome para predecir si un usuario querrá instalar una página determinada en función de un conjunto de indicadores, incluidas las características de estado del sitio (por ejemplo, la existencia de un manifiesto válido) y los datos de visitas del usuario al sitio (por ejemplo, el recuento total de visitas al sitio en los últimos 14 días). Estos datos se recopilan y se usan para entrenar un modelo de AA a fin de activar un diálogo de instalación si hay una alta probabilidad de que el usuario lo instale. Si el sitio cumple con los criterios de instalación, se mostrará el diálogo de instalación normal, mientras que otras páginas verán el diálogo de instalación manual.

Sitio web de Wordle con el diálogo para instalar esta página como aplicación

Los resultados iniciales muestran que los usuarios son receptivos a las solicitudes de instalación activadas por el AA, y el equipo planea usar las experiencias obtenidas hasta el momento para ajustar aún más el modelo y ayudarlos a instalar las apps que desean.

Crea un acceso directo en computadoras y dispositivos móviles

A partir de Chrome 128, Más   Más   > Guardar y compartir > Crear acceso directo crea un marcador en el escritorio o la pantalla principal del usuario. Se abrirá una página específica en una pestaña nueva, que coincide con el comportamiento de Android, en la que puedes crear un atajo con Más   Más  > Agregar a la pantalla principal > Crear acceso directo.

El comportamiento anterior de este elemento de menú en computadoras de escritorio ahora se trasladó a la opción Install Page as App, que crea una app "manual" como se describió antes.

Conclusiones

A los usuarios les encanta volver a sus apps. A veces, en una pestaña del navegador, y otras veces, como una experiencia independiente. Chrome ayuda a los usuarios a llegar allí de la siguiente manera:

  • Permite que los desarrolladores creen experiencias de instalación enriquecidas.
  • Permite que los usuarios instalen apps, incluso si sus desarrolladores no planificaron la instalabilidad.
  • Permite que los usuarios creen atajos a las páginas que quieran volver a visitar.
  • Lo que quiere el usuario es sugerir de forma proactiva apps para instalar en función del aprendizaje automático y con alta confianza de instalación.

Y ahora volvamos a Wordle, al trabajo...

Wordle 1,110 3/6

⬛⬛⬛🟨⬛
⬛🟨⬛🟨🟩
🟩🟩🟩🟩🟩

Agradecimientos

Finnur Breki Thorarinsson, Ella Ge y Rachel Andrew revisaron este documento.