IU más completa para la instalación de AWP

Adriana Jara
Adriana Jara

Introducción

Los dispositivos móviles y la introducción de las tiendas de aplicaciones de los proveedores de dispositivos cambiaron el modelo mental de los usuarios sobre cómo descubrir, evaluar e instalar software. Los usuarios ahora están tan familiarizados con las tiendas de aplicaciones y con la información adicional que proporcionan las tiendas de aplicaciones (como el contexto de la aplicación, los comentarios sociales, las calificaciones, etc.) que observas aparecer la metáfora de las tiendas de aplicaciones en los sistemas operativos de escritorio, incluidos ChromeOS, Mac y Windows.

Desafíos con las plataformas de instalación actuales

Actualmente, si un usuario desea instalar una AWP, aparece una barra de información y una superposición modal con muy pocos datos. Si continúan con la instalación, el proceso finalizará demasiado rápido y no brindará contexto al usuario. Esto va contra sus expectativas de instalar apps y puede confundirlos un poco acerca de lo que sucedió.

Ejemplo de IU de instalación de AWP
Un ejemplo de la IU de instalación de la AWP.

Para permitir que los desarrolladores ofrezcan experiencias instaladas a la par con las experiencias nativas, Chrome presenta una nueva plataforma de instalación, Instalación enriquecida, que permite a los desarrolladores agregar una descripción y capturas de pantalla a su archivo de manifiesto y hacer que aparezca en un diálogo de hoja inferior dentro de Chrome para Android.

Ejemplo de IU de hoja inferior en Chrome.
Ejemplo de IU de hoja inferior en Chrome.

Esto brinda a los desarrolladores la oportunidad de crear un proceso de instalación más atractivo que se adapte mejor a las expectativas de los usuarios y que imita su modelo mental existente de experiencias instaladas.

Se expandió la IU de instalación más enriquecida.
Se expandió la IU de instalación más enriquecida.
Se contrajo la IU de instalación más enriquecida.
IU de instalación más enriquecida contraída.

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 aceptación de la comunidad de desarrolladores y la reacción de los usuarios.

Cómo obtener una vista previa de la IU

Esta IU funciona a partir de Chrome 94 en Android y Chrome 108 en computadoras de escritorio.

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 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 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 a los usuarios a mantenerla en sus dispositivos y, con la screenshots, pueden presentar el aspecto de la app web de manera independiente, con todo el acceso fácil que tienen las apps de 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.

Comentarios

En el futuro, consideraremos agregar otros datos, como categorías y calificaciones de la app, pero estos se basarán en los comentarios de los desarrolladores y los usuarios.

En los próximos meses, nos encantaría ver cómo los desarrolladores exploran este nuevo patrón de IU y nos gustaría recibir tus comentarios. Completa este formulario para comunicarte con nosotros.