Fermer

juin 28, 2019

Meilleure recherche UX grâce à la microcopie


Pour les sites de grande envergure et de commerce électronique, l'expérience de recherche est un outil de plus en plus critique. Vous pouvez considérablement améliorer l'expérience des utilisateurs grâce à une microcopie réfléchie et à une contextualisation appropriée.

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

La recherche est particulièrement importante pour les sites de grande envergure et les expériences de commerce électronique, où la majorité des revenus provient de sessions orientées 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 pour parcourir le menu hiérarchique. Cela signifie que, malgré tout l’attention et la minutie qui ont présidé à la détermination de l’architecture de l’information d’un site, la conception de l’expérience de recherche doit également être prise en compte. au mieux fragile et au pire incompétent . 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 évolue au fil du temps, les utilisateurs sont de plus en plus enclins à accepter les résultats d'une recherche comme réponse à leur question, même si celle-ci était erronée. Les utilisateurs qui préfèrent les recherches ont tendance à se déplacer rapidement, balayant la page à la recherche de ce rectangle d'aspect familier et sautillant rapidement lorsqu'ils ne trouvent pas ce qu'ils recherchent.

Communiquer avec ces utilisateurs «à la vitesse» est un travail délicat. cela 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 dépendent souvent de cela. C’est un endroit où la voix peut briller, où de bonnes impressions sont faites, où utilité et image de marque se croisent. Dans cet esprit, voyons comment la microcopie et la contextualisation peuvent considérablement améliorer l'expérience de recherche.

Conformément à la Loi de Jakob votre premier instinct lors de la conception une barre de recherche devrait être de mettre une case rectangulaire dans le coin supérieur droit ou supérieur gauche. Vous devez ajouter une étiquette ou un texte fictif convivial, et inclure un bouton d'envoi portant le mot «Rechercher».

Le fait de masquer la barre de recherche derrière un lien, d'exclure le texte fictif ou d'opter pour une icône en forme de loupe CTA au lieu du texte brut est toutes les décisions de conception valables dans le bon contexte. Assurez-vous simplement que vous n'abstrayez 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 obstacle, même insignifiant, que vous puissiez le trouver en tant que concepteur, risque négativement affectant l'UX et vos résultats. Si les utilisateurs risquent de confondre l’icône de la loupe avec le bouton «Zoom», vous devez l’atténuer.

Placeholder Text

Le texte fictif est un bon endroit pour améliorer votre expérience. Cela peut être informatif, cela peut être un lieu d'expression de la marque et cela peut donner un coup de pouce aux utilisateurs hésitants dans la bonne direction. Chaque fois que je vois une barre de recherche qui ne dit que "Rechercher", je vois une occasion manquée.

Quelle est donc la meilleure approche? Cela varie d'un site à l'autre. Commencez par vous familiariser avec vos objectifs commerciaux, votre marque et les habitudes existantes de vos utilisateurs. Ensuite, réfléchissez au meilleur moyen de vous aider.

Nudge The User

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, notamment s'ils ne sont peut-être pas familiarisés avec votre gamme complète de produits ou de services. ASOS suggère de rechercher l'inspiration en plus des produits et des marques:

 La barre de recherche sur le site Web ASOS
