Comment exploiter les informations des utilisateurs pour perfectionner votre conception sur l'expérience utilisateur mobile ?

Puisque votre conception sur l'expérience utilisateur mobile fait partie de l'expérience client, elle ne peut pas être reléguée au second plan.

Consciemment ou non, les visiteurs de sites web mobiles jugent tous les éléments avec lesquels ils interagissent. Un site difficile à naviguer avec des pop-ups indésirables fait fuir les visiteurs, tandis qu'une page intuitive et engageante attire les clients et renforce l'affinité avec la marque.

Ce guide couvre

• 6 façons d'améliorer la conception sur l'expérience utilisateur de votre site web mobile

• 5 exemples concrets et inspirants

6 façons d'améliorer la conception sur l'expérience utilisateur pour les appareils mobiles

La conception sur l'expérience utilisateur mobile (UX) est le processus de construction d'un site web facile et agréable à utiliser sur un appareil mobile. Il s'agit d'une sous-section importante de la conception sur l'expérience utilisateur car 57 % du temps passé à naviguer en ligne l'est sur un appareil mobile.

Si les mêmes principes de base de la conception sur l'expérience utilisateur s'appliquent aux sites mobiles et sur ordinateur, les visiteurs peuvent interagir différemment selon qu'ils naviguent sur un ordinateur ou sur un appareil mobile.

Comme la façon dont vos clients utilisent vos sites mobiles et ordinateur varie, vous devez les tester et les peaufiner séparément, mais le jeu en vaut la chandelle. Voici pourquoi :

Maintenant que vous savez pourquoi la conception sur l'expérience utilisateur mobile est importante, intéressons-nous aux techniques d'optimisation.

1. Identifiez ce qui motive les visites sur mobile

Les moteurs sont les raisons pour lesquelles les visiteurs arrivent sur votre site et la manière dont ils y arrivent. Le chemin que les visiteurs empruntent pour arriver sur votre site et ce qu'ils veulent y faire peuvent varier entre ordinateur et mobile. Vous devez donc concevoir votre site mobile pour mettre les informations pertinentes au premier plan.

Voici quelques moyens d'identifier ce qui motive les visiteurs mobiles :

• Trouvez les pages de destination les plus populaires pour les visites mobiles et donnez la priorité aux améliorations de l'expérience utilisateur.

• Visionnez les enregistrements (interactions en temps réel des visiteurs) pour savoir comment les utilisateurs se déplacent sur votre site et le contenu ou les pages qu'ils consultent.

• Testez une page "Commencez ici" ou des boutons bien visibles pour les catégories de pages et examinez ce qui est le plus populaire auprès des visiteurs mobiles.

2. Supprimez les obstacles à l'engagement et à la conversion

Un obstacle est tout ce qui pousse les visiteurs mobiles à partir, comme un bouton qui ne fonctionne pas ou des informations manquantes. Ces moments d'arrêt brutal affectent la session du visiteur en cours et laissent une impression durable qui empêche les clients potentiels de revenir.

Les bugs, les défauts de conception et la frustration sont inévitables : il est donc préférable d'être à l'affût des obstacles qui nécessitent une attention particulière. Voici comment procéder :

• Filtrez les enregistrements pour les rage clicks et les retours en arrière qui signalent la frustration ou la confusion par des clics répétés ou un retour rapide à la page précédente.

• Utilisez un widget de feedback sur la page pour trouver les pages dont les visiteurs ne sont pas satisfaits

• Analysez les heatmaps qui visualisent les zones de la page que la plupart des visiteurs font défiler, les endroits où ils cliquent et se déplacent afin de trouver des éléments clés qu'ils ignorent ou des conceptions inutiles que vous pouvez supprimer.

3. Recherchez les accroches qui permettent de conclure la vente

Les accroches sont les éléments qui persuadent les utilisateurs de passer à l'action ou d'effectuer un achat. Vous devez donc découvrir ce qui plaît aux utilisateurs mobile pour améliorer votre conception et augmenter les conversions.

Voici quelques moyens de trouver des accroches :

• Identifiez les clients qui ont acheté sur mobile et envoyez-leur un lien par e-mail vers une enquête post-achat pour savoir ce qu'ils ont aimé de l'expérience et ce qui les a presque empêchés d'acheter.

• Menez des tests A/B pour trouver des variantes de conception sur l'expérience utilisateur qui augmentent les ventes, puis revoir les enregistrements de ces sessions pour comprendre pourquoi la conception a fonctionné.

• Interrogez les clients sur leurs objectifs, leurs difficultés et leurs préférences, puis utiliser leurs mots dans vos conceptions.

4. Comparez les attentes de flux d'utilisateurs à la réalité

Même les décisions les plus centrées sur le client en matière d'expérience utilisateur restent des approximations. Vous devez observer les interactions réelles des utilisateurs et les comparer à vos attentes.

Les outils d'expérience utilisateur vous donnent un aperçu en temps réel des interactions sur un site web mobile :

• Filtrez les funnels pour visualiser les sessions sur mobile et tablette et voir où les utilisateurs abandonnent, puis faites la comparaison avec les visites sur ordinateur.

• Analysez les enregistrements des visites sur mobile et tablette pour savoir comment les visiteurs naviguent sur votre site web sur mobile par rapport à l'ordinateur.

