OPTIMISATION DE LA FICHE PRODUIT. Dans la mode et le textile

Transcription

1 OPTIMISATION DE LA FICHE PRODUIT Dans la mode et le textile

2 Que se passe-t-il dans la tête de la cliente? Histoire du petit pull de Julia

3 Julia veut s acheter un petit pull de saison. Elle est prête à mettre 50 dans sa commande pourvu qu elle ne soit pas déçue Julia Le pull 3

4 Elle se rend sur un site qu elle ne connaît pas, mais y trouve son bonheur 4

5 Mais elle va rencontrer quelques difficultés qui vont lui compliquer la tâche 5 Avec son vieil écran 1024x768, elle ne voit pas le produit.

6 Elle est obligée de scroller pour voir toute la page 6

7 7 Le zoom est pratique, mais ne permet pas de voir le produit en entier, ce qui énerve Julia, qui s énerve très facilement

8 Deux vues, c est pas beaucoup. Julia aurait bien aimé voir des détails. 8

9 9 Bon, le descriptif, c est du blabla, en plus il est illisible et Julia n a pas vu le lire la suite

10 10 On ne sait même pas si le produit est disponible ou pas

11 11 Elle aimerait aussi savoir comment taille le pull, mais le guide des tailles ne l aide pas beaucoup. Et il n y a aucun avis client!

12 12 On lui dit que la commande est expédié en 72h. Oui, mais à quel prix? Et à partir de la commande ou de l expédition?

13 Découragée Julia va essayer de trouver un autre site pour acheter son pull. 13

14 Mais cette histoire ne serait pas arrivée si

15 Les 3 critères de l optimisation de la fiche produit

16 Mettre en avant tous les éléments de séduction Le produit doit être magnifié Tous ses avantages doivent ressortir La mise en scène doit permettre de projeter la cliente La perception prix/produit doit créer l excitation 16

17 Informer Quelle est la taille, la couleur exacte? En quoi le produit est-il fait? Va-t-on pouvoir le laver facilement? Dites-moi ce que je ne sais pas déjà 17

18 Rassurer sur le déroulement de la vente L article ressemblera-t-il à ce que je vois sur le site? Pourrai-je le retourner facilement? Où pourrai-je le recevoir? Qu en pensent vraiment les autres clientes? 18

19 Mettre en avant les éléments de séduction

20 De grandes photos laredoute.fr Photo très grande : 540x540 20

21 De grandes photos Nombreux détails : vue de dos, de face, zoom Photo d ambiance Interactivité augmentée : changement de photo au rollover laredoute.fr Photo très grande : 540x540 21

22 22 Un zoom pleine page permet réellement de voir les détails précis du produit, ainsi que de s immerger et de se projeter

23 Impact du mannequin Un mannequin plus séduisant, dans une pose plus vivante, avec une lumière de qualité, aura un impact affectif beaucoup plus fort sur la cliente. 23

24 Etre épuré Un design simplifié du site focalisera plus facilement l attention sur le produit 24

25 Ou immersif La photo produit occupe tout le fond de l écran et crée la sensation d être plongé au milieu d un décor 25

26 Ou immersif Pas de zoom, mais des images plein écran en fonde page. Pas super pour la lisibilité, mais extrêmement immersif. 26

27 Bien informer sur le produit

28 Donner du détail technique Texte court apportant des détails sur le produit Informations sur la matière Détails d entretien brice.fr 28

29 Best-practices Listes à puces Mise en forme simple pour lisibilité totale 29

30 Utilisation de la vidéo La vidéo est un moyen simple de montrer un produit sous tous les angles, avec beaucoup de détails, et de voir le produit «bouger» 3suisses.fr 30

31 Utilisez les avis clients pour informer Les avis client ont une double fonction : - d information - de rassurance Ils sont très recherchés par les clientes qui leur font souvent plus confiance qu au marchand. Faites qu ils soient visible dès le haut de la page sous le nom du produit ou à côté du prix. 31

32 Rassurer sur le déroulement de la vente

33 La question de la taille Le Guide des tailles doit être placé près du choix de la taille. 33

34 La question de la taille diesel.fr La solution économique Pas forcément convaincant. La solution drôle, en images 34 headict.com

35 La solution imparable (asos.fr) Guides de taille classiques. Pas forcément simple. 35

36 Etre clair sur la disponibilité Quand les tailles et les coloris sont multiples, n afficher la disponibilité qu après leur choix par l utilsiateur 36

