Ergonomie / Fonctionnalités - Le blog de Cédric Deniaud - Internet, Webmarketing, Ecommerce, Social Media

01 juillet 2008

Essayer vos lunettes en ligne sur les sites de Kris et Atol

Je vous avais présenté il y a déjà quelques mois un site qui vous permettait d'essayer virtuellement vos lunettes : Connaissez-vous InEyeWear ou le site pour essayer virtuellement vos lunettes ? De plus en plus, les outils ou applications en ligne permettant d'essayer ou de tester virtuellement un produit sont intégrés par les marques. C'est la fameuse règle du "Try and buy" (Essayer avant d'acheter) que les sites e-commerce essaient de mettre en place (cf KnickerPicker).

Si l'on reprend le cas des lunettes, l'un des principaux freins à l'achat sur Internet est bien celui de pouvoir voir le produit en vrai et de le tester. Kris et Atol (Les opticiens !!!!!) proposent donc sur le site notre fameuse application "Try and buy" afin de lever ce frein (sites découverts grâce à un commentaire sur un article précédent).

LookNKris de Kris

Ce site de la marque Kris propose à l'internaute de télécharger une photo ou de choisir parmi les mannequins au choix (le plus ressemblant) pour pouvoir ensuite visualiser ce que donne la paire de lunettes. Le design est simple, le parcours de navigation clair, des call-to-actions bien mis en avant... le tout donne un site agréable et simple à utiliser, même pour les plus novices.
Pour découvrir le site >>

Essayer vos lunettes en ligne des Opticiens Atol

Le principe est fondamentalement identique que sur l'exemple précédent de la marque Kris. Là encore l'application est sobre et clair, un parcours de navigation explique les 3 étapes qui constituent l'essai virtuel des lunettes.
Accéder au site des opticiens Atol >>

opticiens_atol_step1

opticiens_atol_step2

Pour aller plus loin :

