Muchos dueños de negocio piden una app cuando lo que de verdad quieren es un icono en la pantalla de inicio de sus clientes. Una PWA te da justo eso, con la web que ya tienes, sin revisión de tienda ni un segundo código que mantener.
Esta guía explica qué convierte una web en instalable, qué esperar en iPhone frente a Android y cómo pedírselo a Uttra con palabras sencillas.
Una aplicación web progresiva (PWA) es tu web de siempre con un icono, una ventana a pantalla completa y, si quieres, soporte sin conexión. No necesitas tiendas de aplicaciones: en Android el navegador ofrece instalarla y en iPhone se usa Añadir a pantalla de inicio.
Qué hace instalable a una web
Tres cosas: que se sirva por HTTPS, que tenga un pequeño archivo de manifiesto (nombre, colores, iconos, página de inicio) y, para el uso sin conexión, un service worker que guarde en caché las páginas clave. Las webs publicadas con Uttra se sirven de forma segura, así que el primer requisito ya está cubierto.
- Un nombre claro y un nombre corto que quepa bajo el icono.
- Iconos en al menos dos tamaños, idealmente un logotipo sencillo sobre fondo liso.
- Un color de tema para que la barra superior del móvil combine con tu marca.
- Una página de inicio que abra rápido, como tu carta o la pantalla de reservas.
Android frente a iPhone: sé claro con tus clientes
En Android con Chrome, los visitantes pueden recibir un aviso de instalación o usar el menú del navegador. En iPhone no hay aviso automático: la persona abre la web en Safari, pulsa Compartir y después Añadir a pantalla de inicio. Son unos pocos toques, así que una pequeña indicación en la página ayuda.
Algunas funciones son más limitadas en iPhone, como el comportamiento en segundo plano y las notificaciones push, así que comprueba lo que de verdad necesitas antes de prometerlo. Si dependes de ellas, una app nativa puede seguir siendo el paso siguiente.
Diseña para la experiencia instalada
Una vez instalada, tu web se abre sin barra del navegador, así que debe llevar su propia navegación: un botón de volver claro, un menú inferior para las dos o tres acciones principales y zonas de pulsación lo bastante grandes para un pulgar. Pruébala en un móvil real con una conexión móvil normal, no solo con el wifi rápido de la oficina.
Un prompt que puedes copiar
Describe el resultado, no la tecnología. Por ejemplo:
«Haz que esta web se pueda instalar como app en el móvil. Llámala Panadería La Espiga, usa mi logotipo sobre fondo crema como icono y pon el color de tema en verde oscuro. Añade un pequeño aviso que explique cómo usar Añadir a pantalla de inicio en iPhone y haz que la página de la carta se abra incluso con mala cobertura.»