Pratiques d’utilisabilité des applications mobiles

Il existe des meilleures pratiques d’utilisabilité des applications mobiles comme il existe des meilleures pratiques pour l’utilisabilité sur d’autres plateformes. Ces meilleures pratiques ne remplacent pas la recherche d’utilisateurs et les tests d’utilisabilité ; elles sont conçues comme un guide de « démarrage rapide » pour faire avancer vos créations dans la bonne direction.

Il n’y a pas de règles absolues dans le design de l’utilisabilité et vos utilisateurs doivent façonner vos décisions de design autant que le font les meilleures pratiques.

Dans son article, Mobile App UX Principles, l’équipe mobile de Google propose quelques bonnes pratiques pour l’utilisation des applications mobiles. Ces directives doivent constituer la base de votre design d’utilisabilité des applications mobiles, cependant, comme toujours, les meilleures pratiques ne remplacent pas la recherche et les tests d’utilisateurs pour découvrir ce qui fonctionne pour vos utilisateurs.

Meilleures pratiques d’utilisabilité générales des applications mobiles

  • Le contenu et tous les textes doivent être faciles à lire. Cela devrait être vrai dans n’importe quel environnement, y compris lorsque la lumière du soleil affecte la lisibilité de l’écran. Les polices doivent être définies sur un minimum de 11 points et être utilisées de manière cohérente tout au long. Le contraste entre le texte et l’arrière-plan est essentiel à la lisibilité sous des lumières vives.
  • Le contenu doit être disponible même lorsque Internet ne l’est pas. Bien qu’il ne soit pas possible de conserver tout le contenu sur l’appareil, le contenu principal doit être disponible même lorsqu’une connexion Internet (à la fois 3/4G et Wi-Fi) ne l’est pas.
  • Contrôlez l’espacement et la taille. Ceux-ci doivent être faciles à utiliser et à contrôler par l’utilisateur.
    + Applications Android – taille cible de 48 dp
    + Applications iOS – taille cible 44 x 44 px
  • Les tâches à plusieurs étapes qui ne sont pas contenues dans l’interface normale doivent être présentées dans des vues modales.
  • Les boutons CTA (Call to Action) les plus importants de votre application doivent être “sticky” ou visibles en permanence.
  • Le contenu à l’écran et les transitions doivent être diffusés rapidement et sans douleur pour éviter de frustrer les utilisateurs avec de longs temps d’attente.

Directives de formulaire pour les pratiques d’utilisabilité dans les applications mobiles

  • Les étiquettes de formulaire doivent soit exister au-dessus des champs, soit être créées sous forme d’étiquettes flottantes pour que certains utilisateurs sachent pourquoi ils remplissent un formulaire.
  • Les formulaires doivent tenter de communiquer ce qui est nécessaire dans un champ pour éviter les erreurs de l’utilisateur.
  • Les formulaires doivent être validés au fur et à mesure que chaque champ est rempli et non à la fin du processus.
  • Les formulaires doivent commencer avec le curseur déjà placé dans le premier champ et avec le clavier de saisie correct affiché.
  • Les formulaires doivent garantir que le CTA sous le pli défile automatiquement vers le haut lorsqu’un utilisateur remplit le formulaire.
  • Les formulaires où les listes sont présentées sous forme d’options doivent les afficher horizontalement au-dessus du clavier plutôt que verticalement. Cela garantit que l’espace de l’écran est utilisé efficacement lorsqu’un clavier est présent à l’écran.
  • Les formulaires qui nécessitent une saisie numérique doivent afficher un clavier de style pavé numérique lorsque cela est nécessaire.
  • Les formulaires peuvent bénéficier de contrôles pas à pas lorsque les utilisateurs doivent modifier des quantités. Ceci est également vrai pour les paniers d’achat.
  • Les formulaires et les fonctions de recherche doivent proposer des curseurs permettant de définir des maximums et des minimums.
  • Les formulaires qui nécessitent une entrée de date/heure doivent offrir des commandes de sélection pour faciliter ce processus pour l’utilisateur.
  • Les formulaires qui nécessitent des entrées de calendrier doivent envisager d’afficher un calendrier visuel – ceci est particulièrement important dans les applications de style de réservation de voyage/hôtel.
  • Si une application se crashe alors qu’un utilisateur est engagé avec un formulaire, elle doit récupérer automatiquement toutes les données saisies et renvoyer l’utilisateur directement au point du processus où le plantage s’est produit.

Les quatre grands interdits des pratiques d’utilisabilité mobile

En plus de ce qu’il faut faire, Google porte également son attention sur ce qu’il ne faut pas faire. Ils ont identifié quatre domaines dans le développement d’applications mobiles qui provoquent la confusion ou la détresse des utilisateurs. Cela réduit considérablement l’attrait général de l’application et l’ expérience utilisateur.

1. Ne copiez pas les éléments de l’interface utilisateur entre les plateformes.

Cela peut sembler une bonne idée de s’assurer que vos applications iOS, Android et Windows se ressemblent toutes, mais chaque plateforme a une apparence et une utilisabilité définies.

Ceux-ci conduisent les utilisateurs à développer des images claires des conventions associées à cette plateforme. Si vous modifiez l’interface utilisateur pour qu’elle ressemble à une plateforme différente ; cela ne profite pas à l’utilisateur, il ne sait pas comment procéder.

2. N’utilisez pas de liens URL soulignés.

L’URL soulignée fait partie d’un modèle différent d’interaction en ligne – elle appartient aux sites web accessibles via les navigateurs.

Les applications mobiles ne fonctionnent pas de cette façon, elles s’appuient sur des boutons pour signifier un changement d’écran par opposition à un lien qui vous amène à une autre page. Google ajoute également un corollaire à cette règle : ne codez pas les liens en dur, car ils doivent être modifiés manuellement et les liens rompus gâchent l’expérience utilisateur.

3. Ne dirigez pas les utilisateurs vers les navigateurs.

Vous souhaitez conserver un utilisateur d’application dans votre application et ne pas l’envoyer ailleurs. Les envoyer à un navigateur risque qu’ils ne reviennent pas à l’application et offre une expérience utilisateur « maladroite ».

Si vous devez attirer leur attention sur un contenu en ligne, utilisez un navigateur dans votre application pour diffuser ce contenu ; n’envoyez pas l’utilisateur ailleurs.

4. N’exigez pas une évaluation instantanée dans l’App Store après le téléchargement.

Si vous voulez de bonnes notes pour vos applications, vous devez laisser à l’utilisateur le temps de s’y habituer et d’apprécier l’expérience. Vous devriez demander aux utilisateurs réguliers des évaluations et non à ceux qui viennent d’installer l’application. Ils seront certains de vous donner de meilleures critiques et des critiques avec un niveau de contenu plus élevé.

utilisabilité des applications mobiles : android vs iOS

Ce qu’il faut retenir sur l’utilisabilité des applications mobiles

L’utilisabilité des applications mobiles n’est pas très différente de l’utilisabilité des autres plateformes. Suivre les directives ci-dessus devrait vous orienter dans la bonne direction ; cependant, cela ne remplace pas la recherche d’utilisateurs et les tests d’utilisabilité réels.

Chaque ensemble d’utilisateurs est unique et vous souhaitez avant tout répondre aux préférences de vos groupes d’utilisateurs.

Références

For those looking at usability testing for mobile apps a great quick reference guide infographic can be found here – http://www.userzoom.co.uk/resources/mobile-usability-testing/infographic-mobile-ux-research-methods-tools-2/#content-read=true