Posté par Cedric DENIAUD à 05:28 - Ergonomie / Fonctionnalités - Commentaires [0] - Permalien [#]

18 juin 2008

Analyse de la nouvelle homepage de MySpace.com

Aujourd'hui, MySpace.com a lancé sa nouvelle page d'accueil. L'objectif semble évident : redonner un coup de jeune à une page d'accueil qui avait pris un certain coup de vieux en terme de design, tout en laissant plus d'espace à la publicité.

Les résultats financiers de MySpace sont en effet encore largement en dessous des prévisions et MySpace avec cette nouvelle homepage, souhaite donc réagir rapidement en permettant une mise en avant publicitaire plus forte et plus immersive.

myspace_homepage

La mise en avant publicitaire n'est pas le seul élément notable qui change puisque désormais :

La barre de navigation horizontale est simplifiée : on y retrouve moins d'entrées pour éviter de surcharger visuellement cet espace de navigation
La recherche d'amis utilisent désormais directement un champs de recherche, plus graphique et plus rapidement compréhensible par l'internaute
Les boutons d'action sont tous redessinés : ils sont désormais arrondis pour peux coller avec la tendance actuelle sur Internet et utilisent des couleurs plus vives.
Les blocs de contenus ou de fonctionnalités contiennent désormais des onglets. Là encore, forte tendance actuelle du web. Cela évite un surchargement de la page, tout en permettant à l'internaute dès la page d'accueil de MySpace de rechercher différents types d'informations.

En conclusion, MySpace.com vient de prendre un sacré coup de jeune, avec ce graphisme plus soigné. Le site graphiquement se rapproche de plus en plus de sites éditoriaux que de réseaux sociaux (cf : FaceBook).

Pour aller plus loin :

Posté par Cedric DENIAUD à 12:41 - Ergonomie / Fonctionnalités - Commentaires [1] - Permalien [#]

06 mai 2008

Analyse du nouveau site de la SNCF : Voyages-SNCF.com

Ca n'a pas pu vous échapper : le nouveau site du leader du e-commerce en France est depuis ce matin en ligne. Je parle bien entendu ici de Voyages-sncf.com, le site de réservation et de ventes en ligne de la SNCF.

voyages_sncf_home

Dès la page d'accueil, on remarque le changement graphique que je trouve plus sobre, plus soigné, plus qualitatif que la version précédente. Les rubriques transverses du site (et moins commerciales) sont également mieux mis en avant. A l'heure, où l'on parle des sites avec un contenu riche, il est intéressant de voir que le premier site e-commerce en France s'y met également. De plus, trois grands blocs distincts (et facilement distinguables), Réservez votre voyage pour la partie e-commerce, Préparez votre voyage pour la partie plus transversale du site, et les Bons Plans, une rubrique désormais incontournable des sites de voyagiste en ligne, permettent à l'utilisateur de faire la distinction entre les différentes entrées dans le site. Les onglets de navigation dans le header du site permettent également de retrouver cette distinction.

Par contre, ce ne seront que les seules qualités que je trouve à la nouvelle version du site. Je passe volontairement sur ce qui ne change pas entre la nouvelle version et l'ancienne, à savoir notamment le module de recherche de billets de train, d'avion, de séjours ou de réservation de voitures. Au niveau de ce je trouve encore insatisfaisant :

Une dimension Web 2.0 manque au site. On aimerait ainsi pouvoir retrouver facilement la possibilité de s'abonner au flux RSS d'une destination. On est ainsi tenu au courant des éventuelles promotions ou nouveautés sur les lignes que l'utilisateur utilise fréquemment. On aimerait également pouvoir, par exemple, personnaliser sa page d'accueil pour y retrouver des informations sur des destinations sélectionnées auparavant.
La rubrique "Préparez votre voyage", de la manière dont elle est présentée sur la page d'accueil du site semble être un vaste fourre-tout, que la SNCF a jugé indispensable pour éviter la déperdition de trafic des internautes qui recherchent de l'information de d'autres voyageurs sur des forums, des sites dédiés au partage d'information sur les voyages ou d'autres sites de voyagistes. On pourrait s'attendre de la part de Voyages-SNCF a un véritable effort sur cette partie. Le fait d'y retrouver Voyazine, une partie sur le Tourisme Responsable, une recherche directe sur une destination, me semble encore trop confusant.
Le site, dès la page d'accueil, manque cruellement de dynamisme. Aujourd'hui, je commande mes billets de train sur Internet mais je n'y retrouve que le côte pratique (cela m'évite de me déplacer en gare ou en agence). Aujourd'hui, nombre de sites donnent plus envie de chercher et trouver de l'information que le site Voyages-SNCF.com.
De plus, force est de constater, que la SNCF a passé ce matin en ligne un site loin d'être performant. J'ai testé sur plusieurs postes et plusieurs configurations différentes pour m'en assurer mais le moteur de recherche de train buggent une fois sur deux, certaines images dès la page d'accueil n'apparaissent pas.

Et vous, qu'en pensez-vous ?

Pour aller plus loin :

Nouveau site Fnac.com
Un site e-commerce (trop) épuré : Dior
Droit de réponse de la SNCF

Posté par Cedric DENIAUD à 11:59 - Ergonomie / Fonctionnalités - Commentaires [13] - Permalien [#]

05 mars 2008

Champs de recherche secondaire dans Google

Lu ce matin sur TechCrunch, Google propose désormais pour certains résultats un champs de recherche secondaire. Certains sites étant devenus tellement complets dans leur contenu ou dans la gamme des produits qu'ils proposent à la vente, le champs secondaire de recherche permet de préciser directement depuis Google le produit ou le contenu recherché dans un site pour être ainsi redirigé vers la bonne page de ce site.

Avantages

Google enrichit et précise la recherche via une seconde recherche. C'est ainsi autant de temps supplémentaire passé sur l'outil Google plutôt que sur un site e-commerce.
Ce système n'est mis en place actuellement que seulement pour les plus gros sites comme Amazon, Wikipedia, OfficeMax, New-York Times... Plutôt pertinent, car ces sites ressortent dans tous les premiers résultats dans de très nombreuses requêtes et plutôt que de diriger l'internaute vers la page d'accueil du site, la précision de la recherche permet de le rediriger vers une page plus précise.
Cet outil est le parfait complément aux liens secondaires proposés désormais pour de nombreux résultats de recherche qui permet d'accéder directement à une rubrique du site.

Ci-dessous l'exemple pour Amazon :

google_search_field_amazon

Pour aller plus loin :

Posté par Cedric DENIAUD à 11:08 - Ergonomie / Fonctionnalités - Commentaires [1] - Permalien [#]

04 mars 2008

Recherche dans un catalogue produit de Converse

Pour un site e-commerce, il y a différents moyens de permettre à l'internaute de rechercher dans le catalogue produit :

le classique moteur de recherche interne
les systèmes de navigation par catégorie de produits / produits / marque
les systèmes de liste déroulante

Mais des systèmes plus innovants et surtout plus "user friendly" existent comme celui que propose Converse sur son site allemand (désolé pour ceux, qui comme moi, ne maîtrisent pas la langue de Goethe)

Principe de recherche dans le catalogue produit

Le principe de base utilisé par Converse est celui de la recherche par filtres. En fonction de certains critères (sexe, catégorie du produit, couleurs ...), le choix de produits proposés se restreint.

Ce qui est intéressant ici, c'est le principe très graphique utilisé qui se différence de systèmes plus classiques de listes déroulantes que l'on retrouve sur certains sites e-commerce.

converse_eshop_1

Avantages du système proposé par Converse

Les trois avantages majeurs que je vois à ce système :

la possibilité pour l'internaute de voir en un coup d'œil toute la gamme des produits proposés dans une catégorie de produit
la possibilité de filtrer la recherche selon plusieurs critères
la possibilité de conserver ces critères de recherche pour rechercher dans d'autres gammes de produits. Par exemple, j'ai choisi un T-shirt pour homme de couleur plutôt marron, en un clic je peux voir les T-shirts pour homme dans les tons qui pourraient être assortis à cette paire de chaussures.

Le plus proposé par Converse est la "human touch". La présence d'un personnage réel permet de mieux guider l'internaute et renforcer la proximité avec le site.

Voir le site Converse Allemand >>

Pour aller plus loin :

Posté par Cedric DENIAUD à 10:07 - Ergonomie / Fonctionnalités - Commentaires [0] - Permalien [#]

29 février 2008

CleverSet : le cross-selling personnalisé et intelligent

Comme je vous l'ai présenté dans les articles précédents, en matière de cross-selling, les sites proposent des recommandations produits selon des données issues de l'analyse des achats ou des parcours des clients sur le site.

Aujourd'hui, une solution US permet d'aller plus loin en proposant un cross-selling personnalisé en fonction du parcours de l'utilisateur. Fondée par Bruce D’Ambroso en 2007, expert en intelligence artificielle, la technologie de modélisation comportementale de CleverSet permet de prédire ce que tel ou tel acheteur en ligne cherche, et de recommander les produits qui pourraient les intéresser. Très intéressant tout cela, n'est-ce pas ?

Comment ça marche ?

Proposer le bon produit, à la bonne personne au bon moment, voila l'idée simple de cet outil.

CleverSet se démarque des services de recommandation de type Amazon, Fnac ou Alapage que je vous ai présentés cette semaine (voir Best et worst practices en matière de cross-selling sur les sites e-commerce) du fait que ses recommandations sont basées sur de nombreux éléments qui définissent le comportement de l’acheteur : le profil de l'acheteur, les clics, le temps sur chaque page, le parcours du visiteurs sur le site, les produits consultés. Ces facteurs ont pour ultime but de déterminer au mieux ce que l’utilisateur sera le plus enclin à acheter et du même coup d'améliorer le taux de transformation des visiteurs en clients.

Le schéma ci-dessous résume parfaitement le principe de l'application

cleverset_schema

Qui l'utilise ?

La société Wine Enthusiast, spécialisée dans la vente d'accessoires en ligne liés au vin, utilise les services de personnalisation de CleverSet. Wine Enthusiast est maintenant capable de prédire ce que chaque acheteur attend de leur site en leur présentant des recommandations pertinentes. Les premiers chiffres démontrent que le panier moyen des visiteurs a augmenté de 23% sur les deux mois suivant l'implémentation de l'outil.

Le potentiel de CleverSet a déjà intéressé plusieurs entreprises notamment ATG (Art Technology Group) qui a racheté pour 9 millions de dollars la technologie développée par CleverSet.

Le service est délivré sous forme SaaS (Software As A Service) et peut être ainsi rapidement et facilement ajouté à un site.

Articles précédents :

Posté par Cedric DENIAUD à 05:45 - Ergonomie / Fonctionnalités - Commentaires [1] - Permalien [#]

27 février 2008

Best et worst practices en matière de cross-selling sur les sites e-commerce

Certaines règles sont à respecter pour répondre aux enjeux vus précédemment. Voici un exemple vu sur le site de LDLC.com a ne pas reproduire :

cross_selling_ldlc

Aucune image des produits proposés ne permet d'avoir une visualisation directe des produits
Un important manque de lisibilité des produits proposés
Plutôt que de vouloir proposer des produits dans toutes les gammes de produits du site, mieux vaut ne mettre que quelques produits en avant mais le faire bien.
Le nommage de la rubrique est également primordial : "articles associés" me semble ici peu vendeurs alors que des termes comme "recommandation" ou comme "les consommateurs ont également appréciés ces produits ..." me semblent plus persuasifs.

Des sites sont devenus experts dans la valorisation des produits proposés en cross-selling. Parmi les best practices :

Exemple 1 : Fnac.com, l'utilisateur se voit proposer des accessoires, services pour "profiter pleinement de son produit".

cross_selling_fnac

L'utilisateur voit un descriptif synthétique et clair du produit, ce qui lui permet de l'ajouter sans avoir à aller sur la page produit dédiée.
Voir le site Fnac.com >>

Exemple 2 : Victoria's secret ajoute une page intermédiaire après l'ajout d'un produit à son panier.

cross_selling_victoria_secr

Il y a plusieurs endroits ou placés du push cross-selling sur un site e-commerce: soit directement sur la page d'un produit, soit avant l'accès à la page "panier", soit directement sur cette page "panier", soit, comme le propose Victoria's Secret, sur une page intermédiaire lors de l'ajout d'un produit au panier.
Voir le site Victoria's secret >>

Exemple 3 : Alapage confirme l'ajout d'un produit en panier en introduisant des produits associés.

Lorsque l'on rajoute un produit à son panier sur Internet, soit un module sur la page indique que le nombre de produits dans le panier voire le montant, soit, plus rarement, on est directement basculé vers le panier, soit, comme dans le cas d'Alapage, une fenêtre apparaît confirmant l'ajout du produit. Cette fenêtre ne vient donc pas couper le parcours client sur le site permettant à l'utilisateur de continuer à surfer sur la boutique mais, élément très intéressant, lui présente des produits associés au produit ajouté pour mieux guider dans sa visite vers des produits susceptibles de l'intéresser.
Voir le site Alapage >>

Articles précédents :

Le cross-selling sur les sites e-commerce
Enjeux et risques liés au cross-selling

Posté par Cedric DENIAUD à 06:32 - Ergonomie / Fonctionnalités - Commentaires [2] - Permalien [#]

25 février 2008

Le cross-selling sur les sites e-commerce

Vous en avez pris l'habitude désormais, j'aime de temps en temps vous proposer pendant une semaine un dossier spécial soit autour d'un thème précis ou soit autour de la stratégie d'une marque. Cela permet à la fois d'aller encore plus loin dans l'analyse de la stratégie d'une marque ou dans la présentation de tendances actuelles sur Internet.

Cette semaine, je vous propose d'aborder les problématiques liées au cross-selling sur les sites e-commerce : quels sont les enjeux ? quelles sont les tendances actuelles ? quelles sont les pratiques à ne pas reproduire ? ...

A suivre donc cette semaine, 5 articles sur le sujet. Bonne lecture !

Pour récapitulatif, voici les dossiers que je vous ai déjà présentés sur ce blog :

Le e-commerce en 2008

Ecrire pour le Web

Pourquoi Google est la première règie (multi)média ? (mars 2007)

Posté par Cedric DENIAUD à 14:05 - Ergonomie / Fonctionnalités - Commentaires [0] - Permalien [#]

20 février 2008

Jeans & Clothes et Ikea ou l'expérience émotionnelle pour présenter le produit en situation

L'un des reproches que beaucoup d'utilisateurs font aux sites e-commerce est que l'on ne peut pas voir ce que le produit rend véritablement, on ne peut pas tester le produit (vs en magasin). Beaucoup de fonctionnalités ou d'applications voient le jour pour justement permettre à l'utilisateur de mieux visionner le produit. Le e-commerce passe à l'heure du rich-commerce (voir l'article : Le Rich-Commerce ou comment améliorer le confort et l'ergonomie d'un site e-commerce). Je vous ai notamment présenté dernièrement les cas suivants :

La démo 3D façon Nokia pour voir le produit sous tous les angles
La cabine d'essayage virtuelle façon KnickerPicker pour voir le produit sur le mannequin le plus ressemblant.
Le test virtuel du produit façon InEyeWear.com pour voir le produit directement sur soi

Je vous propose aujourd'hui deux autres exemples qui nous viennent de Suède, que je trouve également très pertinents et qui abordent le problème du côté émotionnel plutôt que fonctionnel.

Jeans & Clothes ou la vidéo et le zoom pour créer une expérience émotionnelle

Jeans & Clothes est un marque suédoise spécialisée notamment dans les jeans. Le site que je vous présente aujourd'hui se veut être une vraie expérience émotionnelle via une musique douce et envoutante, des effets After Effects sur les visuels présentés permettant de voir le produit en situation et d'être immergé dans la scène ou alors des mini-films vidéos. Les situations se veulent des vraies scènes de la vie : ce ne sont donc pas des visuels commerciaux mais bien des visuels présentant le produit utilisé dans la vie courante (exemple : le jeans sur les chevilles lorsque l'on est toilettes).

jc_clothes

Cette présentation crée volontairement un décalage avec ce qui peut être présenté généralement sur les sites mais qui colle totalement avec l'image de marque que recherche Jeans & Clothes. Cette présentation est contrebalancée par la présentation classique du visuel, seul à côté de la scène.

Voir le site Jeans & Clothes Store >>

Ikea ou le ralenti et multi-angles de vue pour s'immerger dans la scène

L'effet de zoom ou de ralenti pour les produits est pas mal utilisé en ce moment par les marques. Ikea notamment qui avait déjà utilisé dans un mini-site l'effet "Bullet Proof" de Michel Gondry (Michel Gondry avait créé cet effet pour une pub pour une marque de vodka et on l'a ensuite notamment retrouvé dans une scène culte du film Matrix).

Aujourd'hui la dernière campagne proposée par la marque suédoise d'ameublement utilise le ralenti et la possibilité de changer d'angles de vue pour présenter ses produits en situation. Là encore la scène sert d'introduction au produit avant de basculer sur le site classique de la marque où l'on a plus d'informations sur les produits présentés.

ikea_complete_bedroom

L'immersion permet d'apporter de la chaleur là où beaucoup d'utilisateurs considèrent les sites e-commerce encore trop froids comparés au plaisir que l'on peut avoir en rentrant dans une vraie boutique physique.

Voir le site Ikea - The Complete Bedroom >>

Pour aller plus loin :

Posté par Cedric DENIAUD à 05:11 - Ergonomie / Fonctionnalités - Commentaires [0] - Permalien [#]

13 février 2008

Domino's Pizza Tracker : outil de suivi de commande de votre pizza

Lorsque on surfe et achète sur un site e-commerce, l'une des informations à laquelle l'utilisateur fait attention est le délai de livraison. Généralement, le site passe par un prestataire externe (Fedex, ChronoPost, La Poste) et le suivi du colis se fait directement sur le site de ce prestataire via un numéro de commande ou de livraison.

Mais pour un livreur de pizza, il s'agit d'un service de livraison interne et l'un des critères de qualité du service est bien celui de la livraison. Alors quoi de mieux, lorsque vous passez votre commande en ligne sur le site de la marque, de pouvoir suivre en temps réel et de manière visuelle le suivi de votre pizza.

domino_pizza_tracker

Encore la preuve qu'à l'heure du "e-commerce 2.0", le contenu dans la recherche et la présentation de l'information et tous les services ou fonctionnalités avant et après vente sont des atouts majeurs pour un site pour se distinguer de la concurrence.

Découvrir le Domino's Pizza Tracker >>

Posté par Cedric DENIAUD à 14:34 - Ergonomie / Fonctionnalités - Commentaires [0] - Permalien [#]

« Accueil 1 2 Page suivante »