6 exemples inspirants de conception sur l’expérience utilisateur

La conception sur l’expérience utilisateur est très importante. Mais il est facile de se laisser entraîner par les tendances de conception flashy, de surcharger votre produit et d’oublier que la meilleure conception ne vous concerne pas. Il s’agit de résoudre les problèmes de vos utilisateurs.

Ne vous inquiétez pas, cet article va vous montrer la voie avec six exemples brillants de conception axée sur l’utilisateur. Inspirez-vous-en pour créer une expérience utilisateur incroyable et appliquez nos conseils pour mettre ces exemples en pratique.

Bonne et mauvaise conception sur l’expérience utilisateur

La conception sur l’expérience utilisateur consiste à créer des produits qui répondent aux besoins des utilisateurs de manière simple, efficace et agréable. Chaque point de contact avec le client contribue à l’expérience utilisateur, de la seconde où votre page de destination commence à se charger jusqu’à l’exploration de votre produit, la conversion et l’intégration, et l’utilisation des fonctionnalités.

Qu'est-ce qu'une bonne conception sur l’expérience utilisateur ?

Une bonne conception sur l’expérience utilisateur est axée sur l’empathie avec les utilisateurs afin de s’assurer que leur parcours à travers votre produit, site ou application est à la fois fonctionnel et agréable. Elle varie en fonction des clients et de la marque. Une bonne conception sur l’expérience utilisateur, c’est ce qui est bon pour vos clients et votre produit.

La meilleure conception sur l’expérience utilisateur :

• Aide les utilisateurs à faire ce qu’ils sont venus faire

• Répond au comportement des clients, au feedback et à l’évolution des besoins

• Supprime les frictions dans le flux des clients

• Anticipe – et élimine – les obstacles potentiels et les sources de confusion

• Offre une interface utilisateur (UI) attrayante et accessible

• Intègre les possibilités de satisfaire les clients

• Permet aux utilisateurs de faire entendre leur voix en facilitant le feedback ou en se connectant au service client

Qu'est-ce qu'une mauvaise conception sur l’expérience utilisateur ?

Au lieu de guider les utilisateurs à travers une expérience produit fluide, les erreurs de conception sur l’expérience utilisateur empêchent les clients de satisfaire leurs besoins et génèrent de la confusion ou de la frustration.

Une mauvaise conception sur l’expérience utilisateur : 

• S’appuie sur des hypothèses plutôt que sur une recherche approfondie de l’expérience utilisateur

• Donne la priorité à l’esthétique plutôt qu’à l’utilisabilité et à l’accessibilité

• Reste statique et n’évolue pas avec les attentes et les besoins des utilisateurs

• Submerge ou surcharge les utilisateurs avec des informations et des options mal organisées

• N’accroche pas l’utilisateur pour qu’il reste engagé

Inspirez-vous de ces 6 exemples de conception sur l’expérience utilisateur

Soyons plus précis : à quoi ressemble réellement une bonne conception sur l’expérience utilisateur ?

Jetez un coup d’œil à ces six exemples brillants de conception sur l’expérience utilisateur. Au passage, nous allons vous montrer comment utiliser ces connaissances pour créer une expérience utilisateur transparente.

C'est parti !

1. N26 : l’anticipation des besoins des utilisateurs

Les services bancaires en ligne et l’application mobile de N26 offrent aux utilisateurs un moyen simple et personnalisé de gérer leurs finances.

Les raisons d’une conception sur l’expérience utilisateur d’exception

L’interface simple et intuitive nous rappelle que la meilleure conception sur l’expérience utilisateur n’est pas une question d’éblouissement inutile ou de graphisme sophistiqué. N26 met les utilisateurs à l’honneur et s’efforce de répondre à tous les besoins qu’ils pourraient avoir avec une application fintech.

Il existe une multitude d’options à choisir dans l’organisation des informations financières. Vous pouvez consulter des relevés de compte standard, mais aussi des infographies et des statistiques détaillées sur les dépenses.

N26 offre de nombreuses possibilités de personnalisation aussi esthétiques que pratiques. Les utilisateurs peuvent créer différents espaces de “sauvegarde” et ajouter différentes images ou descriptions. Par exemple, ils peuvent mettre une photo de leur prochaine destination de vacances sur leur espace “fonds de voyage”. C’est une expérience utilisateur flexible et personnalisable.

