UX Design Mobile : qu’est-ce que l’expérience utilisateur ?

Renforcer sa présence sur mobile n’est plus une option, c’est désormais une nécessité : il y a tellement d’utilisateurs sur mobile qu’il est impossible aujourd’hui pour tout designer de ne pas envisager une application mobile ou une version mobile de son site Web. Mais il ne suffit pas d’offrir aux mobinautes une application ou un site mobile, l’expérience utilisateur associée doit être satisfaisante. Pour mieux vous orienter, on vous dit tout ce qu’il faut savoir concernant l’UX design sur smartphone et tablette.

Dans cet article, découvrez :

  • La définition de l’UX design ;
  • Pourquoi est-il important de proposer un UX design optimal sur mobile ?
  • Quelles sont les meilleures pratiques en termes d’UX design mobile ?
  • Quelles sont les erreurs à éviter en termes d’UX design mobile ?

 

Définition de l’UX design

L’UX design (User Experience Design) est également appelé en français design d’expérience utilisateur.

Il s’agit du processus permettant d’améliorer la satisfaction des utilisateurs lorsqu’ils utilisent une application en optimisant :

  • L’accessibilité : pour un site mobile, il s’agira donc de veiller à offrir la meilleure ergonomie. La prise en main doit être intuitive. Il en va de même pour le développement d’une application.
  • Le plaisir procuré par l’interaction avec l’app mobile : au-delà du service rendu par l’application, l’utilisateur doit aussi prendre du plaisir à l’utiliser. Il ne s’agit pas nécessairement ici de s’amuser, surtout si l’application ne s’y prête pas (ex. : banque, assurances…), mais de créer une application dont l’expérience d’utilisation est agréable.

Pour parvenir à créer la meilleure application UX design mobile, l’anticipation est la clé. Le design UX doit être pris en compte dès les toutes premières étapes de l’établissement de votre projet. Il fait partie du cœur même de l’application ou du site Web mobile.

Pour cela, vous devez réfléchir le plus tôt possible aux futurs utilisateurs :

  • Quelles sont leurs motivations à utiliser votre solution ?
  • Quels sont leurs besoins et comment votre solution y répondra-t-elle ?
  • Quelles sont leurs habitudes ?

Prenez également le temps nécessaire pour évaluer l’offre existante. Par exemple, pour une application mobile, un simple tour sur l’App Store vous donnera accès aux commentaires et notes des utilisateurs d’applications concurrentes. Quelles frustrations et difficultés évoquent-ils ? Comment pouvez-vous leur offrir une meilleure expérience ? Mais aussi, quels points positifs relèvent-ils et dont vous pouvez vous inspirer ?

Pourquoi est-il important de proposer un UX design optimal sur mobile ?

L’UX mobile design replace l’expérience utilisateur au cœur de votre stratégie. Mais il ne s’agit pas seulement de faire plaisir à vos utilisateurs ; vous pouvez en tirer de nombreux bénéfices comme :

Obtenir un avantage concurrentiel

Aujourd’hui, toutes les entreprises, ou presque, disposent d’un site mobile ou d’une application. Proposer votre application ne constitue donc pas un événement en soi pour les mobinautes. Par contre, en optimisant l’UX design pour qu’elle réponde parfaitement à leurs besoins, vous pouvez vous différencier de vos concurrents en offrant la meilleure expérience utilisateur qui soit.

Réduire les coûts

L’UX design vous oblige à anticiper les besoins de vos utilisateurs et les problèmes qui pourraient se poser. Ce travail en amont vous permettra de prévenir les bugs ou problèmes d’usage. Devancer un problème est bien moins coûteux que d’agir après coup, en urgence, lorsque les utilisateurs se détournent de votre application ou de votre site (souvent en informant leur entourage de leur expérience négative).

Vous passez moins de temps en support client et vous économisez donc en temps, en développement, en maintenance et en documentation. Vous évitez aussi les effets désastreux d’un bouche-à-oreille négatif, qui impacte directement votre chiffre d’affaires.

Fidéliser ses utilisateurs

L'UX design mobile permet d'améliorer l'expérience utilisateur et donc de mieux fidéliser votre communauté

