Sur le marché numérique actuel, parcourir des catalogues entiers ou profiter des dernières promotions se fait en quelques clics. Shopify, partenaire d'intégration d'Algolia, prévoit que le commerce mobile représentera 44,6 % des ventes au détail totales aux États-Unis en 2024. L'entreprise anticipe également une augmentation de cette tendance, puisque 60 % des adultes américains interrogés affirment que faire leurs achats sur mobile est le moyen le plus pratique.
Les opportunités sur mobile sont prêtes à être saisies, et tout commence par la recherche.
Cependant, en matière de recherche, transposer son site web sur un appareil mobile ne se résume pas à une simple reproduction à l'identique. Les contraintes physiques et techniques liées au mobile peuvent complexifier l'expérience d'achat, entraînant des abandons de panier et une baisse du taux de conversion. De fait, des statistiques récentes montrent que le taux de conversion sur smartphone représente environ la moitié de celui sur ordinateur.
Que pouvez-vous faire pour améliorer les résultats des achats mobiles ?
Mettre l'accent sur l'expérience utilisateur est une stratégie souvent négligée qui peut avoir un impact rapide et direct sur les résultats de votre entreprise.
Dans cet e-book, nous examinerons les problèmes courants liés à la recherche mobile et les meilleures solutions pour les résoudre. L'objectif est de rendre votre recherche mobile aussi agréable et intuitive que possible pour l'utilisateur, tout en optimisant son impact direct sur votre activité.
- 87 % des consommateurs commencent leurs recherches de produits en ligne
- 57 % des acheteurs utilisent un appareil mobile lorsqu'ils visitent un site web
- 43 % des clients du secteur du commerce de détail commencent leur parcours d'achat à partir de la barre de recherche d'un site web.
- 77 % des acheteurs recherchent des produits via un appareil mobile
Les pièges de l'expérience utilisateur mobile
Piège l
Petit écran, grands doigts
Nombre des difficultés rencontrées sur les plateformes mobiles proviennent de la limitation extrême de l'espace d'affichage. Une erreur fréquente consiste à vouloir afficher toutes les données disponibles comme sur un ordinateur de bureau.
De plus, transférer des informations de l'esprit à une application est facile lorsque l'utilisateur peut utiliser ses dix doigts sur un clavier de taille normale. C'est beaucoup plus difficile lorsqu'il tapote sur un écran mobile avec deux pouces. Sur mobile, la quantité d'informations transmises est considérablement réduite.
Piège 2
Les utilisateurs mobiles sont, eh bien, mobiles
Nous utilisons nos téléphones portables dans des conditions loin d'être optimales, par exemple dans un train qui tangue ou en marchant.
Ces environnements ne sont pas propices à une bonne concentration et peuvent rendre la saisie d'informations plus difficile pour l'utilisateur .
Piège 3
Le réseau, ou son absence
L'avantage du mobile réside dans la possibilité d'emporter son appareil partout avec soi et de se connecter à Internet. Cependant, la couverture réseau n'est pas toujours optimale, même dans les villes les plus fréquentées. Une mauvaise connexion est extrêmement frustrante pour l'utilisateur : il est donc essentiel d'anticiper les périodes de déconnexion et d'adapter son offre en conséquence.
Piège 4
Compromis entre quantité et qualité
Compte tenu des contraintes mentionnées, le nombre de résultats affichés et la quantité d'informations fournies pour chaque résultat sont des éléments essentiels. Moins il y a de résultats par page, plus le critère de pertinence est important : vous ne pouvez pas vous permettre un seul résultat de mauvaise qualité si vous n'en affichez que cinq au total.
La quantité d'informations par résultat doit être réduite au minimum afin de répondre à deux objectifs simples :
- Ce résultat est-il pertinent pour la requête ?
- Ce résultat est-il intéressant en soi ?
Pensez également au filtrage et à l'affinage. Sur un ordinateur de bureau, la barre latérale offre suffisamment d'espace pour inclure des filtres et des facettes ; en revanche, lorsque l'espace à l'écran est limité et que l'interface utilisateur est tactile, vous devrez privilégier l'un ou l'autre.
Les appareils mobiles doivent donner aux utilisateurs l'impression d'avoir accès à tout du bout des doigts, mais en coulisses, nous devons être sélectifs parmi la multitude d'options d'affichage de notre application mobile.
Piège 5
La recherche est un processus actif
Un écran tactile est idéal lorsque l'utilisateur consomme du contenu de manière semi-passive, mais la recherche est plus complexe. L'utilisateur doit saisir du texte puis analyser les résultats.
La recherche est loin d'être une action instantanée : minimiser l'effort de l'utilisateur, notamment le nombre de clics, est essentiel. Nous devons proposer un contenu pertinent en limitant au maximum les reformulations nécessaires.
Piège 6
attentes élevées des utilisateurs
Les utilisateurs sont habitués à des recherches rapides et réactives. Depuis des années, Google propose des suggestions de requêtes pertinentes en temps réel, instantanément. Amazon, de son côté, nous donne également accès à son immense catalogue, consultable grâce à un menu déroulant de suggestions automatiques et à des filtres dynamiques. Pour offrir une expérience de recherche de qualité, nous devons satisfaire, voire dépasser, les attentes des utilisateurs déjà établies par les géants du secteur.
COMMENT, QUOI ET POURQUOI : Solutions aux pièges de l’expérience utilisateur mobile
Maintenant que nous avons examiné les principaux problèmes que peut engendrer une expérience de recherche sur mobile, comment les atténuer ? La solution réside dans une interaction stratégique entre la barre de recherche et les résultats. Cela concerne la configuration de votre barre de recherche, le contenu de votre écran de recherche et, surtout, la raison pour laquelle l’utilisateur effectue une recherche : les résultats eux-mêmes. Tous ces éléments doivent s’harmoniser pour offrir une expérience utilisateur à la fois cohérente et agréable.
COMMENT:
Configuration de la barre de recherche
La décision concernant la manière dont vous guidez votre utilisateur dans son expérience de recherche mobile dépend de nombreux facteurs : la taille et la complexité de votre ensemble de données, les connaissances que vous attendez de votre utilisateur sur l’ensemble de données qu’il consulte, et votre volonté d’équilibrer la découverte et l’intention dans l’expérience de recherche.
La forme de votre barre de recherche et son emplacement sur l'écran mobile sont des éléments importants qui influenceront la navigation de vos utilisateurs dans votre application. Il existe trois options principales : barre de recherche complète, barre d'onglets et icône.
Barre de recherche complète
La barre de recherche complète apparaît généralement en haut de l'écran principal, offrant un accès instantané à la fonction de recherche.
Si votre produit ou application vise à offrir à vos utilisateurs un accès rapide et facile à une grande quantité de contenu, alors c'est la solution idéale. La recherche devient l'élément central de l'interaction utilisateur, les résultats s'affichant en temps réel sous la barre de recherche.
Barre d'onglets
La barre d'onglets n'est pas toujours une barre à proprement parler ; il s'agit souvent d'une icône qui, lorsqu'on clique dessus, redirige l'utilisateur vers une page de recherche distincte de votre page d'accueil. Pensez à utiliser la barre d'onglets si la recherche n'est pas un point d'accès principal à votre contenu, mais que vous souhaitez tout de même la rendre accessible aux utilisateurs.
Par exemple, Spotify privilégie les suggestions d'albums, de playlists ou de chansons sur l'écran d'accueil, mais une chanson spécifique est accessible via son icône dans la barre d'onglets.
Icône
L'icône de recherche contextuelle est l'une des options les moins intrusives. C'est sans doute l'approche la plus flexible : vous pouvez afficher le bouton uniquement dans les parties de l'application où la recherche est pertinente.
Pour Gmail, l'utilisation principale consiste à consulter les courriels dans la boîte de réception. L'icône de recherche située dans la barre de navigation en haut à droite permet aux utilisateurs de rechercher parmi tous les courriels.
QUOI
Afficher son intention via l'écran de recherche
Dès qu'un champ de recherche est rempli via l'une des configurations décrites précédemment, l'intention de l'utilisateur est identifiée. L'IA d'Algolia analyse les requêtes à tous les niveaux : compréhension de la requête, récupération des résultats et classement de ces derniers. Elle personnalise également les résultats de recherche, les listes de produits et les recommandations. En analysant les saisies, Algolia détecte automatiquement de nouveaux synonymes potentiels. Les commerçants peuvent ainsi accepter ou refuser rapidement ces suggestions afin de répondre à un plus grand nombre de requêtes.
L'intention de l'utilisateur peut être perçue comme une transition entre la vue principale (hors recherche) et la page de résultats. Faciliter cette transition grâce à une interface utilisateur bien pensée peut optimiser la requête de l'utilisateur. Plutôt qu'un tableau vide par défaut attendant que la requête de l'utilisateur affiche le contenu, il existe des solutions plus efficaces pour l'accompagner jusqu'à son panier.
- Recherches récentes : lorsqu’un utilisateur recherche un produit, il est judicieux de lui proposer un aperçu rapide et pratique de ses recherches précédentes à des fins de comparaison.
- Recherches populaires : Guidez l’utilisateur en lui montrant les recherches effectuées par d’autres utilisateurs dans votre application. Cela permet à un client en manque d’inspiration de découvrir facilement des produits.
- Catégories : Proposez à l’utilisateur plusieurs options de filtrage thématiques. Plus vous affinerez votre recherche et plus vous la préciserez, plus vous trouverez rapidement ce que vous cherchez.
POURQUOI
stratégie d'affichage des résultats
L'écran de résultats affiche la réponse à la requête de l'utilisateur et doit répondre à la question essentielle qui motive les acheteurs à visiter votre site e-commerce. Cet écran doit être pertinent et organisé, ce qui représente un véritable défi si votre catalogue est important ou si le périmètre de la recherche est imprécis.
La recherche en temps réel peut s'avérer très utile. Les utilisateurs d'aujourd'hui s'attendent à une recherche instantanée, tant au niveau de la rapidité d'affichage des résultats que de leur fréquence de mise à jour. Grâce à cette fonctionnalité, chaque frappe au clavier génère de nouveaux résultats, actualisés instantanément.
Voici trois stratégies UX qui s'appuient sur la fonctionnalité de recherche en temps réel :
Suggestions de recherche
Les suggestions de requêtes offrent une brève pause entre la recherche et l'affichage des résultats, facilitant ainsi le tri des résultats denses. Lorsqu'une requête est saisie, les résultats génèrent des suggestions complètes, triées par popularité ou pertinence.
Supposons qu'un utilisateur saisisse « iPhone » dans le champ de recherche. Les suggestions affichées seront des requêtes complètes basées sur la saisie textuelle ; l'utilisateur obtiendra ainsi une liste de suggestions telles que « coque iPhone » et « câble iPhone ».
Les bonnes pratiques recommandent de minimiser le nombre de clics et de défilements nécessaires à l'utilisateur pour atteindre sa destination. Bien que les suggestions de requêtes ajoutent une étape, elles constituent une excellente solution pour les utilisateurs effectuant des recherches dans d'immenses ensembles de données, où le volume de résultats possibles pourrait les submerger.
Entre le risque de se perdre parmi trop de résultats et le risque de cliquer une fois de plus, les suggestions de requêtes constituent une stratégie préférable pour obtenir des résultats à la fois rapides et pertinents.
Résultats instantanés
Les résultats instantanés répondent à la question « pourquoi » en procédant dans le sens inverse. Ils fournissent un ensemble limité de résultats en supposant que la recherche est terminée. Cette approche est particulièrement efficace lorsque l'ensemble de données est restreint ou lorsque l'objectif de la recherche est bien défini.
Dans l'exemple de Spotify, la recherche sera naturellement limitée aux albums, titres, playlists et artistes. Lorsqu'un utilisateur saisit « beatles », l'affichage de « The Beatles (artiste) » en premier résultat simplifie la navigation. Les informations complémentaires, telles que les albums, titres et playlists, peuvent être affichées par petits groupes au fur et à mesure que l'utilisateur fait défiler la page.
Combinaison de suggestions de requêtes et de résultats instantanés
Il est également possible de combiner les deux stratégies afin de permettre aux utilisateurs d'accéder plus rapidement au contenu ou au produit souhaité. Cette approche peut s'avérer efficace avec un grand volume de données, tout en permettant d'identifier des correspondances pertinentes dans les résultats.
Le Google Play Store utilise une stratégie mixte pour afficher les résultats de la recherche « airbnb ». Le premier résultat mène directement à l'application Airbnb (bien sûr, il existe des millions d'autres applications, mais c'est celle qui correspond le mieux), tandis qu'en dessous, l'utilisateur voit des résultats plus précis qui se rapprochent de la requête initiale.
COMMENT, QUOI ET POURQUOI : Concevoir une expérience utilisateur mobile esthétique
En matière d'expérience utilisateur mobile, la notion de beauté est légèrement différente. Certes, l'harmonie visuelle de votre barre de recherche avec le design de votre site mobile est importante. Mais du point de vue de l'expérience utilisateur, l'affichage mobile reflète-t-il l'état de votre recherche ou de vos filtres ? L'assiste-t-il et la complète-t-il pour offrir une expérience à la fois agréable à regarder et fonctionnelle ?
Afficher les résultats correctement
Lors de l'affichage des résultats de recherche, l'utilisateur final doit pouvoir visualiser et sélectionner facilement l'élément. Il est donc important de présenter l'information de manière percutante tout en optimisant l'espace limité à l'écran.
Commencez par analyser comment les clients consultent votre catalogue. Pour les articles sélectionnés visuellement, comme les chaussures ou les vêtements, vous pourriez présenter les résultats de recherche sous forme d'images agrandies.
En revanche, des filtres comme le prix, la distance et les notes peuvent être utilisés pour afficher les résultats des entrées très spécifiques, comme les restaurants.
Affichage des commentaires lors du filtrage
Les filtres permettent de cibler les résultats et de consulter rapidement un grand nombre de données. Cependant, il est difficile d'afficher à la fois les filtres et les résultats de recherche dans la même vue sans surcharger l'écran.
Mais la plupart du temps, nous devrons afficher une vue dédiée avec tous les filtres possibles. Les interfaces de filtrage efficaces ont un point commun : elles fournissent un retour d’information lorsque l’utilisateur applique un filtre.
Par exemple, Amazon affiche un panneau occupant les deux tiers de la largeur de l'écran mobile. Lorsqu'un filtre est appliqué, l'affichage des résultats de la recherche en arrière-plan se met à jour instantanément pour afficher les nouveaux résultats.
Un autre exemple est l'application Airbnb, où un bouton en bas de l'écran affiche le nombre de résultats à chaque modification d'un filtre.
Pertinence
La pertinence est essentielle sur mobile car la petite taille de l'écran ne permet d'afficher qu'un nombre limité de résultats.
Sur ordinateur, le résultat le plus pertinent n'a pas forcément besoin d'être le premier, car l'utilisateur peut faire défiler la page. Sur mobile, l'espace limité fait que seuls les premiers résultats de recherche sont visibles ; ils doivent donc être pertinents.
Points clés à retenir
La recherche doit s'inscrire dans un dialogue fluide entre l'utilisateur et le produit, notamment sur mobile. Dans un souci d'expérience utilisateur optimale, le parcours client, de la requête à l'ajout au panier, doit être simple et intuitif.
Mais pour que les consommateurs puissent ne serait-ce que commencer à formuler leurs demandes, il est important de mettre en place des stratégies visant à surmonter les limitations imposées par l'affichage mobile.
- Il faut contourner les problèmes physiques tels que l'effet de la grosse main et la connectivité erratique d'un réseau.
- Bien que l'emplacement de votre barre de recherche ou la manière dont les résultats sont présentés puissent sembler évidents, l'application d'une stratégie UX appropriée fait toute la différence pour offrir à l'utilisateur un accès plus rapide au panier d'achat.
- Sur mobile, les utilisateurs sont constamment en déplacement, souvent avec une connexion internet faible ou inexistante. L'expérience de recherche doit s'adapter à ces conditions afin de garantir une navigation fluide.
- Le mobile est un puissant catalyseur pour connecter les acheteurs à votre site : grâce à des expériences de recherche et de navigation performantes, vous pouvez éliminer les obstacles à la recherche du bon produit et augmenter la taille du panier, aussi bien sur mobile que via des stratégies omnicanales.
.webp)
.jpg)
%20(2).svg)