L’application N26 propose également des options par défaut à chaque étape, afin que les utilisateurs ne soient pas obligés de prendre beaucoup de décisions supplémentaires s’ils ne le souhaitent pas.

La facilité d’utilisation est ici un principe clé de la conception, mais une sécurité élevée est tout aussi essentielle. En quelques clics, les utilisateurs peuvent effectuer des transactions normalement chronophages (comme annuler une carte ou en commander une nouvelle), mais on leur demande de reconnaître leurs empreintes digitales ou leur mot de passe pour des raisons de sécurité. Il est également facile de basculer entre différentes options pour afficher ou non des informations confidentielles sur la carte et le compte.

Il s’agit d’une conception sur l’expérience utilisateur simplifiée et accessible qui offre une variété de fonctionnalités sans perturber l’utilisateur et rend les processus bancaires normalement pénibles simples et même agréables.

Transformez l'inspiration en action

Imitez cette puissante conception sur l’expérience utilisateur en plaçant vos utilisateurs au premier plan.

En naviguant dans leur produit, on a l’impression que N26 a pensé comme par magie à tous les besoins ou préférences possibles d’un utilisateur…

Mais ils ne savent pas lire dans les pensées. Tout ce qu’ils savent, c’est qu’une bonne expérience utilisateur consiste à parler à vos utilisateurs, à faire preuve d’empathie et à mettre en œuvre leur feedback.

Utilisez les connaissances sur l’expérience produit et des outils sur l’expérience utilisateur pour comprendre comment les utilisateurs perçoivent votre produit et pourquoi ils se comportent d’une certaine façon sur votre site.

Hotjar Session Recordings vous aide à entrer dans la tête de vos utilisateurs et à vivre le parcours du client avec eux, virtuellement.

Les widgets de feedback vous permettent de comprendre pourquoi les utilisateurs se comportent d’une certaine façon et de recueillir les suggestions des utilisateurs pour connaître les fonctionnalités supplémentaires, les options de personnalisation ou l’assistance dont ils ont besoin.

2. ASOS : interactif et informatif

ASOS propose une expérience d'achat en ligne attrayante.

Les raisons d’une conception sur l’expérience utilisateur d’exception

Le e-commerce de la mode doit avoir un impact visuel tout en répondant à tous les besoins pratiques des utilisateurs. La page de destination d’ASOS présente une image lumineuse et vive pour attirer les clients. Les appels à l’action (CTA) et les boutons de navigation sont parfaitement placés pour inciter les clients à explorer des sections et des produits spécifiques.

La vaste gamme de produits disponibles pourrait être écrasante. C’est pourquoi l’expérience utilisateur est conçue autour de la “segmentation” des informations en catégories et filtres de produits avancés qui permettent aux utilisateurs d’accéder rapidement aux types de vêtements qu’ils recherchent.

Une fois que le client atteint la page du produit choisi, la hiérarchie visuelle est claire. Il est facile de trouver plus d’informations, comme un tableau des tailles, et tous les suppléments s’ouvrent sur la page. Il n’y a donc aucun risque de perdre des clients à cause de nouveaux onglets. L’interface utilisateur est transparente, de sorte que les utilisateurs peuvent sélectionner une taille, vérifier les prix et ajouter un produit au panier en quelques clics.

L’expérience utilisateur ASOS est très réactive. Les clients sont encouragés à explorer les informations visuelles et écrites de différentes manières. Les photos des produits sont interactives. Vous pouvez donc cliquer sur de nombreuses vues différentes sous différents angles, et la fonction “Défilé Virtuel” d’ASOS montre les vêtements sur un mannequin qui se déplace sur une vidéo. Un excellent moyen de susciter l’intérêt des utilisateurs pour le produit et de répondre à leur besoin de savoir à quoi ressemble un produit dans la vie réelle avant de l’acheter.

Transformez l'inspiration en action

ASOS a clairement effectué des millions (c’est le chiffre exact) de tests et de validations de l’expérience utilisateur pour résoudre tous les obstacles et problèmes qui pourraient empêcher les utilisateurs de convertir, qu’il s’agisse de rester sur une page produit suffisamment longtemps pour regarder la vidéo ou de terminer le paiement. Leur expérience utilisateur d’exception repose sur la compréhension du comportement des utilisateurs et de leurs motivations.  

