SlideShare une entreprise Scribd logo
1  sur  39
Moteur de recherche e-commerceet interfaces utilisateurs Le moteur de votre succès en ligne ! E-commerce Paris 2010
A quoi sert un moteur de recherche sur un site marchand ?
A savoir... butineur chercheur
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 »
Pour quel type de site ? Beaucoup de produits ! Des critères de filtrage Une granularité fine dans les catégories
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
Comment ? Recherche=Moteur+Interface Interface>Utilisateur>Ergonomie Ergonomie=Cognitif+Conception efficace
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
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» !
Vous cherchiez ? Trouvez maintenant !
Faire une recherche Le bloc de recherche Exposition de requêtes Auto complétion Affichage des résultats Aller plus loin
Le bloc de recherche On ne lit pas une page web, on la « scanne » Le meilleur emplacement
Le bloc de recherche On ne lit pas une page web, on la « scanne » Reconnaître le bloc de recherche Find : Album, Artiste, Titre…
Exposition de requêtes Requêtes fréquentes Géo localisation Partenaires commerciaux Find : Ex. : Potiche, Lost, Pathé, Gaumont, 69001, Lyon
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...
L’auto complétion intelligente pronto.lastminute.com
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 ?)
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
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
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
Où placer les facettes ?
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
Où placer les facettes ? A droite NON !!
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
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...)
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 ?
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
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
Montrer les filtres actifs En haut Efficace sur beaucoup de critères Moins populaire = moins d’expérience utilisateur
Montrer les filtres actifs Avec un fil d’arianne pour les facettes arborescentes
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
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
Au-delà...
Recherche visuelle
Recherche visuelle
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 ?
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
Peu de résultats Suggestion immédiate : pas de facettes, lancement d’un comparateur
Merci pour votre attention Venez nous rencontrer au stand H22

Contenu connexe

Similaire à Moteur de recherche e-commerce et interfaces utilisateurs

L'intervention d'Olivier Duffez
L'intervention d'Olivier DuffezL'intervention d'Olivier Duffez
L'intervention d'Olivier Duffez
Ludovic Dublanchet
 
Techniques De Merchandising
Techniques De MerchandisingTechniques De Merchandising
Techniques De Merchandising
osauvage
 

Similaire à Moteur de recherche e-commerce et interfaces utilisateurs (20)

Observatoire des pratiques de recherche e-commerce 2021 by Sensefuel
Observatoire des pratiques de recherche e-commerce 2021 by SensefuelObservatoire des pratiques de recherche e-commerce 2021 by Sensefuel
Observatoire des pratiques de recherche e-commerce 2021 by Sensefuel
 
6 chantiers SEO efficaces sur un site ecommerce
6 chantiers SEO efficaces sur un site ecommerce6 chantiers SEO efficaces sur un site ecommerce
6 chantiers SEO efficaces sur un site ecommerce
 
#PrestaShopDay - Atelier - Algolia
#PrestaShopDay - Atelier - Algolia#PrestaShopDay - Atelier - Algolia
#PrestaShopDay - Atelier - Algolia
 
Navigation et Recherche pour les sites E-Commerce
Navigation et Recherche pour les sites E-CommerceNavigation et Recherche pour les sites E-Commerce
Navigation et Recherche pour les sites E-Commerce
 
Webinar Searchandising par Web Transition
Webinar Searchandising par Web TransitionWebinar Searchandising par Web Transition
Webinar Searchandising par Web Transition
 
e-Business Café - Rencontre #8 : Ergonomie & E-commerce
e-Business Café - Rencontre #8 : Ergonomie & E-commercee-Business Café - Rencontre #8 : Ergonomie & E-commerce
e-Business Café - Rencontre #8 : Ergonomie & E-commerce
 
L'intervention d'Olivier Duffez
L'intervention d'Olivier DuffezL'intervention d'Olivier Duffez
L'intervention d'Olivier Duffez
 
6 CHANTIERS SEO EFFICACES SUR UN SITE E-COMMERCE
6 CHANTIERS SEO EFFICACES SUR UN SITE E-COMMERCE6 CHANTIERS SEO EFFICACES SUR UN SITE E-COMMERCE
6 CHANTIERS SEO EFFICACES SUR UN SITE E-COMMERCE
 
E Commerce 2008 Searchandising
E Commerce 2008 SearchandisingE Commerce 2008 Searchandising
E Commerce 2008 Searchandising
 
