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

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

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 webapp

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, Android et Windows Phone pour générer une icone de lancement à partir d’un site web, site mobile ou d’une webapp :

 

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”

ios_1
ios_2
ios_3
ios_4

 

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 principal”
  • Personnalisez l’affichage de votre icône
  • Appuyez sur “Ok”

android_1
android_2
android_3
android_4

 

Pour Windows Phone

  • Ouvrez votre navigateur (exemple ci-dessous avec Internet Explorer)
  • Ouvrez le site web souhaité
  • Appuyez sur le menu d’options
  • Appuyez sur “Épingler sur l’écran d’accueil”

wp_1
wp_2
wp_3

 

Partagez cet article :

 

, , , ,