• Utilisez les heatmaps pour découvrir les éléments de navigation avec lesquels les visiteurs mobiles interagissent et utilisez-les pour établir les priorités de votre feuille de route en matière de conception.

5. Donnez la priorité à la conception accessible

Si vous voulez que tout le monde puisse profiter de votre site web, vous devez tenir compte de l'accessibilité de votre conception sur l'expérience utilisateur. Les déficiences visuelles, mentales ou physiques permanentes, et même les blessures temporaires comme une main cassée, ont toutes un impact sur la façon dont les clients utilisent votre site web.

Voici quelques conseils d'accessibilité à intégrer dans votre conception :

• Mettez des étiquettes dans le code du contenu dynamique pour qu'il fonctionne avec les lecteurs d'écran.

• Analysez les heatmaps pour voir quels en-têtes de navigation les visiteurs utilisent souvents et lesquels vous pouvez supprimer pour simplifier votre conception.

• Utilisez le logiciel WAVE pour vérifier l'accessibilité des polices de caractères

• Vérifiez le contraste des couleurs de votre site

• Ne vous fiez pas aux couleurs pour transmettre un message, comme le vert pour "bon" et le rouge pour "mauvais" : ajoutez aussi des symboles ou du texte.

6. Mesurez et répétez

Après avoir mis en œuvre les stratégies précédentes, vous devez en mesurer les performances. En signalant les problèmes potentiels et les pages très performantes, les métriques de site web mobile vous aideront à trouver des pages à itérer et des conceptions à dupliquer.

Voici ce qu'il faut mesurer pour suivre votre conception sur l'expérience utilisateur mobile :

• Le taux d'abandon de paiement et de panier : découvrez les moments de l'expérience utilisateur mobile qui incitent les clients à abandonner une vente

• Le taux de conversion : comparez les taux de conversion entre les appareils et dans le temps pour détecter les problèmes d'expérience utilisateur

• Le Net Promoter Score® (NPS) : comprenez la probabilité de vos clients mobiles à vous recommander à leurs amis

• La satisfaction client (CSAT) : évaluez la satisfaction client globale pour évaluer le sentiment à l'égard de votre conception sur l'expérience utilisateur

5 exemples étonnants à suivre de conception sur l'expérience utilisateur

La meilleure conception sur l'expérience utilisateur est propre à votre entreprise et à votre cible, ce qui prend du temps à perfectionner. Malgré tout, s'inspirer d'exemples de conception sur l'expérience utilisateur mobile offre un point de départ et un angle d'apprentissage sans passer par un long processus d'essais et d'erreurs.

1. La recherche intégrée de Duolingo

Pourquoi ça marche :

• Le site de Duolingo identifie les facteurs clés en demandant aux visiteurs mobiles comment ils ont entendu parler de l'entreprise

• Toutes les options de réponse apparaissent sur la page sans défilement.

• Les options sont accompagnées d'icônes reconnaissables à côté du texte.

• Il n'y a qu'une seule question par page pour éviter de submerger les visiteurs.

2. Les priorités d'Hotel Tonight en matière de mobilité

Pourquoi ça marche :

• Le site web mobile d'Hotel Tonight place la carte de l'hôtel en haut de la page (et non plus en bas comme sur la version ordinateur), ce qui est parfait pour les clients en déplacement

• Les visiteurs peuvent se faire une opinion plus rapidement grâce au texte "Pourquoi on l'aime" situé en haut de la page.

• Le bouton "Réserver maintenant" avec le prix de la nuit est toujours visible, de sorte que les visiteurs n'ont pas besoin de faire défiler la page vers le haut ou vers le bas pour le trouver.

3. Le feedback discret de Hotjar

Pourquoi ça marche :

• Le widget de feedback de Hotjar ne s'ouvre que lorsqu'un visiteur clique dessus (pas de pop-ups intrusives).

• Le bouton "X" de la première pop-up est visible et la pop-up ne bloque pas l'écran.

• La zone de texte permet aux visiteurs d'ajouter d'autres commentaires.

4. La hiérarchie des contenus d'InVision

Pourquoi ça marche :

• Le site web d'InVision se concentre uniquement sur le contenu. Il élimine les distractions et la police de caractères est aussi grande que possible

• Une barre de progression subtile en haut de la page permet aux lecteurs de savoir où ils en sont dans le contenu.

• Il y a des espaces blancs entre les paragraphes et entre les lignes pour faciliter la lecture.

5. Les merveilleux détails de Spotahome

Pourquoi ça marche :

• Le chat sur le côté du site mobile de Spotahome a de quoi séduire. Au début, vous ne le remarquez pas, mais il est trop mignon pour que vous ne vous y intéressiez pas.

• Le petit quiz prend des airs d'aventure tout en étant un élément clé pour l'entreprise

• La barre de progression permet aux visiteurs de savoir où ils en sont dans le processus.

Une bonne conception sur l'expérience utilisateur mobile commence par l'empathie

Le comportement de l'utilisateur et les interactions transforment votre site web d'une collection de codes en une expérience. Il est donc essentiel d'inclure les clients dans vos efforts de conception sur l'expérience utilisateur mobile. Apprendre des clients vous aide à prendre des décisions de conception pertinentes avec moins d'hypothèses pour créer un site mobile agréable pour les visiteurs.

Vous ne saurez peut-être pas toujours quoi demander et quand, mais en faisant preuve d'empathie et en apprenant en cours de route, vous atteindrez vos objectifs.