Introducción
Los dispositivos móviles y la introducción de las tiendas de aplicaciones de los proveedores de dispositivos cambiaron las tendencias de modelo mental de cómo descubrir, evaluar e instalar software. Los usuarios ahora están muy familiarizados con las tiendas de aplicaciones y la información adicional que se proporciona en las tiendas de aplicaciones, como el contexto de la app, comentarios sociales, calificaciones, etc., que ves la metáfora de la tienda de aplicaciones que aparece en el funcionamiento de las computadoras de escritorio. como ChromeOS, Mac y Windows.
Desafío de las plataformas de instalación actuales
Hoy en día, si un usuario desea instalar una AWP, aparece una barra de información y una superposición modal con una configuración información. Si el usuario continúa con la instalación, el proceso termina demasiado rápido sin dar contexto para el usuario. Esto va contra sus expectativas de instalar apps y puede hacer que un poco confundido acerca de lo que ha sucedido.
![Ejemplo de IU de instalación de AWP.](https://developer.chrome.com/static/blog/richer-pwa-installation/image/an-example-pwa-install-u-49a75003bc1f7.png?authuser=6&hl=es)
Permitir que los desarrolladores ofrezcan experiencias instaladas que sean similares a las experiencias nativas Chrome presenta una nueva plataforma de instalación, Instalación enriquecida, que permite a los desarrolladores agregar un descripción y capturas de pantalla en su archivo de manifiesto y hacer que aparezca en un diálogo de hoja inferior en Chrome para Android.
![Ejemplo de la IU de la hoja inferior en Chrome.](https://developer.chrome.com/static/blog/richer-pwa-installation/image/example-bottomsheet-ui-99ece303ded3e.jpeg?authuser=6&hl=es)
Esto les da a los desarrolladores la oportunidad de crear un proceso de instalación más atractivo. que se alinee mejor con las expectativas de los usuarios y que imite su modelo mental existente de experiencias instaladas.
![Se expandió la IU de instalación más completa.](https://developer.chrome.com/static/blog/richer-pwa-installation/image/richer-install-ui-expande-1a8050e2a0f99.jpg?authuser=6&hl=es)
![Se contrajo la IU de instalación más enriquecida.](https://developer.chrome.com/static/blog/richer-pwa-installation/image/richer-install-ui-collaps-76c9c5e1b17a.jpg?authuser=6&hl=es)
Compatibilidad con versiones anteriores
Los sitios web que no incluyan al menos una captura de pantalla en su archivo de manifiesto seguirán recibiendo los mensajes existentes. Esto puede cambiar en el futuro según la adopción de la comunidad de desarrolladores. y de los usuarios reacción.
Obtén una vista previa de la IU
Esta IU funciona desde Chrome 94 en Android y Chrome 108 en computadoras.
Esta función está habilitada en squoosh.app y se puede obtener una vista previa allí.
Implementación
Para mostrar el diálogo de instalación más completo 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. El diálogo de contenido se compila con el contenido de los campos screenshots
y description
para que la experiencia sea más similar a la de una instalación en la tienda de aplicaciones. Esta IU 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 y, con el screenshots
, pueden presentar el aspecto de la app web como independiente, con todo el fácil acceso que tienen las apps de 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.
Comentarios
En el futuro, agregaremos otros datos, como categorías y calificaciones de la app, pero esto se basará en los comentarios de desarrolladores y usuarios.
En los próximos meses, nos gustaría ver cómo los desarrolladores exploran este nuevo patrón de IU y quiere recibir tus comentarios. Completa este formulario para comunicarte con nosotros.