Une bonne interface UX design application mobile permet de :

  • Faciliter la vie des utilisateurs ;
  • Les satisfaire ;
  • Gagner leur confiance ;
  • Encourager un bouche-à-oreille positif qui augmentera le nombre d’utilisateurs. Un utilisateur satisfait est un utilisateur fidèle. Et un utilisateur fidèle n’hésite jamais à recommander l’objet de sa satisfaction à son entourage.

Gain d’argent

Une expérience utilisateur efficace impacte positivement le ROI : taux d’ouverture, de clic, de conversion, panier moyen… À l’inverse, une application ou un site mobile non optimisés usent rapidement la patience des utilisateurs, qui n’iront pas au bout de la procédure et ne retenteront généralement pas l’expérience. L’UX design est donc intimement lié à votre ROI.

Les meilleures pratiques en termes d’UX design mobile

Voici les best practices à adopter absolument pour créer l’application ou le site mobile la/le plus satisfaisant(e) possible pour les utilisateurs.

Responsive design

Le design de votre application mobile doit être adapté à tout type de device : tablette, smartphone, ordinateur… Lorsque vous développez votre projet, posez-vous toujours la question du rendu le plus pratique en fonction du device. Il ne s’agit pas seulement d’être accessible sur tous les supports, mais de présenter un contenu adapté à chaque forme d’écran (taille des boutons, des encarts vidéo, de la police… le nombre d’informations à afficher sur chaque écran, etc.).

Ergonomie

Les fonctionnalités doivent être simples et intuitives. Mieux vaut une application simple et efficace, que complexe et impraticable. Pour cela, ne multipliez pas les fonctionnalités, mais priorisez-les en fonction de vos objectifs. Toutes n’ont pas le même niveau d’intérêt pour les utilisateurs. Et toutes ne sont pas autant utilisées. Assurez-vous que les fonctionnalités clés soient accessibles rapidement et intuitivement. Les autres pourront être proposées dans des menus ou sous-menus, voire supprimées si elles n’apportent rien et gênent l’ergonomie.

Design minimaliste

Ne surchargez pas votre application par des images, du texte, des vidéos, etc. La navigation doit rester fluide : les écrans doivent charger rapidement. La rapidité de l’application est sûrement un des critères les plus importants pour les mobinautes : selon le Baromètre des Usages Mobiles 2018 (Open/EBG) la lenteur d’une application est le premier critère de désinstallation pour 71 % des utilisateurs.

Pensez-y également si vous prévoyez des encarts publicitaires sur votre application. Ceux-ci ne doivent pas encombrer l’écran ou ralentir les chargements, au risque de gâcher l’expérience utilisateur.

Informations hiérarchisées

Toujours dans l’optique d’une ergonomie optimisée et d’une utilisation intuitive, hiérarchisez les informations ! Mettez en avant les informations les plus importantes, afin de faciliter la navigation.

Cohérence avec votre identité graphique

Votre application mobile ou votre site Web ne sont pas des objets à part, ils reflètent votre entreprise et doivent présenter les mêmes éléments graphiques clés. Vous devez tenir compte de votre identité visuelle sur tous vos supports (cartes de visite, site Internet, application, etc.) et unifier le design. Les utilisateurs identifient les marques via de nombreux éléments, comme des couleurs, un logo, une police d’écriture, etc. Ils doivent donc les retrouver sur votre app.

Animations jumelées avec les gestes

Les animations se déclenchent grâce aux gestes de vos utilisateurs pour amplifier l’expérience de l’écran tactile. Il peut s’agir de glisser le doigt sur l’écran pour faire défiler des articles, de passer du format portrait à paysage simplement en tournant son appareil, etc.

Couleurs vives et gradients

Les gradients et les couleurs vives sont la nouvelle tendance en matière d'UX design mobile

La couleur attire l’attention, crée une ambiance, influence les émotions et les actions des utilisateurs. Les couleurs vives sont utilisées en camaïeu pour plus de douceur et d’élégance. Vous pouvez aussi utiliser, par exemple, les couleurs pour distinguer des fonctionnalités ou sections de votre application.

Feedbacks utilisateurs

Prenez en compte les avis et commentaires utilisateurs pour améliorer votre application. Permettez-leur de donner leur avis sur l’app par le biais d’une fonctionnalité In-App à part entière, dans la partie profil/réglages par exemple. L’utilisateur doit pouvoir facilement donner son avis et se sentir entendu. Vous ne devez donc pas vous contenter de lire les feedbacks, mais d’y apporter des réponses (même pour simplement remercier l’utilisateur d’avoir donné son avis).

