11 avr. 2012

A la découverte du site de Polaroid Catégorie : Ergonomie / Design Mots-clés : ergonomie, kodak, navigation, photos, polaroid Tweet

Une marque communautaire dont on parle peu est Polaroid. Pour ceux qui croiraient que Polaroid n'aurait pas résisté à la numérisation des photos et aux appareils photos numériques intégrés aux téléphones, ou bien encore à des applications comme Instagram ou Color, peuvent revoir leurs croyances.

En effet, à la différence de Kodak qui ne passera pas l'année 2012 (la société a été placée en faillite en janvier dernier et est aujourd'hui en cours de vendre ses brevets et d'autres actifs pour un éventuel rachat. Rappelons ici que la principale erreur de Kodak à la fin des années 90 et jusqu'en 2007 a été de tenter sa diversification vers les papiers et l'impression des photos et beaucoup moins vers le numérique et le digital), Polaroid fait partie de ces marques, qui, en silence, sans faire de vague, aura su, rester fidèles à ses valeurs tout en évoluant ces dernières années (cf : Révolution digitale : s'adapter ou mourir).Ils viennent par exemple d'annoncer le lancement de leur propre tablette tactile (Polaroid lance une tablette 3D à 249€), fonctionnant sous Android (comme certains de leurs appareils photos connectés). Rester fidèle à sa marque et garder une philosophie est vital pour une marque comme Polaroid.

Si je continue à faire un parrallèle avec Kodak, on voit que le niveau d'attachement déclaré à la marque était ces dernières années extrêmement faible (1%), ce qui prouve que les clients et prospects n'avaient déjà plus confiance en la marque (Plus d'informations dans cet article). Comme dans un couple, la confiance l'un envers l'autre est le fondement qu'il faut savoir préserver à travers les années quelque soient les épreuves et les décisions de chacun.

Je suis tombé par hasard dernièrement sur le site de Polaroid et je l'ai trouvé très efficace. De plus, je me suis dit que ça faisait quelques mois que je n'avais plus rien publié sur l'ergonomie Web, les autres sujets (médias sociaux, social TV, digitalisation des entreprises, social CRM et terminaux alternatifs) ayant accaparés largement la ligne éditoriale de ce blog. 

• Le site est agréable et fait la part belle à la mise en avant des produits, présentés sous une format mosaïque et intégrés dans une navigation horizontale agréable.
• En plus du système principal de navigation horizontale, une timeline utilisant des repères visuels en fonction des catégories ainsi que la présentation des mêmes catégories au sein du header permet de proposer des modes alternatifs et plus rapides d'accéder à une information. 

• Autre point notable : à la différence de nombreux sites qui utilisent un principe de navigation seulemement pour leur page d'accueil (pour créer l'effet "Whaou" bien connu des ergonomes), ici le principe est conservé au sein des différentes rubriques.

• Le principe vit également très bien dans la partie produits grâce à des listes déroulantes et des systèmes de flèches guidant visuellement l'oeil et faisant comprendre de manière assez immédiate et intuitive le principe de fonctionnement du site. par contre, les pages produits, elles, gardent un format classique qui crée une rupture et donne clairement beaucoup moins envie. Il est dommage que le principe n'est pas été conservé également sur ces pages plutôt que de tomber dans la réassurance de pages classiques.

09 déc. 2008

Le site Kris change de look et communique sur l'essayage virtuel de lunettes Catégorie : Ergonomie / Design Mots-clés : ecommerce, ergonomie, krys, rich commerce Tweet

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
  

18 sept. 2008

La future homepage de Yahoo! Catégorie : Ergonomie / Design Mots-clés : ergonomie, yahoo Tweet

Perso, je suis plutôt fan d'un point de vue design et confort de lecture et de navigation. A première vue, la page semble moins "fouillie" que les dernières versions des pages d'accueil de Yahoo!. Cette page semble renforcer le passage d'une page portail à une page personnalisable.

Qu'en pensez-vous ?

Pour aller plus loin :

• AOL + Yahoo! = Nouvelle homepage de AOL
• Twitter + Yahoo! + Géolocalisation = Fire Eagle
• Analyse de la nouvelle homepage de MySpace.com
  
