Le webshop avec dĂ©filĂ© interminable de produits, ce nâest pas un cadeau! Se poser les bonnes questions sur les fondamentaux essentiels dâun shop online est indispensable lorsque l'on fait du UX Design. Voici les bonnes rĂ©ponses. Et ça, câest cadeau.
Vive les FĂȘtes, le sapin, et Ă son pied, les prĂ©sents bien emballĂ©s. Plaisir dâen recevoir et dâen donner. Mais aussi pour une majoritĂ© de gens, un casse-tĂȘte capable de se transformer en migraine prĂ©-rĂ©veillon sâils sâaventurent sur la plĂ©thore des webshops, tous formatĂ©s pareils.Â
De la homepage qui bombarde le visiteur de propositions disparates Ă la ligne de rĂ©sultats qui dĂ©roulent des kilomĂštres de produits, pour finir en un ultime clic dans le cul de sac dâune fiche dĂ©taillĂ©e.
Dans un monde oĂč l'Humain a atteint ses limites, soit le visiteur dĂ©tale, soit il doit reprendre depuis le dĂ©but. Avec au long du parcours ce sentiment persistant dâenfermement, de perte de repĂšres et de «produit-bĂ©sitĂ© ».
Sans Design Comportemental : un « tue-l'achat » plutÎt qu'un "tu l'achÚtes"
Un peu comme si dans la rĂ©alitĂ©, vous voulez acheter une machine Ă laver sans savoir laquelle, quâon vous pousse dans une grande salle Ă©clairĂ©e aux nĂ©ons face Ă 250 lessiveuses et que vous devez choisir. Une seule envie: sâenfuir.
Idem face un site internet Ă lâoffre massive et linĂ©aire distribuĂ©e sous une forme standardisĂ©e, sans Ăąme et sans logique. Un tue-lâachat plutĂŽt quâun tu lâachĂštes!Â
Et refermez vite la fenĂȘtre Ă filtres, ce placard souvent Ă gauche, sensĂ©e affiner vos recherches en prĂ©cisant prix, marques, spĂ©cificitĂ©s techniques recherchĂ©es... Ceux qui sây jettent avoisinent le 1%.
Tout simplement parce que la majoritĂ© des clients potentiels, surtout en quĂȘte de cadeaux, ne savent jamais prĂ©cisĂ©ment ce quâils cherchent, si ce ne sont des idĂ©es !
Pour illustrer ce gap entre lâattente des internautes en recherche de produits/cadeaux et les Ă©crans aussi uniformisĂ©s quâinefficaces des webshops, le cas Nature & DĂ©couvertes soumis depuis 2017 au prisme dâanalyses comportementales.
Lâenseigne se trouvait face Ă une dĂ©licate Ă©quation Ă rĂ©soudre.Â
Dâun cĂŽtĂ©, une chaĂźne de magasins qui performent et bĂ©nĂ©ficient dâune Ă©norme cote de satisfaction auprĂšs de sa clientĂšle sensible Ă son marketing des cinq sens traduits en environnements chaleureux, doux et une proposition de produits pensĂ©e.
RĂ©sultat : une expĂ©rience vĂ©cue ressentie comme formidable.Â
De lâautre cĂŽtĂ©, un site internet qui perdait une grosse partie de ses visiteurs dans les 30 premiĂšres secondes !
DĂ©couverte naturelle
L'analyse du site a permis d'identifier les aspects repoussoirs souvent inhĂ©rents Ă tous les webshops, tout en menant une observation ethnographique in situ sur les comportements « clients » dans lâenvironnement magasin.
Le contraste a sautĂ© aux yeux entre lâunivers magasin sĂ©duisant et le shop online confus et indigeste.
Rayon magasin, un univers travaillé par les couleurs, les décors et la mise en scÚne de six univers différents dont les clients ne visitent en moyenne que trois.
Dans chaque univers, ils nâexaminent que trois alvĂ©oles (display de produits) et dans chacune, ils ne regardent que 2,5 produits en moyenne. Quand ils en choisissent, ils ne les lĂąchent plus jusquâĂ la caisse.
Soit, un parcours sélectif, affectif, progressif, comportemental, précis, « naturel ».
Rayon Ă©cran web, une errance digitale dans un labyrinthe froid de produits au kilomĂštre. Le dĂ©fi Ă©tait clair: comment proposer sur le site web une expĂ©rience et un univers Nature & DĂ©couverte, caractĂ©risĂ©s par le bien-ĂȘtre et la dĂ©couverte agrĂ©able ?
Design Comportemental, less is more
Solution : élaborer une stratégie comportementale sur site en lien avec le comportement non conscient que les clients Nature & Découvertes adoptent pour choisir et acheter leurs cadeaux en magasin.
Axe 1: la premiĂšre impression et lâambiance.
«Ce qu'un client voit en premier lieu, devient la norme». L'ancrage est un principe bien connu en science comportementale. L'ancrage fonctionne selon le principe de «premiÚre impression» : tout ce qu'un client voit en premier devient la norme sur base de laquelle il va définir ses attentes et juger les stimuli auxquels il sera ensuite confronté.
Générer, dans les 500 premiÚres milli-secondes, la mauvaise « premiÚre impression » et le reste du parcours en sera impacté.
La vision durant cette courte pĂ©riode Ă©tant majoritairement floue (vision pĂ©riphĂ©rique), cette « premiĂšre impression » est de lâordre de la perception dans laquelle les couleurs, les formes, ⊠jouent un rĂŽle primordial.
Fini le mur visuel qui Ă©crase et enferme ; place, de page en page, Ă une perception dâespace aĂ©rĂ© sĂ©duisant, en ligne avec les valeurs de la marque. Mais aussi avec les couleurs, atmosphĂšres, design de lâunivers magasin.
Axe 2: lâarchitecture de choix et de navigation.
Dans le marketing classique, on suppose couramment que plus on propose de choix aux clients, mieux c'est, que proposer un choix important est nécessairement plus souhaitable et intrinsÚquement motivant.
Les fondamentaux sur les comportements humains montrent quâun large Ă©ventail dâoptions peut au premier abord sembler trĂšs attrayant pour les consommateurs, trop de choix a des consĂ©quences nĂ©fastes sur leur motivation Ă acheter le produit, entraĂźnant une frustration face au processus de prise de dĂ©cision et un mĂ©contentement vis-Ă -vis de leurs choix.
La grande majoritĂ© des sites propose des listes interminables de produits activant des activitĂ©s neuronales de doutes, dâhĂ©sitations assorties de leur lots dâĂ©motions nĂ©gatives.
AprĂšs avoir dĂ©jĂ travaillĂ© sur lâarchitecture de choix du site de vente-exclusive.com avec le succĂšs quâon lui connaĂźt, un systĂšme de navigation en lien avec le fonctionnement naturel dâun ĂȘtre humain a Ă©tĂ© Ă©laborĂ© : construire une impression de « il y a beaucoup de choix, je vais forcĂ©ment trouver un cadeau » tout en activant un comportement de choix simplifiĂ©.Â
Entre autre technique appliquĂ©e, la page de liste de rĂ©sultats est organisĂ©e par strates thĂ©matiques (bien-ĂȘtre âŠ) de 5 Ă 7 articles et sous-strates de propositions (huiles essentielles, produits de massage âŠ).
Axe 3: less is more.
Les catĂ©gories se traduisent par des pages dont chacune nâaffiche jamais plus de 20 produits et plus souvent 5 Ă 7. Car moins, câest mieux.Â
Le tout assorti dâexplications, dâavis voire dâun bouton « idĂ©e ».
DerriĂšre ce pictogramme « lampe Ă©lectrique », une fiche Ă complĂ©ter sur lâoccasion et le destinataire du cadeau. Selon les critĂšres mentionnĂ©s, le site suggĂšre un petit Ă©ventail de cadeaux.
Axe 4 : rĂ©activer lâintĂ©rĂȘt.
Les diffĂ©rents projets Retail (vente-exclusive, Rexel, Boulanger, Media Saturn, âŠ) sur lesquels nous avons travaillĂ© nous ont permis de dĂ©couvrir une constante comportementale trĂšs intĂ©ressante : au delĂ de 15 secondes dans une liste de rĂ©sultat, lâengagement des utilisateurs diminuent drastiquement.
Segmenter le parcours utilisateur a permis de modéliser et rythmer une progression logique du visiteur de page en page.
De façon Ă rĂ©activer rĂ©guliĂšrement son intĂ©rĂȘt tout en respectant son comportement attachĂ© Ă une « dĂ©couverte naturelle » de ce quâon lui propose.
Aligner Expérience Utilisateur et Business
Le nouveau site ainsi redessiné a passé haut la main les neurotests surtout au niveau de son architecture/fonctionnement.
Aujourdâhui opĂ©rationnel, il est encore peaufinĂ© notamment dans ses aspects graphiques.
CÎté nombre de visites, taux de fréquentation, de pénétration et de conversion, la simple implémentation en 2017 des corrections basée sur le processus de commande « check-out » de « Nature & Découvertes » a boosté de 10% le taux de conversion du nouveau site.
Cette réflexion initiée par Nature & Découvertes devrait inspirer à tous les UX Designers et opérateurs de webshop quelques principes élémentaires :
- Adapter son webshop au comportement « rĂ©el » de son public-cible, ainsi quâĂ lâattitude de recherche, de dĂ©couverte de sa clientĂšle (Ă ne pas confondre avec une attitude dâachat consciente)
- Si le shop online est le pendant dâun magasin, aligner les deux univers pour susciter des expĂ©riences vĂ©cues et familiĂšres Ă©quivalentes sur base du comportement client dans la rĂ©alitĂ©.
- Entre magasin et site, lâarchitecture de dĂ©cision doit ĂȘtre identique.
- Traduire en objets digitaux et Ă©crans attractifs votre univers commercial, sera le meilleur cadeau Ă faire Ă votre clientĂšle.