Meilleure recherche UX grâce à la microcopie

Il est difficile d'exagérer l'importance de la recherche sur le Web. La recherche est aussi ancienne qu'Internet lui-même et, à certains égards, même plus ancienne. Une recherche bien conçue profite à la fois à vous et à vos utilisateurs ; il augmente les conversions, réduit les taux de rebond et améliore l'expérience utilisateur.

La recherche est particulièrement importante sur les sites à grande échelle et les expériences de commerce électronique, où la majorité des revenus proviennent des sessions axées sur la recherche. Des études montrent que jusqu'à 50% des utilisateurs accèdent directement à la barre de recherche interne d'un site web, et que 15% préfèrent carrément utiliser la fonction de recherche plutôt que de naviguer dans le menu hiérarchique. Cela signifie que malgré tout l'amour et le soin apportés à la détermination de l'architecture d'information d'un site, il en va de même pour la conception de l'expérience de recherche.

Pour compliquer le problème, les compétences de recherche des utilisateurs sont au mieux fragiles et au pire incompétentes. Obtenir de bons résultats à partir d'un moteur de recherche nécessite souvent plusieurs tentatives et reformulations, ce que les utilisateurs font rarement. Et à mesure que la technologie de recherche s'améliore au fil du temps, les utilisateurs sont de plus en plus susceptibles d'accepter les résultats d'une recherche comme réponse à leur question, même si leur requête était erronée. Les utilisateurs qui privilégient les recherches ont tendance à se déplacer rapidement, à parcourir la page à la recherche de ce rectangle d'apparence familière et à rebondir rapidement lorsqu'ils ne trouvent pas ce qu'ils recherchent.

Communiquer avec ces utilisateurs « à grande vitesse » est un travail délicat qui nécessite un outil spécialisé : la microcopie. Le nom « microcopie » dément sa propre importance. C'est peut-être petit, mais les grands succès en dépendent souvent. C'est un endroit où la voix peut transparaître, où de bonnes impressions sont faites et où l'utilité et l'image de marque se croisent. Dans cet esprit, plongeons dans les nombreuses façons dont la microcopie et la contextualisation peuvent considérablement améliorer une expérience de recherche.

Placer et étiqueter votre recherche

Conformément à la loi de Jakob, votre premier réflexe lors de la conception d'une barre de recherche devrait être de placer une boîte rectangulaire dans le coin supérieur droit ou supérieur gauche. Vous devez ajouter une étiquette ou un texte d'espace réservé compatible avec A11y, et inclure un bouton d'envoi qui dit "Rechercher".

Cacher la barre de recherche derrière un lien, renoncer au texte d'espace réservé ou opter pour l'icône de loupe CTA au lieu du texte brut sont toutes des décisions de conception valables dans le bon contexte. Assurez-vous simplement que vous n'abstrairez pas inutilement la fonction de la barre de recherche, car la recherche a déjà un coût d'interaction plus élevé que la navigation.

Chaque barrière, aussi insignifiante que vous puissiez la trouver en tant que designer, risque d'affecter négativement l'UX et votre résultat net. S'il existe un risque que vos utilisateurs confondent l'icône de la loupe avec un bouton "zoom", vous devez atténuer ce risque.

Texte d'espace réservé

Le texte d'espace réservé est un excellent endroit pour améliorer l'expérience. Il peut être informatif, il peut être un lieu d'expression de la marque et il peut pousser les utilisateurs hésitants dans la bonne direction. Chaque fois que je vois une barre de recherche qui dit simplement "Rechercher", je vois une opportunité manquée.

Alors, quelle est la meilleure approche ? Cela varie d'un site à l'autre. Tout d'abord, familiarisez-vous avec vos objectifs commerciaux, votre marque et les habitudes existantes de vos utilisateurs. Ensuite, réfléchissez à la manière dont vous pouvez être le plus utile.

Pousser l'utilisateur

Une approche suggestive peut réduire l'anxiété de l'utilisateur. Indiquez à vos utilisateurs qu'ils peuvent effectuer des recherches de plusieurs manières, en particulier s'ils ne connaissent peut-être pas votre gamme complète de produits ou de services. ASOS suggère de rechercher l'inspiration en plus des produits et des marques :

Soyez informatif

Dites à l'utilisateur exactement ce qu'il obtiendra lorsqu'il cliquera sur Soumettre. Sur Shutterstock, un site entièrement consacré à la recherche d'archives de photos massives, ce texte fictif sert intelligemment de slogan lorsqu'il est associé au logo :

Renforcer la marque

La barre de recherche de Home Depot ne guide pas l'utilisateur, mais présente plutôt un ton utile et personnel qui, j'en suis sûr, est conforme aux directives de la voix de la marque. C'est probablement la meilleure approche compte tenu de la taille de leur catalogue de produits :

Utiliser les journaux de recherche à votre avantage

Si vous n'êtes pas sûr de la meilleure façon d'optimiser votre texte d'espace réservé, un bon point de départ est votre base de données de journaux de recherche. Apprendre à décomposer ces résultats peut être extrêmement précieux lors de la formulation d'une conception de contenu utile. Vous pourrez voir de première main le vocabulaire utilisé par les internautes pour effectuer des recherches sur votre site et, plus important encore, les écarts entre ce que vous proposez et ce que vos utilisateurs recherchent.

