Optimisez l'expérience de l'utilisateur dans votre boutique en ligne
Blog invité écrit par Emil Borggaard, Web Developer Gelinde
3 étapes simples pour optimiser l'expérience utilisateur sur votre boutique en ligne
La conception de l'expérience utilisateur est un sujet brûlant de nos jours. Elle est également connue sous le nom d'UX design, qui signifie en réalité "conception de l'expérience utilisateur". Il s'agit de concevoir - dans ce cas - des interfaces utilisateur numériques (boutiques en ligne, sites web, etc.) de manière à ce que l'utilisateur puisse facilement utiliser le produit sans avoir à trop réfléchir à son fonctionnement et sans être confronté à des éléments gênants qui provoquent de la frustration.
Dans ce court billet, nous allons vous donner 3 conseils concrets et relativement simples pour optimiser l'expérience utilisateur sur votre site web ou votre boutique en ligne sans devoir être un super designer ou codeur.
#1 Maîtrisez vos popups/modals
Aujourd'hui, les popups et les modals sont devenus incroyablement populaires. C'est peut-être parce qu'ils sont devenus si faciles à installer. Avec un simple script, vous êtes généralement dans la course, et tout ce que vous avez à faire est d'entrer le moment où vous voulez afficher votre popup intelligent nouvellement installé.
Mais quand devez-vous l'afficher ? Dès que l'utilisateur arrive sur la page ? Ou bien lorsqu'il a fait défiler 50 % de la page d'une catégorie ?
Il existe de nombreux avis sur la question, et cela varie certainement d'un magasin à l'autre, mais en général, c'est une mauvaise idée d'afficher une fenêtre contextuelle dès que l'utilisateur arrive sur votre page. Surtout si l'objectif de la fenêtre contextuelle est de recueillir l'adresse électronique de l'utilisateur.
On peut comparer cela à l'entrée dans un magasin physique. Si vous venez d'entrer dans le magasin et que le responsable vous demande immédiatement si vous souhaitez bénéficier d'une réduction de 10 % sur votre commande en échange de votre adresse électronique, que pensez-vous ?
Dans 90 % des cas, vous répondrez probablement "Euh... Non merci. Je vais juste jeter un coup d'œil". Car c'est ce que vous faites. Vous ne savez même pas si le magasin a les articles que vous cherchez, après tout, vous venez juste de franchir la porte. Et même si le magasin a ce que vous cherchez, le prix ne correspondra peut-être pas à vos attentes. Il est donc évident que vous ne voulez pas donner votre adresse électronique la première fois que vous arrivez sur une page. Surtout si vous ne savez pas encore ce qu'ils ont à offrir.
Il peut également être ennuyeux d'avoir à fermer une fenêtre contextuelle de cookies, de dire non merci de partager votre localisation, puis de fermer une autre fenêtre contextuelle avec une inscription à la newsletter à la fin.
Réfléchissez donc à la manière dont vous déclenchez vos fenêtres contextuelles et au moment où vous le faites. Une solution pourrait consister à afficher la fenêtre contextuelle la cinquième fois que le client visite votre site web, mais pas avant. Vous saurez ainsi qu'il a eu le temps de jeter un coup d'œil.
Sur le même sujet : Comment créer des popups dans ideal.shop
#2 Maîtriser la hiérarchie visuelle
Lorsque vous travaillez avec la hiérarchie visuelle, vous vous efforcez d'attirer l'attention de l'utilisateur sur les "bons" éléments.
Il vous est probablement déjà arrivé d'arriver sur un site web et de ne pas trouver l'information que vous cherchiez. C'est peut-être à cause du manque de sous-titres, de couleurs, d'icônes, etc. Ce sont tous des éléments avec lesquels vous travaillez lorsque vous parlez d'optimiser la hiérarchie visuelle.
Il s'agit en effet de diviser la page de manière à ce que l'utilisateur sache facilement où regarder pour trouver ce qu'il cherche.
L'image ci-dessus est un exemple classique utilisé par les concepteurs du monde entier pour illustrer exactement ce que l'on entend par hiérarchie visuelle.
L'expérience utilisateur est grandement améliorée lorsqu'il est facile pour l'utilisateur de trouver exactement ce qu'il cherche. N'oubliez donc pas d'utiliser des titres, des sous-titres, des couleurs et bien d'autres choses encore pour diviser clairement votre contenu afin que vos clients puissent facilement trouver ce dont ils ont besoin.
#3 Rendre les messages d'erreur clairs et compréhensibles
Si vous êtes un peu un geek du design et de l'UX, vous connaissez peut-être les 10 heuristiques de Jakob Nielsen. L'une d'entre elles consiste à aider l'utilisateur à reconnaître et à comprendre les erreurs qui se produisent parfois.
La page 404 en est un exemple classique. Tout le monde ne comprend pas que le code d'état 404 signifie que la page n'a pas pu être trouvée. Au lieu de cela, expliquez clairement au client qu'il est arrivé sur une page introuvable et expliquez-lui comment procéder à partir de là. Incluez un champ de recherche, quelques catégories et produits populaires afin qu'il puisse facilement naviguer vers quelque chose de pertinent.
Un autre exemple très pertinent pour les boutiques en ligne est celui du client qui, par erreur, remplit les mauvaises informations au moment de passer à la caisse. Il a peut-être indiqué son nom au lieu de son adresse électronique, ou une adresse qui n'existe pas. Il est important de montrer exactement ce qui ne va pas et comment y remédier, afin que l'utilisateur puisse facilement corriger l'erreur et avancer rapidement dans le flux.
Vous avez besoin d'aide pour concevoir votre boutique idéale ?
Envoyez-moi un courriel à l'adresse suivante : emil@gelinde.dk
