Une icône de lancement pour une webapp, c’est possible !

Icones Applications

Prévoir une icône de lancement pour un site web ou une web app

Avoir une icône dans la liste des applications n’est pas réservé seulement aux applications mobiles. Il est possible qu’une webapp dispose également d’une icône de lancement personnalisée après une simple manipulation de l’utilisateur.

Pour cela, nous vous conseillons de spécifier dans votre cahier des charges que vous souhaitez qu’une icône de lancement soit prévue :

  • design aux bonnes dimensions
  • implémentation dans la balise < head > de votre web app

Vous pouvez également suggérer à vos utilisateurs de créer un raccourci sur leur écran d’accueil par le biais d’une pop-up ou d’une information qui ne s’afficherait qu’une seule fois lors de la première ouverture de votre webapp. En effet, veillez à ne pas être trop intrusif pour éviter le désengagement.

Comment ajouter une icône sur son écran d’accueil ?

Voici les manipulations à effectuer pour iOS et Android pour générer une icone de lancement à partir d’un site web, site mobile ou d’une web app :

Pour iOS

  • Ouvrez Safari
  • Ouvrez le site web souhaité
  • Appuyez sur l’icône de partage en bas de l’écran
  • Appuyez sur “Sur l’écran d’accueil”
  • Personnalisez l’affichage de votre icône
  • Appuyez sur “Ajouter”

Tuto Comment ajouter une icône sur l'écran d'accueil iOS

Pour Android

  • Ouvrez votre navigateur (exemple ci-dessous avec Google Chrome)
  • Ouvrez le site web souhaité
  • Appuyez sur le menu d’options
  • Appuyez sur “Ajoutez à l’écran d’accueil”
  • Personnalisez l’affichage de votre icône
  • Appuyez sur “Ajouter”

Tuto Comment ajouter une icône sur l'écran d'accueil Android