Les 4 étapes pour améliorer l’UX/UI de mon application mobile

Quelle expérience utilisateur pour votre application mobile ? Comment l’optimiser ? Que signifie l’UX design ?

Vous avez certainement entendu parler de l’UX et l’UI Design et de leur importance dans une application mobile. Mais c’est quoi ces termes barbares ?

L’UI correspond à l’”User Interface” ou “Interface Utilisateur” en français. C’est le lien entre le système et l’utilisateur. Le produit fini. Ce qui fait qu’une application web ou mobile est agréable à consulter et à utiliser.

Néanmoins, se contenter d’optimiser l’interface reviendrait à designer la forme sans le fond. Sans prendre en compte les réelles attentes et les besoins de l’utilisateur.

C’est pourquoi l’UI est souvent confondue avec l’UX car elle fait partie intégrante de l’expérience utilisateur. C’est seulement la face visible de l’iceberg.

L’UX nous vient de l’anglophone “User Experience”, autrement dit en français “Expérience Utilisateur”.

L’UX couvre tous les aspects de l’expérience entre l’utilisateur et votre application, incluant ainsi le design, l’interface utilisateur, les interactions physiques et manuelles.

C’est sur ce sujet que nous allons nous attarder dans cet article afin que vous proposiez la meilleure expérience à vos utilisateurs sur votre application mobile.

Sommaire
 

 

DÉFINIR VOTRE STRATÉGIE UX MOBILE

Il existe une infographie de Magnus Revang proposant des étapes claires et détaillées pour proposer la meilleure expérience à vos utilisateurs.

user-experience-UX-UI-roue

Celle-ci s’explique très simplement en se concentrant tout d’abord sur le centre de l’image.

Votre objectif est d’obtenir de la valeur (“Value”) grâce à une expérience utilisateur positive (“User Experience”). C’est alors une situation équilibrée où chaque partie y gagne : l’utilisateur (“Customer”) et vous (“Provider”).

Partant de ce principe, l’infographie détaille l’expérience utilisateur en une série de 6 phases composées de 30 facteurs placés stratégiquement.

  1. Findability = Repérabilité : L’application doit être facile à trouver, notamment grâce au référencement.
  2. Usefulness = Utilité : Le mobinaute doit aisément trouver les réponses à ses questions. L’application doit être exempte d’erreurs.
  3. Credibility = Crédibilité : Soyez conforme à l’image de la marque. Vos utilisateurs doivent être rassurés et convaincus.
  4. Usability = Facilité d’utilisation : L’application doit être facile à prendre en main et intuitive pour qu’on s’y repère facilement
  5. Desirability = Désirabilité : Donnez envie grâce au graphisme et à l’ergonomie
  6. Accessability = Accessibilité : Votre application doit être supportée par tous les terminaux et technologies

Afin que votre application mobile remplisse ces 6 caractéristiques, vous devez suivre 4 étapes majeures.

1# ÉTAPE STRATÉGIQUE (“STRATEGIC PHASE”)

Première étape : la définition de votre stratégie UX.

Il est essentiel que votre application mobile réponde précisément aux attentes de vos utilisateurs. Pour ce faire, questionnez-vous sur ces trois piliers : vos objectifs, les besoins de vos utilisateurs et le contexte d’utilisation de votre application mobile.

Commençons par vos objectifs.

DÉTERMINER VOS OBJECTIFS

En d’autres termes, quels bénéfices sont attendus de votre application mobile.

Il est très important que l’UX réponde à vos objectifs mais également à ceux de vos utilisateurs. Rappelez-vous, c’est une situation gagnante-gagnante.

Les objectifs quantitatifs les plus courants auprès des entreprises sont des indicateurs de performance mesurables.

  • Améliorer le taux de conversion
  • Augmenter le temps passé sur un écran
  • Décupler le nombre de téléchargements de l’application
  • Doubler le nombre d’abonnements mensuels
  • Baisser les abandons de paniers
  • etc.

Les objectifs qualitatifs sont quant à eux moins précis :

  • Fidéliser vos utilisateurs
  • Améliorer le process de commande
  • etc.

Il est vrai que pour atteindre vos objectifs, vous devez prendre des décisions et faire des choix. Toute la difficulté est de trouver un équilibre entre vos besoins et ceux de vos utilisateurs.

C’est pourquoi il est nécessaire de mener des recherches pour identifier le ou les problèmes à résoudre de vos futurs mobinautes.

Déterminez également le contexte d’utilisation de votre application mobile : quels sont les usages ? Avec qui ? A quel moment de la journée votre application sera-t-elle utilisée ? etc.

Créez les personas de vos mobinautes pour cibler les bons profils. En créant les portraits-robots de vos futurs utilisateurs, vous cernerez leur comportement, leur habitude, leurs humeurs, leurs préoccupations… et adapterez votre communication en fonction.

