Cette présentation fait le tour des bonnes pratiques en matière d'utilisation d'un moteur de recherche sur les sites de e-commerce : le moteur de recherche prend désormais une part importante dans la navigation des visiteurs et dans leur transformation en acheteurs.

1. Moteur de recherche e-commerceet interfaces utilisateurs Le moteur de votre succès en ligne ! E-commerce Paris 2010

2. A quoi sert un moteur de recherche sur un site marchand ?

3. A savoir... butineur chercheur

4. A savoir... Plus le catalogue est profond, plus l’usage du moteur est spontané Catalogue Moteur 30% 70% « Avec AFS@Store, on est passé de 10% d’utilisateurs du moteur à 65% Benoit Lamezec, Milonga Music »

5. Pour quel type de site ? Beaucoup de produits ! Des critères de filtrage Une granularité fine dans les catégories

6. Pourquoi ? Vendreplus vite Tunneling de navigation réduit Visualisation immédiate des produits Vendre mieux Comparaisonspar filtres Réponses personnalisées Accroître le CAet la marge Merchandising

7. Comment ? Recherche=Moteur+Interface Interface>Utilisateur>Ergonomie Ergonomie=Cognitif+Conception efficace

8. Comment pensent vos visiteurs ? Ils privilégient un contenu de qualité Ils ne lisent pas, ils scannent (F-Shaped pattern) Ils veulent être satisfaits ! Ils sont impatients Ils ne font pas le meilleur choix Ils suivent leur intuition Ils veulent garder le contrôle

9. Concevoir efficacement Soyez évident (intuitif) et explicite (droit au but !) Ne jouez pas avec la patience de vos visiteurs Capturez leur attention visuelle : images, vidéos... N’ayez pas peur du vide Utilisez les conventions (réduire l’apprentissage) Testez !! KIS : «Keepit simple» !

10. Vous cherchiez ? Trouvez maintenant !

11. Faire une recherche Le bloc de recherche Exposition de requêtes Auto complétion Affichage des résultats Aller plus loin

12. Le bloc de recherche On ne lit pas une page web, on la « scanne » Le meilleur emplacement

13. Le bloc de recherche On ne lit pas une page web, on la « scanne » Reconnaître le bloc de recherche Find : Album, Artiste, Titre…

14. Exposition de requêtes Requêtes fréquentes Géo localisation Partenaires commerciaux Find : Ex. : Potiche, Lost, Pathé, Gaumont, 69001, Lyon

15. Auto complétion A quoi ça sert ? Obtenir des résultats plus rapidement Simplifier la saisie Tolérer l’orthographe approximative Que doit montrer un suggest? – Requêtes fréquentes, produits, marques, etc. Présentation par catégories Avec ou sans tolérance Live search...

16. L’auto complétion intelligente pronto.lastminute.com

17. Structure Position des éléments Structuration : par catégorie / type de contenu Affichage : liste, mosaïque, tri Filtres actifs, rappel de la requête Nombre de résultats Suggestions (appliquer les corrections plutôt que de laisser l’utilisateur cliquer ?)

18. Organisation des réponses Merchandising(mise en avant de produits vedettes) Tri par : meilleures ventes, prix, pertinence(remonter les produits avant les accessoires) Suggestions de recherche Accès direct aux catégories

19. Navigation dans les résultats Utiliser des facettes Indispensable sur des sites avec un grand nombre de produits recherche par critères Les utilisateurs ont des critères de recherche différent pour le même but

20. Où placer les facettes ? A gauche Respecte le F-Shaped : beaucoup plus d’attention Des sites référents le font : attente forte des utilisateurs

21. Où placer les facettes ?

22. Où placer les facettes ? En haut Bonne lecture mais réduit la quantité de produits dans l’espace visible : les utilisateurs passent 80% de leur temps de navigation dans cet espace Intéressant si peu de facettes – ou un choix volontairement réduit aux plus pertinentes

23. Où placer les facettes ? A droite NON !!

24. Présentation des facettes Affichage modulé en fonction de la taille de la liste dans le bloc (avec tolérance de quantité) dépliée dans le bloc (quantité raisonnable) dans une thickbox (liste large) Affichage visuel : couleurs par exemple Contrôleur : fourchette de prix par exemple

25. Les facettes arborescentes À la manièred’un file system Apprentissage réduit Prend trop de place Vite perdu avec beaucoup d’éléments Niveau par niveau Hiérarchie maîtrisée Repérage dans l’arborescence grâce àun fil d’ariane Niveaux illimitéssans être perdu Type de navigation répandu (baladeurs pommés...)

26. Comportement des facettes Quelles facettes choisir ? Au sein d’une facette, quelles valeurs positionner en début de liste ? Merchandising Usage Sélection d’une facette : liste de produits réduite à la volée ou rechargement complet de la page ?

27. Montrer les filtres actifs Dans les blocs de filtres Mise en avant visuelle sur le filtre lui-même Ne convient que pour de petites listes

28. Montrer les filtres actifs Dans un espace dédiéau-dessus des filtres Méthode très répandue Vue d’ensemble rapide Les filtres sont « poussés »vers le bas

29. Montrer les filtres actifs En haut Efficace sur beaucoup de critères Moins populaire = moins d’expérience utilisateur

30. Montrer les filtres actifs Avec un fil d’arianne pour les facettes arborescentes

31. Annuler un filtre actif Icône x (croix) Joli et symbole universel Prend très peu de place Fonctionne pour toutes les positions Liens « effacer » dans chaque bloc Occupe une ligne supplémentaire Élément « tout » dans chaque bloc Bien compris par les utilisateurs Occupe une ligne supplémentaire

32. Recherche sur mobile Oublier le modèle classique : petit écran Design en colonne : scroll écrans tactiles Proposer les filtres au-dessus des résultats (déplier / replier) ou grâce à l’OS Réduire les étapes au maximum= faire vivre les facettes avant les résultats

33. Au-delà...

34. Recherche visuelle

35. Recherche visuelle

36. Navigation ou recherche Facettes utilisées aussi pour la navigation dans les produits : la recherche se confond avec la navigation dans le site = un moteur de recherche pour naviguer ?

37. Personnalisation Historique de recherche Accès rapide aux dernières requêtes Mémorisation de certains filtres pertinents(pointure, taille, etc.) Présélection automatique des filtres Merchandising

38. Peu de résultats Suggestion immédiate : pas de facettes, lancement d’un comparateur

39. Merci pour votre attention Venez nous rencontrer au stand H22