Pour le faire vous-même, gardez le contrôle de toutes les métriques quantitatives de l’expérience utilisateur et procédez à une analyse approfondie de l’expérience utilisateur. Effectuez des tests A / B ou des expériences multivariées pour savoir comment les clients réagissent aux différentes mises en page. 

Utilisez Hotjar Heatmaps pour voir où vous perdez des clics et des clients. Vous découvrirez peut-être que quelque chose de simple, comme un positionnement différent de votre CTA, pourrait considérablement augmenter les conversions.

3. Calm : empathie émotionnelle et plaisir de l'utilisateur

L'application Calm propose une gamme de méditations et de pistes audio de bien-être faciles à parcourir.

Les raisons d’une conception sur l’expérience utilisateur d’exception

Dès le départ, il est clair que Calm est conçu pour répondre aux besoins des utilisateurs. L’interface utilisateur fait de l’application une oasis pour les utilisateurs stressés, avec des couleurs et des sons apaisants qui commencent avant même de cliquer sur une piste audio.

La hiérarchie de la conception est épurée et claire, ce qui permet aux utilisateurs de ne pas être submergés par des tonnes d’options différentes. Seules les icônes de lecture, de pause, de retour en arrière et de partage sont visibles lors d’une méditation.

L’expérience d’accueil est elle aussi excellente. L’application permet aux clients de répondre rapidement à des questions simples et intuitives pour commencer. En quelques clics, la configuration est terminée et vous faites déjà une méditation personnalisée. Vos réponses sont utilisées pour personnaliser davantage l’expérience utilisateur, en vous suggérant et en vous rappelant des fonctionnalités susceptibles de vous intéresser. Et celles-ci sont faciles à désactiver si vous ne les voulez pas. 

L’application est parsemée de petites touches de plaisir pour l’utilisateur, avec des fonctionnalités supplémentaires, des effets sonores et des méditations uniques de célébrités qui offrent quelque chose en plus.

Calm transforme même les obstacles de l’expérience utilisateur en opportunités de plaisir. Les moments de friction élevée, comme l’attente du chargement d’une méditation, sont intégrés à l’expérience de l’application. Les utilisateurs sont invités à prendre de profondes respirations en attendant, ce qui transforme une expérience d’impatience (et un moment où les utilisateurs pourraient partir) en un mini-exercice de pleine conscience qui offre une valeur supplémentaire.

Transformez l'inspiration en action

Inspirez-vous de l'exemple de Calm en cherchant à comprendre profondément et émotionnellement vos clients.

Vous pouvez utiliser les enregistrements pour créer de l’empathie avec l’expérience utilisateur, mais vous devez vraiment parler à vos utilisateurs pour établir un lien plus profond. Organisez des entretiens avec les clients et des enquêtes sur l’expérience utilisateur, et utilisez les outils Hotjar Survey pour savoir ce que les utilisateurs pensent et ressentent avec leurs propres mots.

Faire preuve d’empathie envers les utilisateurs vous aidera à éliminer les bugs, les obstacles et les frictions. Mais cela vous permet également de savoir où vous pouvez ajouter de la joie et du plaisir à l’expérience pour fidéliser les clients.

Mais ne vous contentez pas de demander ce qui ne va pas avec l’expérience utilisateur. Demandez aux clients ce qu’ils veulent plus voir et comment ils aimeraient se sentir lorsqu’ils utilisent votre produit. Puis utilisez leurs réponses pour créer de la valeur ajoutée.

4. Keurig : la simplification de l'information pour l'acheteur

Keurig propose une expérience d'achat informative pour ses machines à café haut de gamme et ses dosettes de boissons aromatisées.

Les raisons d’une conception sur l’expérience utilisateur d’exception

Les machines à café Keurig sont réputées pour leur design épuré et leur facilité d'utilisation. C'est pourquoi le parcours de e-commerce de Keurig privilégie également l'esthétique et la facilité d'utilisation. 

Leur conception sur l’expérience utilisateur trouve un équilibre solide, offrant une simplicité visuelle tout en contenant tous les détails techniques du produit qu’un acheteur d’appareils domestiques électroniques veut obtenir.

