J'avais fait il y a quelques mois un article sur les outils d'essayage virtuel de produit. J'avais à l'époque déjà eu l'occasion de parler de l'exemple de fonctionnalité disponible sur le site de l'opticien Krys (Essayez vos lunettes en ligne sur les sites de Krys et Atol). D'autres sites marchands ou pas proposent également des fonctionnalités de ce type qui possèdent un côté pratique pour l'utilisateur pour passe la barrière de la virtualisation du média Internet : Connaissez-vous InEyeWear.com ou le site pour essayer virtuellement des lunettes ? et La Redoute + Web 3D + Outfit builder = la cabine d'essayage virtuel.

Pour en revenir au site de Krys, je viens de voir qu'ils ont mis en ligne la semaine dernière une nouvelle version de leur site.

Je trouve la nouvelle version plutôt réussie : sobre et élégante faisant la part belle à la fois produit et à la fois à l'information. Le site n'étant pas marchand, le but reste d'informer et de maximier le drive-to-store. Un nouveau spot TV relaie le lancement du site et insiste sur le principal bénéfice utilisateur du site : celui de pouvoir essayer en ligne une paire de lunettes. La fonctionnalité en soi n'est pas véritablement différente de celle que je vous avais présenté à l'époque dans Essayez vos lunettes en ligne sur les sites de Kris et Atol.

Par contre d'un point de vue ergonomique, l'utilisation d'une interface riche développée par FittingBox, service spécialisé dans la technologie d'essayage d'accessoires sur Internet, associée à un outil de sélection léger (ajustement des montures proposés en fonction du prix et options sélectionnés) apporte un véritable plus. D'autres sites comme le site de lunettes de Lacoste ou Youarethemodel.com utilise la même fonctionnalité.

Pour aller plus loin :

• Jeans & Clothes et Ikea ou l'expérience émotionnelle pour présenter le produit en situation
• Pourquoi les marques doivent créer des contenus exportables ?
  
• Les 6 grands principes consommateur à respecter sur votre site
• Gap présente Sound of Color
• Regarder des concerts sur Internet : BaebleMusic et FabChannel
  

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. Krys 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).

LookNKrys de Krys

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

Pour aller plus loin :

• Connaissez-vous InEyeWear ou le site pour essayer virtuellement vos lunettes ?
• Le Rich-Commerce ou comment améliorer le confort et l'ergonomie d'un site e-commerce
• Jeans&Clothes et Ikea ou l'expérience émotionnelle pour présenter le produit en situation
• TryPhone, tester un téléphone avant de l'acheter
  
• Sur Internet, les marques doivent être au service des utilisateurs
• Recherche dans un catalogue produit de Converse
  

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.

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 :

• Le business model des réseaux sociaux
• Stratégie de développement de MySpace pour faire face à FaceBook
• Et après MySpace ?
• Analyse du nouveau site de la SNCF : Voyages-SNCF.com
• Analyse du nouveau site e-commerce de Reebok
  

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.

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

Je vous avais présenté il y a quelques semaines le cas de sites qui, pour pousser le "drive-to-store" (point d'entrée vers la boutique en ligne), privilégiaient la présentation des produits en situation : Jeans & Clothes et Ikea ou l'expérience émotionnelle pour présenter le produit en situation.

Avec plus ou moins d'interactivité, d'innovation ou de souci dans la présentation, ces sites permettent à la fois à l'utilisateur de mieux se rendre compte du produit lorsqu'il est porté par quelqu'un (Jeans & Clothes), lorsqu'il est intégré dans son environnement naturel (Ikea)... ou lorsque l'on découvre les cas dans lequel il est utilisé.

Ce dernier cas se retrouve dans le nouveau site proposé par Motorola mettant en avant les produits dédiés aux services publics aux États-Unis.

Je trouve le site très bien pensé, à la fois dans sa stratégie et à la fois dans sa réalisation.

• Stratégie : en mettant en avant le rôle que les produits Motorola joue pour l'aide au travail apporté aux services publics tels que les pompiers ou les policiers, on découvre le rôle "positif" que joue Motorola  envers la communauté. N'oublions pas que ce site est destiné en premier lieu a être vu par des Américains, et la notion de service à la communauté est quelque chose de primordial. La stratégie est donc de développer une image à la fois positive et high tech de la marque.

• Réalisation : Le site mêle à la fois scène de transition, présentation des scènes sous forme vidéo et intégration des informations produits, le tout dans un site volontairement immersif proposant une qualité de réalisation admirable. Une présentation sans faille mettant en place un scénario à base de vidéo, de scènes composées de plusieurs plans, d’éléments interactifs.

Découvrir le site Motorola City >>

Source : Hebi Flash Blog

Pour aller plus loin :

• Nokia N95 8GB présente le Nouvelepisode.fr
• Un site e-commerce (trop) épuré : Dior
• Jeans & Clothes et Ikea ou l'expérience émotionnelle pour présenter le produit en situation
• Gap présente Sound of Color
• Be kind rewind : le site du prochain film de Michel Gondry
  

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).

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.

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 :