Le nouveau Google Analytics pour auditer votre site
Le nouveau Google Analytics pour auditer votre siteLe nouveau Google Analytics pour auditer votre site
Le nouveau Google Analytics pour auditer votre site
 
Google Analytics pour mesurer le ROi de vos campagnes de communication
Google Analytics pour mesurer le ROi de vos campagnes de communicationGoogle Analytics pour mesurer le ROi de vos campagnes de communication
Google Analytics pour mesurer le ROi de vos campagnes de communication
 
Techniques De Merchandising
Techniques De MerchandisingTechniques De Merchandising
Techniques De Merchandising
 
Les nouveaux contenus sur internet
Les nouveaux contenus sur internetLes nouveaux contenus sur internet
Les nouveaux contenus sur internet
 
111010 mesurer les impacts d'une stratégie de communication vf
111010 mesurer les impacts d'une stratégie de communication vf111010 mesurer les impacts d'une stratégie de communication vf
111010 mesurer les impacts d'une stratégie de communication vf
 
Bien référencer son site Internet
Bien référencer son site InternetBien référencer son site Internet
Bien référencer son site Internet
 
Pratiques et e-commerce
Pratiques et e-commercePratiques et e-commerce
Pratiques et e-commerce
 
Un site Web de qualité
Un site Web de qualitéUn site Web de qualité
Un site Web de qualité
 
Petit dej search foresight e-commerce navigation à facettes et SEO 19 sept 2013
Petit dej search foresight e-commerce navigation à facettes et SEO 19 sept 2013Petit dej search foresight e-commerce navigation à facettes et SEO 19 sept 2013
Petit dej search foresight e-commerce navigation à facettes et SEO 19 sept 2013
 
L'optimisation du parcours client avec Compario et Content Square
L'optimisation du parcours client avec Compario et Content SquareL'optimisation du parcours client avec Compario et Content Square
L'optimisation du parcours client avec Compario et Content Square
 
Les chiffres au service de l'expérience utilisateur
Les chiffres au service de l'expérience utilisateurLes chiffres au service de l'expérience utilisateur
Les chiffres au service de l'expérience utilisateur
 

Plus de Antidot

Antidot Content Classifier
Antidot Content ClassifierAntidot Content Classifier
Antidot Content Classifier
Antidot
 
Cas client CAIJ
Cas client CAIJCas client CAIJ
Cas client CAIJ
Antidot
 
Do’s and don'ts : la recherche interne aux sites de ecommerce
Do’s and don'ts : la recherche interne aux sites de ecommerceDo’s and don'ts : la recherche interne aux sites de ecommerce
Do’s and don'ts : la recherche interne aux sites de ecommerce
Antidot
 
Boostez votre taux de conversion et augmentez vos ventes grâce au searchandis...
Boostez votre taux de conversion et augmentez vos ventes grâce au searchandis...Boostez votre taux de conversion et augmentez vos ventes grâce au searchandis...
Boostez votre taux de conversion et augmentez vos ventes grâce au searchandis...
Antidot
 
Vous utilisez Prestashop ? Changez votre moteur de recherche interne pour boo...
Vous utilisez Prestashop ? Changez votre moteur de recherche interne pour boo...Vous utilisez Prestashop ? Changez votre moteur de recherche interne pour boo...
Vous utilisez Prestashop ? Changez votre moteur de recherche interne pour boo...
Antidot
 

Plus de Antidot (20)

Comment l'intelligence artificielle améliore la recherche documentaire
Comment l'intelligence artificielle améliore la recherche documentaireComment l'intelligence artificielle améliore la recherche documentaire
Comment l'intelligence artificielle améliore la recherche documentaire
 
Antidot Content Classifier - Valorisez vos contenus
Antidot Content Classifier - Valorisez vos contenusAntidot Content Classifier - Valorisez vos contenus
Antidot Content Classifier - Valorisez vos contenus
 
Comment l’intelligence artificielle réinvente la fouille de texte
Comment l’intelligence artificielle réinvente la fouille de texteComment l’intelligence artificielle réinvente la fouille de texte
Comment l’intelligence artificielle réinvente la fouille de texte
 
Antidot Content Classifier
Antidot Content ClassifierAntidot Content Classifier
Antidot Content Classifier
 
Cas client CAIJ
Cas client CAIJCas client CAIJ
Cas client CAIJ
 
