Por lo general, los usuarios obtienen apps, especialmente apps de plataforma, a través de tiendas de aplicaciones o descargando un paquete y, luego, instalándolo. Hoy en día, incluso la experiencia en computadoras de escritorio se orienta a ofrecer apps en tiendas centralizadas.
En el caso de las apps web, el modelo es diferente: los usuarios no tienen que visitar un depósito de apps centralizado para obtener una app web. De forma predeterminada, no todas las experiencias web se pueden instalar, y la instalación de una app puede diferir entre plataformas y navegadores. Incluso, los navegadores tienen diferentes menús y plataformas para instalar la app. Una vez que el usuario hace clic en esa opción de instalación, el diálogo predeterminado no incluye información adicional, como se muestra a continuación:
La creación de apps web que se puedan instalar y proporcionar las mismas interacciones que las apps de plataforma requiere trabajo técnico para habilitar esas experiencias, junto con una buena guía para que los usuarios aprovechen este flujo de instalación diferente.
Con la IU de instalación enriquecida, los desarrolladores web tienen una nueva oportunidad para brindarles a los usuarios contexto específico sobre su app en el momento de la instalación. Esta IU está disponible para dispositivos móviles a partir de Chrome 94 y para computadoras a partir de Chrome 108. Si bien Chrome seguirá ofreciendo los diálogos de instalación simples para las apps instalables, esta IU más grande les brinda a los desarrolladores espacio para destacar su app web. También hace que el proceso de instalación sea más familiar, ya que es similar a los diálogos de las tiendas de aplicaciones.
Habilita la IU de instalación enriquecida
Para mostrar el diálogo de la IU de instalación enriquecida, los desarrolladores deben agregar al menos una captura de pantalla para el factor de forma correspondiente en el array screenshots. El campo description no es obligatorio, pero se recomienda. El diálogo de contenido se compila con el contenido de estos dos campos, lo que hace que la experiencia sea más similar a la instalación de la tienda de aplicaciones. Esto ayuda a los usuarios a identificar que están agregando una app a su dispositivo y, con más espacio disponible, los desarrolladores pueden proporcionar contexto específico a sus usuarios en el momento de la instalación.
Por ejemplo, los desarrolladores pueden usar el campo description para destacar las funciones de la app que incentivan al usuario a mantenerla en sus dispositivos. Con screenshots, pueden presentar el aspecto de la app web como independiente, con todo el acceso fácil que tienen las apps de la plataforma.
Para obtener una especificación detallada y una guía para agregarlos a tu app, consulta el patrón de IU de instalación más enriquecida.
El estilo anterior de la solicitud de instalación proporcionaba poca información y contexto. Esto no coincidía con las expectativas de los usuarios sobre lo que significa la instalación y podría haberlos dejado confundidos sobre lo que sucedió. Muchos rechazaron por completo la solicitud de instalación, lo que también fue malo para las empresas que las crearon.
Las instalaciones más enriquecidas te permiten crear experiencias más similares a las de los sistemas operativos.
Puedes crear el tuyo propio siguiendo el ejemplo del archivo de manifiesto de la app de Squoosh y probar el diálogo en vivo en https://squoosh.app/.
Comentarios Estamos considerando otras opciones para que las instalaciones sean más completas, incluidas las categorías y las clasificaciones de las apps. Para tomar esa decisión, necesitamos tus comentarios. Cuéntanos sobre el diseño. ¿Hay algo en la IU de Instalaciones más enriquecidas que no funcione como esperabas? ¿O hay datos específicos que necesitas para implementar tu idea? ¿Tienes alguna pregunta o comentario? Completa este formulario.
Foto de Kaboompics .com en Pexels