(Source de l'image: ASOS ) ( Grand aperçu )
. Be Informative

Indiquez à l'utilisateur exactement ce qu'il obtiendra lorsqu'il cliquera sur soumettre. Sur Shutterstock, un site entièrement consacré à la recherche d'archives photographiques volumineuses, ce texte fictif sert également de slogan lorsqu'il est associé au logo:

 La barre de recherche sur le site Web de Shutterstock
(Source de l'image: Shutterstock ) ( Grand aperçu )
Renforcez la marque

La barre de recherche de Home Depot ne conduit pas l'utilisateur, mais présente un ton utile et personnel qui, j'en suis sûr, est au bon endroit. aligner avec leurs directives de voix de marque. C'est probablement la meilleure approche compte tenu de la taille de leur catalogue de produits:

 La barre de recherche de Home Depot
(Source de l'image: The Home Depot ) ( Grand aperçu ) [19659025] Utiliser les journaux de recherche à votre avantage

Si vous n'êtes pas sûr du meilleur moyen d'optimiser le texte de votre espace réservé, commencez par votre base de données de journaux de recherche. Il est extrêmement utile d'apprendre à décomposer ces résultats lors de la formulation d'un design de contenu utile. Vous pourrez voir directement le vocabulaire utilisé par les internautes pour rechercher sur votre site et, surtout, les écarts entre ce que vous proposez et ce que vos utilisateurs recherchent.

Au cours du processus de recherche, votre copie doit offrir le plus d’aide possible sans être trop dominante. Cela inclut tout, du bouton évident «Annuler» ou «Effacer» à la journalisation ultérieure des recherches récentes de chaque utilisateur. Au moment de choisir la bonne microcopie pour accompagner ces fonctions, ajoutez un trait de sauce brune .

Les suggestions automatiques

Les utilisateurs qui utilisent la barre de recherche le font parce qu'ils recherchent quelque chose de spécifique, ce qui rend autosuggestions 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 évolutive que «Sandwicheries près de chez moi».

Les autosuggestions réduisent également le risque de retour de mauvais résultats, atténuent l’effort mental du utilisateur, et présentez l’opportunité de faire surface avec vos produits les plus populaires.

 Chewy
(Source de l'image: Chewy ) ( Grand aperçu )

Souvent, ce n'est pas le cas nécessite un contexte supplémentaire ou une copie du tout, mais peut simplement être répertorié sous la barre de recherche en tant que type d'utilisateur, comme indiqué dans l'exemple ci-dessus.

L'affichage des recherches connexes sur la page des résultats constitue un autre moyen de vous aider. les utilisateurs sans se gêner. Un modèle courant fournit quelques mots-clés cliquables liés à la requête d'origine au-dessus des résultats. Une petite copie indiquant «Autres utilisateurs recherchés» est un bon moyen d’incorporer la preuve sociale à l’expérience de recherche.

Recherches récentes

Si votre technologie le permet, la sauvegarde et la relecture des recherches récentes sont un autre moyen de réduire utilement la mémoire chargée sur l'utilisateur. Assurez-vous d'ajouter le contexte avec copie, mais cela peut être aussi simple que cela:

 La barre de recherche sur le site Web de Macy
(Source de l'image: Macy's ) ( Grand aperçu )

Traitement des résultats

Deux résultats sont nécessaires à l'affichage des résultats de la recherche:

  1. La requête elle-même
    Si la barre de recherche est très visible, vous pouvez l'afficher. 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.
 La ​​barre de recherche sur le site Web de REI Co-op
(Source de l'image: REI Co-op ) ( Image agrandie )

Aucun résultat

Que ce soit par sa propre erreur, les utilisateurs rencontreront inévitablement une page «pas de résultats» à un moment donné. Heureusement, il existe des moyens de gérer cela avec grâce; 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 interface utilisateur. ça l'encourage. Les utilisateurs hésitent à reformuler leur requête et ont du mal à essayer de . 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 remonte la dernière fois où vous avez cliqué 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 peuvent améliorer l'expérience. Le groupe Nielsen Norman dispose d'un guide complet sur comment manipuler aucun résultat SERPs l'essentiel étant:

  • Faites en sorte qu'il n'y ait aucun résultat.
    Il est facile de devenir mignon et d'enterrer accidentellement la led . Il est également tentant de masquer intentionnellement la messagerie «Aucun résultat» pour masquer complètement l’erreur. Quoi qu'il en soit, ne trompez pas l'utilisateur.
  • Proposez des chemins d'accès.
    Suggérez des moyens d'affiner la requête de recherche (par exemple, en vérifiant l'orthographe), ainsi que des liens vers du contenu ou des produits populaires présentant le plus grand risque de connexion avec l'utilisateur.
  • Donnez le ton juste.
    Utilisez la voix de votre marque, mais ne courez pas le risque d'exacerber la situation avec un humour qui pourrait être mal reçu par un utilisateur frustré.

Gardez à l'esprit que des SERP vides peuvent survenir du fait qu'un utilisateur a soumis par erreur sans entrer de requête. Vous devriez é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.

Conclusion

Écrire une bonne expérience de recherche revient à réfléchir. En tant que concepteurs, nous avons probablement utilisé et créé des centaines d’expériences de recherche sur le Web différentes, nous avons donc simplifié le processus. Mais lorsque nous considérons chaque petite étape du processus (chaque microinteraction et chaque cas extrême), les changements mineurs 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, utilisez plutôt vos mots.

Pour en savoir plus sur SmashingMag:

 Smashing Editorial (dm, yk, il)




Source link