N’hésitez pas non plus à encourager vos utilisateurs à vous faire part de leur avis via des sollicitations par l’intermédiaire de notifications push mobile.

Comment collecter des feedbacks ?

Vous disposez de plusieurs solutions pour collecter des feedbacks :

  • Les formulaires d’avis dans l’application ;
  • Les réseaux sociaux : sur votre page ou en cherchant par mot-clé, vous trouverez des commentaires d’utilisateurs sur votre application ;
  • Les forums spécialisés : de plus en plus de marques intègrent un forum directement sur leur site ;
  • Envoi de questionnaire : par mail, SMS, etc.

Tester votre application

Les tests vous permettront de savoir ce qui plait aux utilisateurs, et ce qui ne plait pas. Proposez à des mobinautes de tester votre application avant sa sortie pour découvrir les éléments satisfaisants et ceux qui doivent être améliorés.

Bouton « pull down » pour rafraichir

Par son action de rafraîchissement sur la plupart des interfaces mobiles, le pull down permet de gagner de l’espace en évitant un bouton de rafraîchissement intégré sur l’écran de votre application.

Montrer le mot de passe

Sur un clavier mobile, taper un mot de passe peut relever du parcours du combattant. On doit souvent s’y reprendre à plusieurs fois. Les mobinautes apprécient donc la possibilité d’afficher leur mot de passe au fur et à mesure qu’ils le tapent. Ils savent ainsi s’ils ont appuyé sur les bonnes touches. Veillez bien sûr à sécuriser cette option.

Rendre le pouce accessible

Dans la majorité des cas, le pouce est le doigt le plus sollicité sur mobile. Il sera donc nécessaire de concevoir l’ergonomie autour de ce principe d’interaction lié à l’accessibilité du pouce.

Utilisation sans créer de compte

La plupart des utilisateurs veulent pouvoir tester l’application et voir son contenu avant de se créer un compte. Être obligé de s’inscrire en amont constitue un véritable frein et entraîne souvent une désinstallation immédiate, surtout à une époque où les internautes sont encouragés à être plus vigilants sur leurs données personnelles.

Rendre les MAJ uniques

Les mises à jour sont indispensables, mais parfois mal vécues par les mobinautes, surtout lorsqu’elles sont trop fréquentes et qu’elles n’apportent rien (du moins en apparence). Personnalisez chacune de vos MAJ pour que vos utilisateurs puissent les différencier. Des MAJ uniques amélioreront le ressenti des utilisateurs vis à vis des changements apportés à votre app.

Guider au moment voulu

Les informations pour guider l’utilisateur sont plus pertinentes lorsqu’elles s’affichent quand ce dernier est dans l’accomplissement de son parcours d’usage. Les longues explications au démarrage de l’application lassent, agacent et sont vite oubliées si elles ne sont pas utiles à ce moment-là.

Éviter les signes de chargement de la page

C’est un détail, mais si une icône s’affiche pour montrer que la page est en chargement, vous pouvez être certain que le mobinaute se focalisera dessus et que le temps lui semblera plus long. Favorisez plutôt l’affichage progressif du contenu.

Retenir l’utilisateur sur le parcours principal

Dans le cas où l’utilisateur fait défiler un flux d’informations, il est préférable d’intégrer directement les interactions proposées dans le parcours plutôt que de contraindre l’utilisateur à en sortir pour faire son action.

Les erreurs à éviter en termes d’UX design mobile

Concevoir une application sans objectifs

Vous ne pouvez pas développer une application sans savoir où vous souhaitez aller et pour quelles raisons. Définissez des intentions claires avant de concevoir le design d’une application. Suivre la tendance ne peut pas être votre seul objectif, votre application doit résoudre un problème ou offrir un service. Pensez à la Customer journey/Parcours utilisateur lors de la conception de l’application, cela vous donnera les grandes lignes.

Ne pas tenir compte du budget de développement

Dès que les fonctions de base d’une application sont esquissées, il faut discuter du budget avec l’équipe de développement. Cela évite la conception de fonctionnalités UX qui seront supprimées par la suite faute de moyens financiers.