• E-mail + Page personnalisable = le réseau social de demain ?
• Analyse du nouveau site de SNCF : Voyages-SNCF.com
  

05 sept. 2008

Faites attention à vos formulaires d'inscription sur les plateformes communautaires Catégorie : Ergonomie / Design Mots-clés : communauté, ergonomie, social media, volkswagen Tweet

Lorsque une marque lance une plateforme communautaire, si elle a été bien pensé, elle a pour but de répondre à différents besoins rechercher actuellement par les clients. Aujourd'hui certaines plateformes ne sont pas pensées dans ce sens et la dernière date est sans nul doute celle de Volkswagen : Beautiful Life. Vous en avez peut être déjà lu des articles de d'autres bloggeurs relayant ce lancement qui voit la plateforme de leur œil de marketeur sans penser au client.

En effet, le formulaire est fastidieux et représente un important frein à la participation. En effet, pour s'inscrire, l'utilisateur doit remplir de nombreux champs et on comprend derrière c'est pour mieux servir les bases de données et les programmes CRM de la marque. Alors d'une certaine, on ne peut pas en vouloir à la marque qui nécessairement veut en savoir toujours plus sur ses clients et veut rassembler le maximum d'informations sur eux, mais de l'autre coté, il y a des systèmes beaucoup plus habiles que de surcharger un formulaire d'inscription :

• Connaître la participation et les intérêts déclarés des différents utilisateur ou types d'utilisateurs sur la plateforme. Par définition une plateforme communautaire permet de savoir utilisateur par utilisateur ce que celui-ci a fait sur la plateforme. On connait ainsi ses intérêts déclarés via les pages qu'il a visitées et les contenus qu'il a créés.

• Demander les informations ultérieurement : une fois le formulaire d'inscription remplie et l'utilisateur inscrit sur la plateforme, rien n'empêche de demander les informations complémentaires par la suite. Cela ainsi ne créé pas un frein pour l'utilisateur de passer le cap de l'inscription. L'utilisateur a besoin de découvrir et d'être rassurer par un service avant de donner des informations plus "implicantes" sur lui que son e-mail ou son prénom. Et ceci est d'autant plus vrai lorsque il s'agit d'une plateforme créée à l'initiative d'une marque.

Je pense que j'aurais l'occasion de reparler de cette plateforme dans un prochain article, celle-ci mélangeant également trop fortement le coté immersif et "push communicationnel" et le coté communautaire qui n'incite donc pas nécessairement les utilisateurs à revenir sur la plateforme, car la perception du bénéfice de l'usage de la plateforme que peuvent en retirer les utilisateurs me semble peu évident.

Pour aller plus loin :

• Du Social Media dans votre site Internet
• Renault se lance dans le e-commerce
• Dodge et l'équipe de France de basket
  
• Air France cède à la mode du dialogue sur Internet
  
• Nouveau site Fnac.com
  

01 juil. 2008

Essayer vos lunettes en ligne sur les sites de Krys et Atol Catégorie : Ergonomie / Design Mots-clés : atol, krys, rich commerce Tweet

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
  

18 juin 2008

Analyse de la nouvelle homepage de MySpace.com Catégorie : Ergonomie / Design Mots-clés : myspace, réseau social Tweet

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
  

06 mai 2008

Analyse du nouveau site de la SNCF : Voyages-SNCF.com Catégorie : Ergonomie / Design Mots-clés : ecommerce, sncf Tweet

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

03 avr. 2008

Présentation des produits en situation : Motorola City Catégorie : Ergonomie / Design Mots-clés : ikea, motorola, site immersif Tweet

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
  

20 févr. 2008

Jeans & Clothes et Ikea ou l'expérience émotionnelle pour présenter le produit en situation Catégorie : Ergonomie / Design Mots-clés : ecommercenokia, ineyewear, knickerpicker, rich commerce, vidéo Tweet

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
  

06 déc. 2007

Connaissez-vous InEyeWear.com ou le site pour essayer virtuellement des lunettes ? Catégorie : Ergonomie / Design Mots-clés : ineyewear Tweet

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