10 points clefs pour sublimer votre expérience utilisateur mobile. Présentation réalisée pour un évènement Google France à Paris, par l'équipe conseil ikomobi.
d’une seule main, souvent avec leur pouce. Recommandations Placez vos éléments d’interface en fonction de ses contraintes d’ usage. Prévoyez des zones tactiles d’au moins 44*44px.
moins patients que sur desktop. Alors qu’ils sont dans des conditions réseaux bien moins favorables. Recommandations Faites de la performance une priorité. Travaillez aussi la performance perçue, comme ci-contre avec une animation de chargement. Exemple : Application Capitaine Train, iOS
everything a desktop user will do, provided it's presented in a usable way” (Brad Frost) Recommandations Prenez en compte la part grandissante, et bientôt majoritaire de vos utilisateurs qui ne connaîtront que votre expérience mobile. Votre site mobile aussi (surtout) doit être un “site complet”. Contre-exemple : La Poste, site mobile
a ses spécificités. Recommandations Offrez une interface utilisateur différente sur iOS et sur Android. Adoptez les conventions d’ interface et d’expérience utilisateur de Google et Apple, que vos utilisateurs connaissent déjà. Exemples : Applications Twitter, iOS & Android
plus proche entre un client et une marque. Celle-ci a donc tout intérêt à faire télécharger son application. Recommandations Saisissez les opportunités de présentation de votre application mobile. (Bannière, deep-linking, etc.) Cependant, n’interrompez pas de façon intrusive l’expérience de votre visiteur (alerte, interstitiel). Exemple : Guardian / Contre exemple : L’Express
d’une application présentent comment s’en servir. Mais une fois dans l’application, l’ utilisateur a oublié. Recommandations Au premier lancement de l’ application, rappelez la proposition de valeur de votre service. Aidez votre utilisateur à prendre en main votre dispositif avec un tutoriel, en contexte d’usages. Exemples : Meetup, Android / GroupMe, iOS
attentes quant à ses interactions avec vos dispositifs (mouvements, capteurs, feedbacks) Recommandation Tirez parti des possibilités du smartphone : swipe, zoom, etc. Travaillez vos interactions, pour rendre l’utilisation de votre dispositif agréable, voire réjouissante. Exemples : Skinnyties, site / Gmail, Android
Limitez au maximum le nombre de champs à saisir par votre utilisateur. Rendez les champs restants intuitifs et agréables à la saisie (pré-validation, appel des bons claviers natifs). Tirez profit des social connect (Facebook, Twitter, Linkedin), et des informations que l’utilisateur a déjà rentré dans son téléphone (numéro, contacts, calendrier…) Exemples : Tinder, Android / Dropbox, Android
de votre utilisateur, et celui-ci le sait. Recommandations Contextualisez l’expérience mobile de votre utilisateur mobile (localisation, préférences, etc.) Un utilisateur mobile est plus proche de la concrétisation de son action (achat, visite en magasin, etc.) : permettez-lui de consulter ses informations essentielles, en un coup d’oeil. Exemples : Uber, iOS / Télandcom, site mobile
plus “transparentes” : il n’ est quasiment plus nécessaire de les ouvrir. Recommandation Réfléchissez à la manière dont votre information peut être consommée en micro-sessions d’ un coup d’oeil, contextuelles et personnalisées. Conclusion Au final, la meilleure expérience c’est de n’avoir (quasiment) aucune action à faire. Exemples : Foursquare, iOS / Google Now, Android