Los usuarios suelen descargar apps, en especial apps de plataforma, a través de tiendas de aplicaciones o de la descarga y la instalación de un paquete. Hoy en día, incluso la experiencia de escritorio está cambiando para ofrecer aplicaciones en tiendas centralizadas.
En el caso de las aplicaciones web, el modelo es diferente: los usuarios no tienen que visitar un depósito centralizado de aplicaciones para obtener una aplicación web. Por diseño, no todas las experiencias web son instalables. La instalación de una aplicación puede variar entre plataformas y navegadores, y los navegadores incluso tienen diferentes menús y plataformas para instalar la aplicación. 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:
![Diálogo de instalación predeterminado del navegador para computadoras de escritorio](https://developer.chrome.com/static/blog/richer-install-ui-desktop/image/the-browser-default-insta-3c6ce3fa8766e.png?authuser=6&hl=es)
![Diálogo de instalación predeterminado del navegador para dispositivos móviles](https://developer.chrome.com/static/blog/richer-install-ui-desktop/image/the-browser-default-inst-14907440251fd.png?authuser=6&hl=es)
La creación de aplicaciones web que se puedan instalar y que proporcionen las mismas interacciones que las aplicaciones de plataforma requiere trabajo técnico para habilitar esas experiencias, junto con una buena orientación 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 de brindar a sus usuarios contexto específico sobre su app en el momento de la instalación. Esta IU está disponible para dispositivos móviles con Chrome 94 y para computadoras desde 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 sus apps web. También hace que el proceso de instalación sea más familiar porque es similar a los diálogos de las tiendas de aplicaciones.
![Capturas de pantalla de la IU de instalación de Richer en computadoras y dispositivos móviles.](https://developer.chrome.com/static/blog/richer-install-ui-desktop/image/screenshots-richer-insta-56c432a76a62c.jpg?authuser=6&hl=es)
Habilita una IU de instalación más completa
Para mostrar el diálogo de instalación más enriquecido de la IU, 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 incluirlo. 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 de la instalación en 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 brindar 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 el screenshots
, pueden presentar la apariencia de la aplicación web como independiente, con todo el fácil acceso 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 enriquecida.
El estilo anterior de la solicitud de instalación proporcionaba poca información y contexto. El valor no coincide con el de los usuarios expectativas sobre lo que significa la instalación y podrían dejarlos confundidos sobre lo sucedido. Muchos rechazaron la solicitud de instalación por completo, lo que también era malo para las empresas que las crearon.
Las instalaciones más completas te permiten crear experiencias más parecidas a las de los sistemas operativos.
Para compilar el tuyo, sigue el ejemplo del archivo de manifiesto de la app de Squoosh y prueba el diálogo en vivo en https://squoosh.app/.
Comentarios Estamos considerando otras opciones para obtener mejores instalaciones, como categorías y calificaciones de la app. Para tomar esa decisión, necesitamos tus comentarios. Cuéntanos sobre el diseño ¿Hay algo en la IU de instalaciones de Richer que no funcione como esperabas? ¿O hay algún dato específico que necesites para implementar tu idea? ¿Tienes alguna pregunta o comentario? Completa este formulario.
Foto de Kaboompics .com en Pexels