37 Lors de la livraison en magasin, placer cette possibilité juste à côté du bouton d ajout de manière à le rendre évident. 37

38 Limiter les retours 3suisses.fr jules.fr L information sur les retours doit être visible, proche du bouton d ajout sans parasiter la clarté de la page 38

39 Limiter les retours Asos met très en avant sa qualité de service de livraison et de retours, tout en haut de la fiche produit. asos.fr Toutes les informations sont affichées dans un tableau clair et court qui permet d être vite rassuré sur la commande 39

40 Exemple d optimisation

41 Le constat

42 Menu inutile 42

43 Fond perturbant Menu inutile 43

44 Fond perturbant Menu inutile Texte illisible 44

45 Fond perturbant Menu inutile Texte illisible Produit coupé 45

46 Fond perturbant Menu inutile Texte illisible Produit coupé 46 Guide des tailles mal placé

47 Fond perturbant Menu inutile Texte illisible Produit coupé 47 Guide des tailles mal placé Bouton d action invisible

48 1024x768 Page telle qu elle est visible dans une faible résolution 48

49 Et c est parti!

50 Suppression du fond 1024x La suppression du fond permet d aérer la page et de focaliser l attention sur l offre

51 Réorganiser Pour remonter le produit, utiliser au mieux l espace, on remonte le contenu de la page. Suppression de la navigation latérale 1024x768 51

52 Optimisation bloc commande Amélioration de la lisibilité 1024x768 52

53 Optimisation bloc commande Amélioration de la lisibilité Mise en forme du texte 1024x768 53

54 Optimisation bloc commande Amélioration de la lisibilité Mise en forme du texte Guide des tailles à côté des tailles 1024x768 54

55 Optimisation bloc commande Amélioration de la lisibilité Mise en forme du texte Guide des tailles à côté des tailles On remonte le bouton 1024x768 55

56 Optimisation bloc commande Amélioration de la lisibilité Mise en forme du texte Guide des tailles à côté des tailles On remonte le bouton Rassurance 1024x768 56

57 Optimisation bloc commande Amélioration de la lisibilité Mise en forme du texte Amélioration de la lisibilité et de l utilisabilité du choix des couleurs et des tailles Guide des tailles à côté des tailles On remonte le bouton Rassurance 1024x768 57

58 Visualisation du produit Vignettes remontées et visible 58

59 Visualisation du produit Ajout d un zoom pleine page 59

60 Visualisation du produit Ajout d un zoom pleine page 60

61 AVANT APRÈS 61

62 CONCLUSION Améliorer les 3 critères d optimisation Séduction Information Rassurance Ne pas tout changer d un coup / utiliser le AB testing Ne pas mesurer que le taux d ajout, mais aussi d autres indicateurs fin d exploiter les autres données d un test 62

63 QUELQUES CAS

64 CAS UTILISATEURS Cas de la modification d un entête de site de presse Un test multivarié de 15 combinaisons visiteurs de prismashop.fr ont été impliqué dans un test multivarié concernant le header du site. Test de 15 versions du header impliquant des changements sur la visibilité du moteur de recherche, sur les éléments du menu, sur l emplacement du réabonnement et de la bibliothèque numérique, et sur la présence du bandeau de magazine. Version originale (dite de «contrôle») +6,6% de taux de transformation +5,6% de valeur par visiteur Version gagnante 64

65 CAS UTILISATEURS Optimisation d un formulaire de souscription à une mutuelle Un test A/B simple La Smeno est la mutuelle chargée de gérer la sécurité sociale des étudiants dans le nord de la France. L objectif de ce test est d augmenter le nombre de demandes de souscriptions à une offre de mutuelle. +37,39% de taux de transformation Version originale (dite de «contrôle») Version gagnante 65

66 CAS UTILISATEURS Optimisation d une fiche produit sur un site de vente de meubles Test A/B/C A B Augmenter les performances commerciales du site e- commerce en améliorant les fiches produits du site. Identifier une structure de fiche produit optimale servant de base pour la refonte du site. C +3,62% de taux de transformation +10,9% de valeur par visiteur Version originale (dite de «contrôle») Versions de test 66

67 CAS UTILISATEURS Optimisation d un tunnel de commande mobile sur un site de parfums Test multivarié à 8 combinaisons taux de transformation +65,90% Version originale (dite de «contrôle») Version de test 67