Concevoir une application trop compliquée

Les fonctionnalités ajoutées doivent améliorer l’expérience utilisateur. Si ce n’est pas le cas, il faut les enlever. Pensez minimalisme pour simplifier l’UX et améliorer l’ergonomie.

Ne pas faire de bêta tests ou A/B testing

Il faut analyser l’utilisation de l’application afin de savoir ce qui fonctionne et ce qui ne fonctionne pas.

La mise en place d’un plan de taggage dès la phase de développement vous permettra de suivre plus facilement le parcours de vos utilisateurs sur votre application à sa sortie. Vous pourrez alors corriger plus rapidement les éventuels bugs.

Mauvaise hiérarchie de l’information

Comme nous l’avons vu plus tôt, la hiérarchisation de l’information est importante. Vous devez planifier le degré d’importance de chaque information pour mettre en évidence les principales.

Considérer l’UX design comme la responsabilité d’une seule personne

Toute l’équipe doit être impliquée dans la conception de l’application mobile. L’équipe doit avoir un objectif ou une vision commune de l’expérience utilisateur qu’elle veut offrir. Même si les missions sont différentes au sein de votre équipe, elles servent toutes un même but.

Suivre la concurrence de trop près

Apprendre de vos concurrents pour essayer d’améliorer/innover afin de proposer le meilleur design UX est une excellente chose. Mais attention à ne pas trop vous en inspirer : votre application doit apporter une plus-value supplémentaire pour se démarquer des autres. Vous ne devez pas faire pareil, vous devez faire mieux, ou autrement.

Votre menu n’est pas visible

Les utilisateurs doivent pouvoir accéder au maximum de contenu au sein de l’application en un minimum de temps.

Designer de manière isolé

Concevoir une application sans avoir réellement récolté les besoins des clients vous conduira à créer une application incomplète, car il n’y a eu aucun feedback préalable. Cela se produit lorsque les équipes n’anticipent pas suffisamment les besoins et attentes des clients, voire n’en tiennent pas compte.

Ne pas demander la permission (opt-in) dès le départ

Les utilisateurs refusent souvent ces demandes d’autorisation (notifications push, géolocalisation), car ils ne comprennent pas leur utilité à un stade si précoce de leur utilisation. Cela peut même être considéré comme intrusif si vous ne respectez pas les bests practices de la notification push. Il est préférable de demander des autorisations lors d’un contexte particulier et de communiquer la valeur que l’accès apportera.

Ne pas utiliser le même jargon que vos utilisateurs

Utilisez des expressions, des mots familiers et compréhensibles si vous souhaitez que votre application plaise à tout le monde. Si, au contraire, vous visez un public manipulant des expressions et termes spécifiques, employez-les aussi dans votre communication.

Ne pas reproduire l’expérience Web sur mobile

Les utilisateurs s’attendent à une expérience utilisateur et à une interface adaptées. Mais attention à ne pas dénaturer l’expérience du service pour autant : selon le Baromètre des Usages Mobiles (Open/EBG), 54 % des mobinautes voient en effet l’application comme une réplique du site et 33 % d’entre eux n’attendent pas forcément d’autres services.

Ne pas conduire vos utilisateurs vers un navigateur Web

Lorsqu’une application mène sur le Web pour obtenir plus de contenus ou effectuer une tâche, cela augmente l’abandon et réduit la conversion.

Ne pas demander de feedback dès la première utilisation

Pour encourager les commentaires réfléchis, ceux qui vous seront réellement profitables, donnez aux mobinautes le temps de se faire une opinion sur votre application avant de demander une note.

L’expérience utilisateur doit être la plus satisfaisante possible pour rendre votre application attractive et fidéliser les mobinautes. C’est pourquoi vous devez intégrer l’UX design à votre projet dès les premières étapes du développement. Non seulement vos utilisateurs profiteront d’une expérience pleinement satisfaisante, mais vous y gagnerez en crédibilité, en réputation et votre ROI s’en verra amélioré.

Les trois points-clés à retenir :
  • L’UX design doit être pris en considération dès les prémices de votre projet ;
  • En optimisant l’expérience utilisateur, vous améliorez votre ROI ;
  • Anticiper les besoins de vos utilisateurs et les problèmes éventuels vous permet de réduire vos coûts de développement et de maintenance.