Du Big Data à la Smart Information : comment valoriser les actifs information...
Du Big Data à la Smart Information : comment valoriser les actifs information...Du Big Data à la Smart Information : comment valoriser les actifs information...
Du Big Data à la Smart Information : comment valoriser les actifs information...
 
Compte rendu de la matinée "E-commerce B2B : les leviers de croissance"
Compte rendu de la matinée "E-commerce B2B : les leviers de croissance"Compte rendu de la matinée "E-commerce B2B : les leviers de croissance"
Compte rendu de la matinée "E-commerce B2B : les leviers de croissance"
 
Web sémantique et Web de données, et si on passait à la pratique ?
Web sémantique et Web de données, et si on passait à la pratique ?Web sémantique et Web de données, et si on passait à la pratique ?
Web sémantique et Web de données, et si on passait à la pratique ?
 
Machine learning, deep learning et search : à quand ces innovations dans nos ...
Machine learning, deep learning et search : à quand ces innovations dans nos ...Machine learning, deep learning et search : à quand ces innovations dans nos ...
Machine learning, deep learning et search : à quand ces innovations dans nos ...
 
Flyer AFS@Store 2015 FR
Flyer AFS@Store 2015 FRFlyer AFS@Store 2015 FR
Flyer AFS@Store 2015 FR
 
WISS 2015 - Machine Learning lecture by Ludovic Samper
WISS 2015 - Machine Learning lecture by Ludovic Samper WISS 2015 - Machine Learning lecture by Ludovic Samper
WISS 2015 - Machine Learning lecture by Ludovic Samper
 
Do’s and don'ts : la recherche interne aux sites de ecommerce
Do’s and don'ts : la recherche interne aux sites de ecommerceDo’s and don'ts : la recherche interne aux sites de ecommerce
Do’s and don'ts : la recherche interne aux sites de ecommerce
 
Boostez votre taux de conversion et augmentez vos ventes grâce au searchandis...
Boostez votre taux de conversion et augmentez vos ventes grâce au searchandis...Boostez votre taux de conversion et augmentez vos ventes grâce au searchandis...
Boostez votre taux de conversion et augmentez vos ventes grâce au searchandis...
 
Synergie entre intranet collaboratif et recherche sémantique : le cas des hôp...
Synergie entre intranet collaboratif et recherche sémantique : le cas des hôp...Synergie entre intranet collaboratif et recherche sémantique : le cas des hôp...
Synergie entre intranet collaboratif et recherche sémantique : le cas des hôp...
 
En 2015, quelles sont les bonnes pratiques du searchandising ?
En 2015, quelles sont les bonnes pratiques du searchandising ?En 2015, quelles sont les bonnes pratiques du searchandising ?
En 2015, quelles sont les bonnes pratiques du searchandising ?
 
Comment tirer profit des données publiques ouvertes dans un mashup web grâce ...
Comment tirer profit des données publiques ouvertes dans un mashup web grâce ...Comment tirer profit des données publiques ouvertes dans un mashup web grâce ...
Comment tirer profit des données publiques ouvertes dans un mashup web grâce ...
 
Vous utilisez Prestashop ? Changez votre moteur de recherche interne pour boo...
Vous utilisez Prestashop ? Changez votre moteur de recherche interne pour boo...Vous utilisez Prestashop ? Changez votre moteur de recherche interne pour boo...
Vous utilisez Prestashop ? Changez votre moteur de recherche interne pour boo...
 
Boostez votre taux de conversion en tirant profit des bonnes pratiques du sea...
Boostez votre taux de conversion en tirant profit des bonnes pratiques du sea...Boostez votre taux de conversion en tirant profit des bonnes pratiques du sea...
Boostez votre taux de conversion en tirant profit des bonnes pratiques du sea...
 
Améliorer le searchandising d’un site spécialisé : retour d'expérience de Cui...
Améliorer le searchandising d’un site spécialisé : retour d'expérience de Cui...Améliorer le searchandising d’un site spécialisé : retour d'expérience de Cui...
Améliorer le searchandising d’un site spécialisé : retour d'expérience de Cui...
 
Comment sélectionner, qualifier puis exploiter les données ouvertes
Comment sélectionner, qualifier puis exploiter les données ouvertesComment sélectionner, qualifier puis exploiter les données ouvertes
Comment sélectionner, qualifier puis exploiter les données ouvertes
 

Moteur de recherche e-commerce et interfaces utilisateurs

  • 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 ?
  • 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
  • 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