Internet, donne-moi ce que je veux ! 60 modèles de navigation pour satisfaire vos internautes

057- Les comparateurs de produits et de prix

Choisir, c’est sacrifier.

(1/2)

Note 4/5, coût 4/5, accessibilité 4/5

www.phonehouse.com
Exemple de liste de produits sur www.phonehouse.com

Pour qui ?
Pour les sites proposant une grande base de catalogues de produits ou de services dont la sélection se fait selon un grand nombre de critères techniques.

Un comparateur de produits permet aux internautes d’afficher dans une même page les produits qui les intéressent et d’en comparer les caractéristiques. Ces dernières sont généralement techniques.Un bon comparateur de produits fait le travail d’un bon conseiller-vendeur.Il laisse le client regarder les produits, note ce à quoi il s’intéresse. Dès qu’il commence à voir l’acheteur lever la tête pour voir si quelqu’un peut le renseigner, retourner aux étiquettes, faire des allers-retours entre les rayons alors il arrive et propose son aide.

interface du site Air New Zealand
Exemple sur l’interface riche du site Air New Zealand avec sa fonctionnalité « Jusqu’où puis-je aller ? »

Si l’acheteur ne fait pas d’allers-retours c’est qu’il sait ce qu’il veut. Là, le vendeur aura à le conforter sur deux ou trois interrogations / affirmations et faire l’intendance autour de l’achat du produit (sortir de la vitrine, faire le bon d’achat, etc) et enfin encaisser.Avec un acheteur indécis, il aide l’acheteur à formuler sa demande : « vous recherchez un écran plat, de grande taille à un prix abordable ? ». Il avait noté les allers-retours de son acheteur et connaît les points communs entre ces produits.Le vendeur connaît ses produits. Il met en avant les avantages phares des produits, va les comparer. Il va expliquer ce que les différentes caractéristiques techniques impliquent pour l’utilisateur (qualité, confort, facilité d’utilisation).
Il va être à l’écoute de l’acheteur, faire le point entre les critères techniques qui sont finalement importants pour l’acheteur. Il va le conseiller et éventuellement proposer un autre produit équivalent à son acheteur.
L’acheteur va faire son tour. Re-regarder les 3 produits et leurs étiquettes, poser quelques précisions techniques qui correspondent à ses peurs, parler avec sa femme, faire le point et éliminer ou retenir les produits un par un jusqu’à ce qu’il ait fait son choix.Eventuellement, l’acheteur va refaire un petit tour de l’ensemble des produits pour vérifier s’il a bien pris en compte toutes ses options. Le vendeur se fait pendant ce laps de temps discret mais reste présent. S’il part trop longtemps ou se retrouve coincé avec un autre client, l’acheteur risque de partir voir ailleurs, y réfléchir. Si l’acheteur a besoin d’aller voir d’autres magasins, d’autres sélections, le vendeur à son retour se souviendra de lui et des options qui lui correspondaient.

Et si je n’ai qu’une seule contrainte ?
Sur « How far can I go ? » d’Air New Zealand, l’utilisateur en faisant glisser un curseur fera monter le prix. Au fur et à mesure, des destinations de vol apparaissent. Plus que l’utilisateur, prenez en compte l’humain dans la conception de votre comparateur.

