Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Expérience utilisateur mobile : 10 points clefs

ikomobi
January 23, 2015

Expérience utilisateur mobile : 10 points clefs

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.

ikomobi

January 23, 2015
Tweet

Other Decks in Business

Transcript

  1. 1 - Ergonomie Constat Vos utilisateurs utiliseront votre dispositif mobile

    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.
  2. 2 - Performance Constat Les utilisateurs sur mobile sont encore

    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
  3. 3 - Fonctionnalités Constat “Mobile users will do anything and

    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
  4. 4 - Spécificités Constat Chaque système d’exploitation (iOS, Android, ...)

    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
  5. 5 - Drive-To-App Constat Une application permet souvent une relation

    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
  6. 6 - Onboarding Constat Trop souvent, les tutoriels au lancement

    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
  7. 7 - Interactions Constat Sur mobile, l’utilisateur a de nouvelles

    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
  8. 8 - Saisie Constat Saisir sur mobile est complexe. Recommandations

    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
  9. 9 - Contextualisation Constat Vous connaissez le contexte d’ usage

    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
  10. 10 - Transparence Constat Les applications deviennent de plus en

    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