Los usuarios suelen obtener apps, especialmente apps de plataforma, a través de tiendas de aplicaciones o mediante la descarga de un paquete y su instalación. Hoy en día, incluso la experiencia en computadoras de escritorio está cambiando a ofrecer aplicaciones en tiendas centralizadas.
En el caso de las aplicaciones web, el modelo es diferente: los usuarios no tienen que visitar un almacén de aplicaciones centralizado 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; 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:
La creación de aplicaciones web que se puedan instalar y proporcionar 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 para instalación enriquecida, los desarrolladores 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 a partir de Chrome 94 y para computadoras de escritorio a partir de Chrome 108. Si bien Chrome seguirá ofreciendo 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, ya que es similar a los diálogos de las tiendas de aplicaciones.
Cómo habilitar una IU de instalación más 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 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 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 la screenshots, pueden presentar la apariencia de la app web de manera independiente, con todo el acceso fácil que tienen las apps de la plataforma.
Si quieres obtener especificaciones detalladas y una guía para agregarlas a tu app, visita el patrón de IU de instalación más enriquecido.
El estilo anterior de solicitud de instalación proporcionaba poca información y contexto. Esto no cumplió con las expectativas de los usuarios sobre lo que significa la instalación y podría confundirlos sobre lo que sucedió. Muchos rechazaron por completo la solicitud de instalación, lo que también perjudicaba a las empresas que las crearon.
Las instalaciones más completas te permiten crear experiencias similares a las de los sistemas operativos.
Para crear el tuyo, sigue el ejemplo del archivo de manifiesto de la app de Squoosh. También puedes probar el diálogo en vivo en https://squoosh.app/.
Comentarios Estamos considerando otras opciones para mejorar las instalaciones, incluidas las categorías y las calificaciones de las apps. Para tomar esa decisión, necesitamos sus comentarios. Cuéntanos acerca del diseño. ¿Hay algo sobre la interfaz de usuario para instalaciones enriquecidas que no funciona 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