Le comparateur de prix en ligne doit traduire et permettre d’avoir le même niveau de service. Ainsi, dans votre comparateur de prix :

  • Intégrez des cases à cocher ou boutons pour permettre aux internautes de sélectionner les produits qui les intéressent. Ces cases à cocher doivent être omniprésentes dans les listes de produits, les résultats de recherche et les fiches produits. Amazon.com, le fait automatiquement sans case à cocher via des variables de session ou des cookies. Dès qu’un internaute passe sur une page, il garde la page en variable. (Notre vendeur
    observe son utilisateur, le laisse faire.) Cette deuxième option correspond plus au mode souple, ouvert de l’acheteur. Il regarde globalement, il n’est pas vraiment prêt à comparer.
  • Dès que l’internaute est prêt à comparer les produits, il verra le gros bouton « Comparer » qu’il y a en haut à droite des listes des produits. Ce bouton est associé à une légende discrète indiquant « cochez les produits que vous souhaitez comparer».
  • Attention ces pages contiennent beaucoup de boutons d’action « Acheter » et « Comparer ». C’est le bouton « Acheter » qui doit être le plus contrasté, gros et visible. Il vient pour acheter, comparer est secondaire.
  • Si pour des raisons techniques obscures, vous limitez vos internautes à 3 produits par comparaison, indiquez-le dans la légende.
  • Marquez clairement les cases à cocher. Plus vous travaillerez le design de vos cases à cocher, plus l’internaute aura du mal à comprendre la fonctionnalité.

  • Survivra-t-il à la comparaison ?

    (2/2)

    Note 4/5, coût 4/5, accessibilité 4/5

    www.dell.com
    Comparateur de produits sur www.dell.com

    Une fois sur la page de comparaison :

  • Présentez les produits en colonne ou en ligne. Plus le résultat sera graphique donnant une vue globale, plus vous aiderez vos internautes. Utilisez pictos, graphiques pour aider vos internautes à se faire une idée globale. Voir comparateur de prix Vueling et Arobase.org.
  • Affichez à côté de chaque critère technique un petit lien de type « ? ». Si l’internaute passe sa souris sur ce lien, il obtient en bulle ou en popup des explications sur ses critères techniques.
  • www.vueling.com
    Comparateur de prix sur www.vueling.com affiche en 3 clics les prix des billets d’avion selon la date d’un Paris-Venise. De plus, la page est ultra rapide à charger. Bravo Vueling !

    www.arobase.org
    Tableau de comparaison sur www.arobase.orgCe tableau compare les différentes solutions d’emails gratuits du marché. Les croix et les pictos créent une représentation graphique qui oriente l’utilisateur rapidement vers les solutions les plus complètes.

  • Affichez TOUJOURS une légende. Cela fait trop longtemps que vous travaillez sur votre comparateur de prix pour être objectif. Affichez des légendes au-dessus du tableau de comparatif dans une couleur moins contrastée.
  • Affichez des critères discriminants importants pour vos cibles. Ceux qui font que quelqu’un choisit un produit et pas un autre.
  • Les critères les plus importants doivent prendre le plus de place et être en haut d’un
    tableau présentant les produits en colonne.
  • Intégrez un lien « supprimer de la sélection » à côté de chaque produit afin que l’internaute puisse écarter les produits qu’il rejette à la consultation des détails techniques.
  • Côté accessibilité
    Ces recommandations concernent des formulaires, des tableaux de mise en forme. Suivez les recommandations du W3C, vos pages seront accessibles.

    Côté référencement
    Ces pages, généralement générées à la volée pour un internaute, n’existent pas à proprement parlé. Pourtant, ce qui fait la liste des favoris d’un utilisateur doit sûre-ment faire le bonheur d’un autre.

  • Certains sites proposent de cacher les descriptions techniques qui ne les intéressent pas. Assurez-vous que ce paramétrage reste vrai dans la version imprimée de la page.Cette sélection « naturelle » est d’une grande valeur car en supprimant ce qui ne l’intéresse pas, il informe le système de ce qui est important pour lui.
  • Lorsque l’internaute n’a que « 2 » produits dans son comparateur, affichez un bouton « recherchez un produit similaire » ou un lien « les internautes ayant comparé ces produits ont aussi comparé », si des produits similaires existent. (voir navigation 043).Le système pourra écarter les produits dont les critères ont été désactivés. Différenciez à l’oeil et dans le texte les nouveaux contenus des anciennes sélections. Gardez les
    anciennes sélections à la même place (généralement à gauche de l’écran). Comme notre acheteur, l’internaute pourra refaire un tour du magasin.
  • Affichez des boutons « acheter » à plusieurs niveaux dans le tableau de comparaison en colonne au-dessus du fold (voir navigation 021) et en pied de tableau.
  • Gardez en mémoire la sélection de l’internaute afin que s’il part ailleurs, il retombe facilement sur sa sélection sur votre site. Evitez toute création de compte ou autre.L’acheteur est volage, il n’a vraiment pas envie d’avoir à créer un compte sur tous les sites qu’il va consulter.
  • Insérez un bouton « supprimer du comparateur » à chaque ligne ou colonne.
  • Laisser un commentaire

    Les champs marqués * sont obligatoires

    Les commentaires de ce site sont modérés. En ajoutant un commentaire sur ce site, vous acceptez de pouvoir être cité dans les futurs ouvrages édités par la société Kenazart Strategy Interactive.

     

    Prévisualiser

    Voir des extraits du livre
    Voir un extrait de l'intérieur (table des matières,
    des exemples de navigation,...)
    .
    Télécharger un extrait du livre (PDF 8 259ko).

    Paiement PaypalPrix TTC, Frais de livraison offerts,
    Paiement sécurisé
    Délais d'expédition 2 à 10 jours ouvrés
    164 pages, Format : 19,5x 18
    ISBN : 978-2-9528507-0-4

     

    Achetez le livre version pdf 27 euros (nouvelle fenêtre)

    Paiement Paypal NOUVEAU : Licence pour 1 utilisateur. Un seul fichier PDF de 10Mo à télécharger.
    Prix TTC TVA à 19,6%.
    Paiement sécurisé.

     

    Achetez le livre version pdf 97 euros - version Agence (nouvelle fenêtre)

    Paiement Paypal Offre AGENCES :
    Contient : 60 fichiers PDF des 60 modèles de navigation.
    Licence pour 3 postes utilisateurs (possibilité d'envoyer des fiches à vos clients).
    Prix TTC TVA à 19,6%
    Paiement sécurisé.
    Des détails sur l'offre ? Vous voulez une licence 10 utilisateurs, une licence Intranet ?


    RSS (?) Atom 1.0 RSS 2.0 AddThis Feed Button
    A garder : + à vos favoris