2# ETAPE CONCEPTION (“CONCEPTUAL PHASE”)

La phase conceptuelle vous permet grâce aux informations récoltées ci-dessus, de réaliser les maquettes de votre application mobile.

Avec tous les éléments recueillis, interprétés et structurés, il est possible de créer une première maquette.

Sans penser pour le moment au design, il est essentiel de prendre en compte les recommandations de vos utilisateurs en termes d’ergonomie et de spécificités du contexte d’utilisation.

Par ailleurs, la maquette évoluera tout au long des tests utilisateurs qui vous reporteront les améliorations à apporter.

Quelques prérequis sont tout de même primordiaux pour obtenir une application mobile intuitive et ergonomique.

DIVISER VOS CONTENUS

Sur mobile, notamment sur un smartphone, il est important que votre contenu soit découpé en petites parties afin d’amener de la fluidité dans la navigation.

Un petit écran amène certaines contraintes. C’est pourquoi diviser votre contenu éduque votre utilisateur et l’amène dans un tunnel bien précis.

Il ne se perd pas à chercher le fonctionnement et n’est pas distrait par du contenu “indésirable”.

De ce fait, posez-vous les bonnes questions. Dans quel ordre devez-vous organiser ces différentes sections ?

S’il s’agit par exemple d’un tunnel de vente, il est essentiel de l’amener au but final “passer une commande”.

Ainsi, vous devez simplifier chaque étape de commande et les organiser afin que votre utilisateur n’ait pas de multiples opérations à faire au même moment.

Par exemple :

  1. Procéder à l’inscription
  2. Donner son adresse de livraison
  3. Choisir une adresse de facturation
  4. Récapitulatif de la commande
  5. Paiement de la commande

L’important n’est pas de réduire les étapes mais bien de les simplifier. L’utilisateur est plus enclin à passer par 10 étapes simples que 5 très complexes.

AVOIR UNE APPLICATION MOBILE MANIABLE À UNE MAIN ET À DEUX MAINS

Prêtez attention à l’utilisation de votre propre smartphone ou tablette. Où placez-vous vos doigts sur l’écran ? Utilisez-vous vos deux mains ? Dans quelle situation ?

Ces questions ont un impact direct sur le placement de vos boutons, de vos textes, de vos médias, etc.

Un bouton “Supprimer” mal placé sur l’écran peut amener à des manipulations maladroites et frustrer votre utilisateur lorsqu’il supprimera du contenu accidentellement.

Soyez donc prudent et réfléchissez bien au contenu approprié dans les zones les plus utilisées par l’utilisateur.

3# ETAPE DE DÉVELOPPEMENT (“DEVELOPMENT PHASE”)

Cette troisième étape se concentre sur le design graphique de votre application. Vous avez les maquettes brutes, vous devez enjoliver le tout.

Tout comme lors de la création de votre maquette, l’utilisateur doit participer à la conception de votre design.

Conforme à l’image de votre marque, votre application doit respecter votre charte graphique. Attention toutefois à ne pas mélanger les couleurs dans tous les sens.

Article similaire :  5 Bonnes Pratiques pour Proposer la Meilleure Expérience Utilisateur (UX) sur Mobile

Depuis 2 ans, le “flat design” est de mise sur la toile. Littéralement traduit par “design plat”, il vous amène à simplifier et épurer vos éléments graphiques.

Contrairement à cette ancienne mode où il était tendance de mettre en relief, de dégrader et d’ajouter des couleurs flashy, le « flat design » à l’inverse vous force à ajouter des vides, à raccourcir vos textes et à “mettre à plat” tous vos éléments graphiques.

Pourquoi est-ce la meilleure solution ? Tout simplement car c’est une solution peu onéreuse, sobre et ergonomique.

Les points importants du design sont :

  • LES COULEURS DE VOTRE APPLICATION MOBILE : Il est conseillé d’utiliser des couleurs lumineuses qui mettent en valeur votre application. Mais attention de ne pas trop en faire. Des couleurs trop vives agressent votre utilisateur. Oubliez les dégradés et les arrières-plans trop sophistiqués.
  • LA TYPOLOGIE : La police doit être nette et claire. Elle doit presque se suffire à elle-même. Un fond uni et un texte blanc ou noir passent votre message bien plus efficacement. Attention aux contrastes illisibles. Faites des tests sur le site WebAIM.
  • LES ICÔNES ET BOUTONS : En simplifiant les objets de votre application – icônes, boutons, illustrations… -, vous l’allégez et la rendez beaucoup plus rapide. Ajoutez des espaces “vides”. N’ayez pas peur d’épurer vos écrans en enlevant tous les éléments superflus.

