Téléchargement d’application iOS

Afficher l’installation de votre application sur mobile

[Update]

Cette solutiion est déclarée #bullshit :

L’écran “Télécharger notre app” de Google+ a provoqué 69% d’abandon sur leur site mobile.


Hier (je précise que nous sommes en 2012) j’ai cherché une information sur le site service-public avec mon iPhone. … Ne rigolez pas tous en même temps … Je ne parlerais pas ici de la façon de proposer un contenu accessible, mais plutôt de la manière de proposer une application au téléchargement.

Une mauvaise expérience mobile

Suite à une recherche j’accède au site.

Cliquez ici pour voir la version mobile ?

En effet le site n’est pas du tout optimisé pour une expérience mobile.

Comme j’ai vraiment besoin de l’information je vais charger (une deuxième fois) le site pour la version mobile.

Un site optimisé mobile ... #oupas

… Comment dire ? Euh … No comment le site mobile est encore moins optimisé.

La solution est de charger la version lecteur qui permet (enfin !) d’accéder au contenu.

Enfin une version lisible

Conclusion : 3 étapes pour consulter le contenu d’une recherche mobile, c’est un peu la croix et la bannière.

Un autre exemple.

J’ai faim, je regarde mes produits dans le frigo.

Comme je suis un grand cuisinier je cherche une recette sur le web …

Un splash screen inutile

750g.com n’a pas compris mon besoin : J’ai faim et je veux une recette de cuisine, pas télécharger une application !

La solution

Sur le site de twitter la solution est bien adaptée : garder l’accès au contenu et proposer le téléchargement de l’application de façon intelligente.

Une jolie bannière qui respecte l’interface utilisateur

http://smartappbanners.com/ propose une méthode unifiée pour proposer le téléchargement d’application iOS.

Cette solution affiche l’icône de l’application, son prix et si l’application est déjà installée sur l’appareil on propose de l’ouvrir directement.

Comment ça fonctionne ?

Cette solution est déconcertante de facilité.

    <meta name="apple-itunes-app" content="app-id=myAppStoreID"/>

Ajouter simplement une balise meta dans le <head> de votre site

Pour les options complémentaires rendez vous directement sur le site smartappbanners.

Afficher l’installation de votre application sur mobile