Les clients peuvent explorer des gros plans de différents produits et fonctionnalités sous différents angles pour se faire une idée visuelle. Les informations détaillées sur les produits sont nombreuses, mais elles se divisent en blocs de spécifications intuitives et expliquées dans un langage clair. Au lieu d’énumérer des spécifications techniques détachées, les détails du produit indiquent aux utilisateurs comment chaque fonctionnalité affectera leur tasse de café du matin. Les clients potentiels sont encouragés à imaginer comment le produit s’intégrera dans leur vie de tous les jours.

Pour des informations impartiales, les avis sont facilement accessibles et le fait de cliquer pour les lire ne vous éloignera pas du produit que vous regardiez. L'achat se fait sans friction et les modèles et couleurs disponibles sont très clairs.

Les tableaux de comparaison, qui permettent aux clients d'examiner facilement différents modèles et options côte à côte et de comprendre leurs différences, constituent une caractéristique remarquable.

Transformez l'inspiration en action

Donner aux clients toutes les informations dont ils ont besoin sur un produit technique sans les surcharger relève du défi. Vous pouvez essayer d'éviter les conceptions trop chargées, l’encombrement ou les tonnes de jargon technique, mais avec une conception simplifiée, comment déterminer quelles informations sont suffisamment importantes pour être incluses ? 

Ce qui compte, c’est ce qui compte pour vos utilisateurs. Vous devrez leur demander, écouter, mettre en œuvre leurs suggestions, puis leur demander encore. C’est une question d’essais, d’erreurs et d’itérations. Regardez les enregistrements, utilisez des enquêtes et parlez aux clients avant et après chaque itération. 

Vous pouvez également vous inspirer de Keurig en portant une attention particulière aux informations qui pourraient manquer à vos utilisateurs pour franchir les dernières étapes de conversion. Peut-être que mettre les avis plus en avant ou offrir un tableau de comparaison conçu pour aider les clients à se décider pourrait faire la différence. Pour le savoir, il faut poser la question.

Utilisez  les widgets Feedback de Hotjar pour demander aux clients d’évaluer leur expérience et les informations supplémentaires qu'ils aimeraient voir.

Analysez les enregistrements de session des clients qui n’ont pas converti aux étapes finales et voyez s’ils ont cliqué pour obtenir plus d’informations, puis utilisez des enquêtes pour demander aux utilisateurs pourquoi ils n’ont pas converti.

5. Airbnb : simplicité et flexibilité

Le site d'Airbnb allie navigation et style tout en aidant les utilisateurs à trouver des locations de vacances ou à louer leur maison en tant qu'hôte.

Les raisons d’une conception sur l’expérience utilisateur d’exception

Les clients savent exactement ce qu'ils doivent faire dès qu'ils arrivent sur la page de destination d'Airbnb. Le CTA est bien visible au-dessus de la ligne de flottaison. 

La conception sur l’expérience utilisateur d’Airbnb parvient à répondre aux besoins des utilisateurs pour deux publics très différents : les hôtes et les voyageurs. Chaque groupe d’utilisateurs est préparé différemment avec des visuels qui parlent de leurs désirs (des vacances reposantes pour les voyageurs, une source de revenus stable et sans souci pour les hôtes) et qui utilisent la narration pour créer une connexion.

Les fonctions de recherche sont au cœur de l'interface utilisateur d'Airbnb. Les utilisateurs commencent par un champ de recherche simple et clair, puis il est facile d'appliquer des filtres et d’explorer une fourchette de prix, les chambres ou les appartements.

L’expérience utilisateur est marquée par une conception réactive qui offre différentes façons de visualiser l’information, y compris l’organisation des propriétés par prix, équipements (comme les piscines ou les balcons), ou la visualisation des propriétés sur une carte mobile interactive.

Un sentiment d'urgence est également bien déployé pour stimuler les conversions. Le site vous indique quand il reste peu de dates libres pour une propriété, ou si vous avez trouvé une propriété qui est généralement réservée longtemps à l'avance.

Transformez l'inspiration en action

Pour suivre l'exemple d'Airbnb, revenez à l'essentiel. Avant de lancer des refontes complexes de l'expérience utilisateur, tenez compte de facteurs simples comme l’importance de votre CTA et le fait que les utilisateurs sont incités à cliquer dessus ou à effectuer une première recherche sans problème ni hésitation. 