4# ETAPE DE PRODUCTION DE VOTRE APPLICATION MOBILE (“PRODUCTION PHASE”)

Bien que les tests ne se fassent pas seulement en “fin de parcours”, mais tout au long du processus, en collaboration avec vos utilisateurs cibles, c’est une étape primordiale avant la publication définitive.

La version finalisée de votre application mobile est sur le point d’être publiée. L’équipe technique de votre agence mobile s’occupe de tester tout l’aspect fonctionnel de l’application afin d’éliminer les bugs et les éventuels problèmes de “crash”.

Néanmoins, quant à eux, vos bêta testeurs vont utiliser votre application en situation “réelle” dans leur propre environnement. Ils reporteront leurs observations en termes d’interactions avec votre application et vous remonteront leur satisfaction ou, à l’inverse, leur frustration et les problèmes rencontrés.

Il existe pour cela de multiples moyens pour obtenir, étudier et comprendre les tests de vos utilisateurs.

TESTS A/B

Pour rappel, le “A/B Testing” est une méthode marketing qui consiste à proposer plusieurs variantes d’un même élément qui diffèrent selon un seul critère afin de déterminer la version qui donne les meilleurs résultats auprès de vos utilisateurs.

Par exemple : vous souhaitez tester une version avec vos boutons en couleur rouge sur une partie de vos bêta testeurs et une version avec vos boutons en couleur orange sur le reste afin de constater le meilleur taux de clic.

TEST À DISTANCE

Appelé également “Remote User Testing”, ce type de test vous permet d’enregistrer à distance en vidéo les manipulations de l’utilisateur. Comme si vous étiez derrière lui à observer ses faits et gestes dans votre application mobile.

Les avantages de ce test sont nombreux tels que :

  • Test naturel dans l’environnement de l’utilisateur
  • Observation directe des difficultés rencontrées
  • Économique contrairement à un test en “laboratoire”

Attention vous serez obligé d’utiliser un logiciel pour cette technique. Renseignez-vous sur son coût et sa faisabilité.

SONDAGE

Questionnez directement vos utilisateurs concernant leur expérience de navigation dans votre application mobile. Demandez leur avis sur des fonctionnalités, des couleurs ou leurs ressentis.

Proposez-leur de noter plusieurs critères : ergonomie, étapes d’inscription, écran d’accueil, etc. et de laisser des commentaires.

ÉTUDE DES STATISTIQUES

Étudier le comportement des utilisateurs est une bonne méthode pour comprendre ses habitudes et ses émotions.

Cependant, pour améliorer votre application mobile, vous avez également besoin d’étudier les statistiques. Toujours dans l’optique d’obtenir des données qualitatives mais aussi quantitatives.

Par exemple :

  • Le nombre de vues d’un écran
  • Le taux de clics sur tels boutons ou tels objets
  • Le volume de désinstallations
  • Le temps passé dans l’application par jour
  • etc.

FAQ – FREQUENTLY ASKED QUESTIONS

Les Questions Fréquemment Posées vous indiquent en règle générale des incompréhensions dans le fonctionnement de votre application mobile.

Si de nombreux retours vous demandent, par exemple, comment supprimer une information, il est fort possible que vos utilisateurs n’aient pas compris son fonctionnement.

Une fois la phase de tests terminée et les éventuels dysfonctionnements corrigés, le jour J est arrivé. Il est temps de publier et, surtout, promouvoir votre application mobile.

  • Référencement de votre application,
  • Optimisation de votre campagne marketing et votre communication grâce aux personas créés précédemment,
  • E-mailing auprès de votre cible
  • etc.

Vous l’avez compris, la mise en ligne de votre application ne sonne pas la fin de la bataille. Au contraire, c’est à ce moment que vous allez devoir redoubler d’efforts pour que tout votre travail n’ait pas été vain.

Conclusion

30 facteurs, tous répertoriés dans l’infographie de Magnus Revang, contribuent à une expérience utilisateur positive. Ils font parties intégrantes de ces 4 étapes.

4 phases qui vous guident de la définition de votre stratégie UX au lancement de votre application mobile. Afin que celle-ci soit aux yeux de vos utilisateurs : repérable, utile, crédible, facile à utiliser, désirable et accessible.

Nous savons qu’il y a de nombreux facteurs à prendre en compte lorsque l’on veut créer son application mobile. Voilà pourquoi AxioCode peut vous accompagner dans vos démarches et votre réflexion, tout commence par un diagnostic téléphonique gratuit de 30 minutes avec l’un de nos expert. ce diagnostic a pour but de prendre connaissance de votre projet et de son avancement.

Vous avez un projet ? Parlons-en !

Livre Blanc
L’application métier pour digitaliser un processus d’entreprise
Une application métier
vous pose problème ?
Découvrez notre
diagnostic gratuit
Sur le même sujet