68 A PROPOS DE WEXPERIENCE RÉFÉRENCES 68

69 A PROPOS DE WEXPERIENCE VOTRE CONTACT : OLIVIER SAUVAGE olivier@wexperience.fr

70 .COM sur SITES WEB, MOBILES ET TABLETTES, APPLICATIONS À partir de 999 HT* TESTEZ VOS UTILISATEURS! avec lde l eye-tracking dedans Découvrez les vrais défauts de votre site, de vos applications, corrigez-les et améliorez l expérience utilisateur! COMMENT ÇA MARCHE? 2 Nous préparons le test et le matériel selon vos instructions. Avec de l eye-tracking dedans Vous nous appelez pour établir un devis et réserver notre studio de test. 1 3 Un de nos spécialistes s occupe de conduire le test pour vous. Vous appliquez les résultats du test et rendez vos utilisateurs heureux! YES! 5 4 Tout est enregistré! Mais vous pouvez aussi venir prendre des notes! By APPELEZ MAINTENANT LE ET DITES PIMP MY TEST! L eye-tracking est une technologie qui permet de suivre le regard des utilisateurs à l écran. * tarif valable jusqu au 31/12/2015

71 COMBIEN ÇA COUTE?* Réservation 1 semaine à l avance Contactez-nous pour obtenir un bon de commande en temps réel et faire votre réservation. STARTER PREMIUM GOLD 999 ht ht ht Préparation du matériel Conduite des tests Accès à la salle d observation Préparation du matériel Conduite des tests Accès à la salle d observation Préparation du matériel Conduite des tests Accès à la salle d observation Recrutement et rémunération de 6 testeurs Création d un plan de test Recrutement et rémunération de 6 testeurs Création d un plan de test Analyse et recommandations Toutes nos prestations comprennent les enregistrements vidéos complets des tests QUESTIONS/RÉPONSES C est quoi ces tests? Qu est-ce qu on peut tester? Qu est-ce qu on gagne? J ai besoin d aide Un test utilisateur permet simplement de détecter tous les problèmes d utilisation d une interface. C est le moyen le plus pratique et le moins onéreux pour détecter jusqu à 80% des défauts d ergonomie d un site ou d une application. Tout ce qui est sur écran : écran de PC, de tablette, de mobile, borne. N hésitez pas à nous challenger et nous relèverons le défi! PLUS D UTILISATEURS! PLUS DE CONVERSION! PLUS DE SATISFACTION! Rassurez-vous! Vous n avez pas besoin de tout savoir pour faire des tests. Nous sommes là pour vous assister et, au cas échéant, vous remplacer pour faire le travail à votre place. Test pour qui? MARQUE, ANNONCEUR, AGENCE, SSII et tous ceux qui veulent tester un site, une application une borne. Samuel Vandamme, Ecommerce Manager International - Damart J ai travaillé à plusieurs reprises avec les équipes Wexperience sur des problématiques d optimisation de sites E-commerce. L expérience et la qualité des intervenants ont permis de réaliser des tests dans des conditions optimales. L expertise de l équipe, a permis de produire des recommandations de qualité, concrètes et résolument orientées sur le commerce. Leur mise en oeuvre a porté ses fruits, avec un impact significatif sur la performance marchande du site et l expérience d achat proposée aux clients. By APPELEZ MAINTENANT LE ET DITES PIMP MY TEST! L eye-tracking est une technologie qui permet de suivre le regard des utilisateurs à l écran. * tarifs valable jusqu au 31/12/2015

72 L E S TU D I O Le studio est composé d une salle de test isolée phonétiquement et d une salle d observation dans laquelle se trouve un écran téléviseur retransmettant en temps réel ce qui se passe dans la salle de test. Salle d observation Salle de test Roubaix Grand Place M Roubaix Charles de Gaulle ou le v Le studio se trouve dans les locaux de Wexperience au : 15, boulevard du Général Leclerc ROUBAIX Station de Tramway : ALfred Mongy Métro : Roubaix Grand Place, Roubaix Eurotéléport ou Roubaix Charles De Gaulle Eurotéléport ard d Gé u néral L ecle rc M B Wexperience M Ils ont déjà testé leur site avec nous! Et vous? By APPELEZ MAINTENANT LE ET DITES PIMP MY TEST! L eye-tracking est une technologie qui permet de suivre le regard des utilisateurs à l écran.