Ne vous fiez pas aux suppositions. Utilisez des outils d'analyse de l'expérience produit tels que Hotjar pour obtenir un mélange de données quantitatives et qualitatives que vous pouvez utiliser pour prendre des décisions éclairées en matière d’expérience utilisateur.

La conception sur l’expérience utilisateur d’exception d’Airbnb intègre parfaitement l’utilisabilité au design, à la narration du produit et au marketing. C’est clairement le produit de nombreuses fonctions et rôles différents : UX et UI designers spécialisés, équipes produit, marketing et ventes, business analysts, etc. 

Inspirez-vous-en pour que la conception sur l’expérience utilisateur dépasse les frontières de l’équipe produit. Engagez-vous dans une collaboration interfonctionnelle pour couvrir toutes les bases, obtenir un éventail de perspectives et intégrer les besoins des utilisateurs à ceux de l’entreprise.

6. Babbel : immersion et gamification

Babbel propose une interface d'apprentissage des langues simplifiée qui aide les utilisateurs à se concentrer.

Les raisons d’une conception sur l’expérience utilisateur d’exception

Dès la prise en main de l'application, Babbel vise à plonger ses clients dans un flux immersif. 

Leur conception sur l’expérience utilisateur s'inspire de la recherche en éducation et de la recherche sur les utilisateurs pour répondre aux besoins d'un environnement d'apprentissage ciblé et stimulant. Dès que vous commencez une leçon, vous passez en plein écran, sans distractions ni boutons supplémentaires, et les leçons mélangent supports écrits, visuels et audio pour rester variées et intéressantes.

Il y a différents chemins d’expérience utilisateur. Vous pouvez suivre des leçons dans le cadre d’un cours structuré et progressif, ou jouer quelques minutes par-ci par-là.

L'expérience Babbel fait de l'apprentissage des langues un jeu. Les utilisateurs reçoivent des scores à battre avec un renforcement positif tout au long de l'apprentissage, et les leçons sont conçues pour offrir un défi, mais pas un défi tel que les clients se découragent. 

L’expérience utilisateur et l’interface utilisateur sont configurées pour impliquer rapidement les clients et les garder engagés pendant qu’ils profitent de leur expérience et atteignent leurs objectifs.

Transformez l'inspiration en action

Le vice-président de la conception des produits Babbel déclare : “Nous menons régulièrement des recherches sur la facilité d’utilisation, en nous attendant à ce que les nouvelles conceptions fassent l’objet d’au moins deux itérations jusqu’à ce qu’elles soient parfaites.”

Suivez leur exemple en vous engageant dans une découverte continue et en vous adaptant aux nouvelles connaissances sur les clients.

Soyez prêt à remettre en question vos hypothèses en menant des recherches approfondies sur les utilisateurs.

L'exemple de Babbel montre également que tous les utilisateurs n'ont pas les mêmes besoins ou la même façon d’interagir avec votre produit ou votre site web. Certains peuvent souhaiter un engagement rapide, tandis que d'autres recherchent une interaction plus structurée et régulière.

C’est pourquoi il est important de compléter les données quantitatives avec des informations qualitatives sur des segments particuliers de clients. En utilisant des heatmaps et des données d’analyse, vous pouvez voir qu’un certain pourcentage d’utilisateurs abandonnent, mais il peut y avoir plus d’une raison à cela. Utilisez des enregistrements (filtrés par données démographiques des utilisateurs pour obtenir des informations détaillées), des outils d’enquête et des entretiens pour découvrir les besoins particuliers des utilisateurs qui ne sont pas satisfaits.

Rappel : les outils Hotjar Heatmaps, Session Recordings et Survey vous permettent d’accéder à plusieurs types de données client en un seul endroit !

Créez une culture de conception sur l’expérience utilisateur axée sur le client

Comme ces exemples inspirants le montrent clairement, la conception sur l’expérience utilisateur est un processus continu. Les meilleures équipes sont toujours à la recherche de moyens pour mieux comprendre leurs utilisateurs et optimiser leur expérience.

Pour une conception sur l’expérience utilisateur d’exception, chaque aspect de votre produit doit être axé sur la satisfaction des besoins de vos clients.

Les outils d’analyse de l’expérience produit vous aident à combiner des analyses avec des informations qualitatives riches. En faisant preuve d’empathie envers les utilisateurs, vous pouvez créer une expérience utilisateur axée sur le client qui stimule la conversion, la fidélisation et l’impact.