Recherches suggérées, connexes et récentes

Pendant le processus de recherche, votre copie doit offrir autant d'aide que possible sans être envahissante. Cela inclut tout, d'un bouton "Annuler" ou "Effacer" évident à l'enregistrement des recherches récentes de chaque utilisateur pour faire surface plus tard. Au moment de choisir la bonne microcopie pour accompagner ces caractéristiques, ajoutez un trait de sauce brune.

Autosuggestions

Les utilisateurs qui utilisent la barre de recherche le font parce qu'ils recherchent quelque chose de spécifique, ce qui fait des suggestions automatiques un outil précieux (et de plus en plus attendu). La spécificité, dans ce cas, peut être aussi ciblée que "Chaussure grise pour femme pointure 9M" ou aussi ouverte que "Sandwicheries à proximité".

Les autosuggestions réduisent également le risque de retour de mauvais résultats, atténuent l'effort mental de l'utilisateur et offrent une opportunité de faire apparaître vos produits les plus populaires.

Souvent, ceux-ci ne nécessitent aucun contexte ou copie supplémentaire, mais peuvent simplement être répertoriés sous la barre de recherche au fur et à mesure que l'utilisateur tape, comme indiqué dans l'exemple ci-dessus.

recherches associées

Afficher les recherches associées sur la page de résultats est un autre moyen de guider les utilisateurs sans les gêner. Un modèle courant consiste à fournir quelques mots clés cliquables liés à la requête d'origine au-dessus des résultats. Une petite copie indiquant « D'autres utilisateurs ont recherché » est un bon moyen d'intégrer la preuve sociale dans l'expérience de recherche.

recherches récentes

Si votre technologie le permet, l'enregistrement et le resurfaçage des recherches récentes est un autre moyen de réduire utilement la charge de mémoire de l'utilisateur. Assurez-vous d'ajouter du contexte avec copie, mais cela peut être aussi simple que ceci :

Gestion des résultats

Il y a deux copies que je considérerais comme nécessaires lors de l'affichage des résultats de recherche :

1. La requête elle-même.
   Si la barre de recherche est très visible, elle peut être affichée ici. Vous pouvez également créer un H1 indiquant "Résultats pour {{terms}}".
2. Le nombre de résultats.
   Si les résultats sont paginés, vous pouvez également inclure le nombre de pages.

Aucun résultat

Que ce soit par leur propre erreur, les utilisateurs rencontreront inévitablement une page "sans résultats" à un moment donné. Heureusement, il existe des moyens de gérer cela avec élégance; en fait, avec la bonne approche, cette impasse peut en fait être une excellente opportunité pour la découverte de contenu.

Tout d'abord, ne vous attendez pas à ce que vos utilisateurs affinent leur recherche s'ils n'obtiennent aucun résultat, du moins pas sans une interface utilisateur qui l'encourage. Les utilisateurs sont réticents à reformuler leur requête et ont du mal à le faire. Ils sont plus susceptibles de s'engager avec les informations qui leur sont présentées et de les prendre à partir de là, ou d'abandonner complètement la tâche. (Quand avez-vous cliqué pour la dernière fois sur la deuxième page des résultats de recherche Google ?)

Cela dit, il est facile de voir comment un peu de rédaction et de contextualisation peut améliorer l'expérience. Nielsen Norman Group a un guide complet sur la façon de gérer les SERP sans résultat, dont l'essentiel est :

• Faites en sorte qu'il soit évident qu'il n'y a pas de résultats.
  Il est facile de devenir mignon et d'enterrer accidentellement le lede. Il est également tentant de masquer intentionnellement la messagerie "aucun résultat" pour masquer complètement l'erreur. Dans tous les cas, ne trompez pas l'utilisateur.
• Proposez des pistes pour aller de l'avant.
  Suggérez des moyens d'affiner la requête de recherche (comme la vérification de l'orthographe) et fournissez également des liens vers du contenu ou des produits populaires qui ont la plus grande probabilité de se connecter avec l'utilisateur.
• Frappez le bon ton.
  Utilisez la voix de votre marque, mais ne courez pas le risque d'exacerber la situation avec un humour qui pourrait être mal perçu par un utilisateur frustré.

De plus, gardez à l'esprit que des SERP vides peuvent survenir parce qu'un utilisateur a soumis par erreur sans saisir aucune requête. Vous devez également avoir un plan de contenu pour ce scénario plutôt que de renvoyer tous les éléments de la base de données, par exemple.

Emballer

Rédaction d'une bonne expérience de recherche se résume à la réflexion. En tant que concepteurs, nous avons probablement utilisé et créé des centaines d'expériences de recherche Web différentes, nous parcourons donc rapidement le processus. Mais lorsque nous considérons chaque petite étape du processus (chaque micro-interaction et chaque cas limite), les modifications mineures que nous apportons peuvent avoir un impact majeur sur l'expérience. La prochaine fois que vous chercherez une solution visuelle à un problème de recherche, pensez à utiliser vos mots à la place.

Lectures complémentaires sur SmashingMag :

• Comment organiser un atelier de planification de contenu
• Comment la rédaction peut bénéficier de la recherche d'utilisateurs
• Concevoir les mots : pourquoi la copie est un problème de conception
• Comment gérer la pourriture du contenu redondant, obsolète et trivial