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 :

     

    , , , ,