Beaucoup de commerçants demandent « une application » alors qu'ils veulent surtout une icône sur le téléphone de leurs clients. Une PWA offre cela avec le site que vous avez déjà, sans validation par une boutique ni second code à maintenir.
Ce guide explique ce qui rend un site installable, les différences entre iPhone et Android, et comment le demander à Uttra en langage courant.
Une application web progressive (PWA), c'est votre site habituel avec une icône sur l'écran d'accueil, une fenêtre plein écran et un mode hors ligne facultatif. Pas besoin de boutique : sur Android le navigateur propose l'installation, sur iPhone on utilise « Sur l'écran d'accueil ».
Qu'est-ce qui rend un site installable ?
Trois choses : le site est servi en HTTPS, il possède un petit fichier manifeste (nom, couleurs, icônes, page de départ) et, pour le hors ligne, un service worker qui met en cache les pages clés. Les sites publiés sur Uttra sont servis de manière sécurisée, la première condition est donc remplie.
- Un nom d'application clair et un nom court qui tient sous l'icône.
- Des icônes d'au moins deux tailles, idéalement un logo simple sur fond uni.
- Une couleur de thème pour accorder la barre du téléphone à votre marque.
- Une page de départ qui s'ouvre vite, comme la carte ou la réservation.
Android et iPhone : soyez honnête avec vos clients
Sur Android avec Chrome, le visiteur peut voir une invitation à installer ou passer par le menu du navigateur. Sur iPhone, il n'y a pas d'invitation automatique : le visiteur ouvre le site dans Safari, touche Partager, puis « Sur l'écran d'accueil ». Ce sont quelques gestes, donc une courte astuce sur la page aide.
Certaines fonctions sont plus limitées sur iPhone, comme le comportement en arrière-plan et les notifications. Vérifiez ce dont vous avez vraiment besoin avant de le promettre. Si c'est indispensable, une application native pourra être une étape ultérieure.
Pensez à l'expérience une fois installée
Une fois installé, le site s'ouvre sans barre de navigateur : il doit donc porter sa propre navigation, avec un bouton retour clair, un menu en bas pour les deux ou trois actions principales et des zones tactiles assez grandes pour le pouce. Testez sur un vrai téléphone avec une connexion mobile ordinaire, pas seulement sur le Wi-Fi du bureau. Et si vous collectez des données, pensez à l'information RGPD dans le parcours.
Un prompt à copier-coller
Décrivez le résultat, pas la technique. Par exemple :
« Rends ce site installable comme une application sur téléphone. Appelle-la Boulangerie Dupont, utilise mon logo sur fond crème comme icône et une couleur de thème vert foncé. Ajoute un petit bandeau qui explique « Sur l'écran d'accueil » pour iPhone, et fais en sorte que la page de la carte s'ouvre même avec une connexion faible. »