• Connaissez-vous InEyeWear.com ou le site pour essayer virtuellement des lunettes
• Le Rich-commerce ou comment améliorer le confort et l'ergonomie d'un site e-commerce
• Markez Models : un site immersif à prendre comme exemple
• TryPhone : tester un téléphone avant de l'acheter
• Be kind rewind : le site du prochain film de Michel Gondry
  

Je continue dans ma semaine orientée "services aux utilisateurs". Après vous avoir présenté, en guise d'introduction, le concept général du modèle de services aux utilisateurs pour développer sa marque ou son site (Sur Internet, les marques doivent être au service des utilisateurs), puis l'exemple à suivre d'eBay (Les services aux utilisateurs : le cas eBay), je rentre encore plus dans le détail en vous présentant un exemple bien particulier de service innovant.

Connaissez-vous le site InEyeWear.com ? Sans doute pas. Pourtant, ce site marchand spécialisé dans les accessoires de vue (dont les lunettes) lance une nouvelle option sur ce site permettant de mieux répondre aux attentes des consommateurs en améliorant l'expérience utilisateur. En effet, lorsque l'on souhaite acheter des lunettes soleil, la première chose que l'on fait et qui est le meilleur moyen pour savoir si la paire de lunettes nous va, c'est de l'essayer. Mais comment faire, lorsque l'on propose la vente à distance et que donc le test réel du produit n'est pas possible ? La réponse est simple et InEyeWear.com l'a trouvé avec son option RevolutionEyes.

Le concept est simple : le site vous propose de tester virtuellement votre paire de lunettes. Pour cela, vous devez uploader une photo de vous, de face et de bonne qualité, puis sélectionner les modèles que vous souhaitez essayer... virtuellement.

Ce modèle se rapproche de ce qui peut déjà se faire dans le milieu vestimentaire. Par exemple, le site coréen d'une des principales chaînes de grands magasins propose à l'utilisateur de créer son propre avatar qui servira de double virtuel pour l'essayage des vêtements disponibles.

Source : L'atelier

La Fnac a lancé aujourd'hui son nouveau site Fnac.com, qui a été réalisé par FullSIX. Pour bien connaître l'équipe créative qui a travaillé sur le sujet, le rendu par rapport au travail réalisé est vraiment de qualité.

• La Fnac est un site qui a un trafic important avec un taux de fidélisation qui l'est tout autant, ce qui en fait aujourd'hui sur Internet l'un des principaux sites culturels. Pour ne pas dérouter les visiteurs qui viennent régulièrement sur le site, le parti pris est de ne pas être en rupture par rapport à la version précédente. Ainsi le désign globale, les principes de navigation ont été conservés.

• La refonte graphique est tout de même suffisante pour donner un véritable coup de jeune au site. Les formes se rapprochent des mouvances actuelles Web 2.0 ...

• L'ajout de nouvelles fonctionnalités permet d'apporter encore plus de contenu : je pense, notamment, à la possibilité maintenant de s'abonner aux flux RSS. Peu de sites de e-commerce en France le proposent actuellement, donc bravo la Fnac. Également, la création de pages "univers" permet d'avoir une vue plus globale que des entrées par produits.
  

Et vous, qu'en pensez-vous ?

Je vous avais parlé il y a quelques temps des sites immersifs qui permettent une expérience utilisateur plus... immersive. Je vous invite en préambule à (re)découvrir cet article  Une tendance sur Internet - les sites immersifs

J'ai découvert hier ce super site pour Markez Models.

• l'utilisation du côté immersif est totalement justifié pour la mise en avant de modèles
• on retrouve sur Internet via l'animation le côté ludique du jeu
  
• graphiquement rien à redire.
• la double navigation (classique et intégrée directement dans le décor) permet de s'y retrouver facilement et de consulter toutes les informations rapidement.
  

Un très bel exemple à suivre.

Je suis retombé ce matin sur cet ancien, mais toujours aussi vrai, article de Jacob Nielsen, expert en utilisabilité sur Internet: The Power of Defaults.

En résumé, les valeurs sélectionnées par défaut (dans une liste de recherche, dans le système de "radio buttons" ou "tick boxes") sont généralement peu modifiées par l'utilisateur. Cette constatation est notamment prouvée dans l'utilisation des moteurs de recherche.

Ainsi, plus de 90% des personnes effectuant une recherche sur Google laisseront "Web" sélectionné plutôt que de choisir "Pages francophones" ou "Pages : France". (source : Seelog)

Personnellement, je fais partie des 10%. Je fais même plutôt partie des personnes qui préférent utilisées des moteurs de recherche verticale (voir : "Jeudi 2.0 : recherche verticale ou méta-recherche?") pour mieux cibler mes recherches en posant des filtres sur les ressources.