C’est souvent tentant de faire un mini-site pour le lancement d’une gamme où d’un produit star. C’est souvent tentant de créer un univers en full-screen et full-flash pour créer une « immersion du consommateur ». Ouai, c’est tentant. Mais entre nous, je crois que c’est mieux si c’est fait correctement.

Je m’explique. Qui dit « full expérience » dit souvent direction artistique peu cadrée et pas assez de confort de navigation pour l’internaute. J’ai pris 3 exemples pour vous montrer ce qu’il ne faut pas faire sur un site immersif, et je vais essayer de donner également « le bon » car ce n’est pas impossible de faire les choses correctement.

• Une expérience immersive : attention à certains détails

Revenons aux objectifs : l’internaute souhaite avoir des infos sur un produit, et votre réponse consiste à créer un site très expérientiel qui véhicule le concept de votre produit / gamme. C’est une bonne idée et ca a du sens. Néanmoins je pense qu’il y a des choses qui sont importantes : le site doit se charger rapidement, il doit être compatible avec la configuration de votre cible, et il ne doit pas laisser le produit de coté. Sinon, c’est perdu.

Attention au poids

Site vidéo = 3 minutes de chargement. Super … Pour son nouveau N-Gage, Nokia a lancé Get Out And Play.  Le site est intéressant, sauf qu’il faut plusieurs minutes pour le charger. Moi je n’ai pas la patience. Suis-je le seul ? Je suis déjà bien sympa de cliquer sur un lien d’une marque de téléphone, faut pas en plus me demander d’attendre mon tour !!! Ca m’intéresserait de voir le bounce rate de la home page de ce site. Je parie sur 70%. Bravo.

Ci dessus : Sur le site Nokia, le loading est tellement long qu’ils ont mis un jeu en attendant … 

Recommandation : faites toujours une version light d’un site vidéo. Votre directeur artistique fera la gueule, mais le client aura des meilleurs résultats et les internautes pourront accéder au site. Laissez le choix …

A mon avis

• Toujours proposer de skipper l’intro
• Toujours indiquer le temps restant de loading et le pourcentage
• Insérer si possible une animation dans le loading pour faire patienter.

Attention à la compatibilité

100% des développeurs flash ont le plug-in Flash 9 sur leur ordi. Pas 100% des internautes. Flash 9 c’est bien, Flash 8 aussi. Quand j’ai travaillé sur le site Fuel For Life Factory nous avons développé une version « premium » du site en Flash 9, et une version en Flash 8 où les produits 3D ont été remplacé par des 2D. C’est dommage que les équipes d’Alfa Roméo n’aient développé leur nouveau site que sur Flash 9 car sur mon ordi de bureau je n’ai pas ce plug-in … Là encore, suis-je le seul ? Modif du 8 mai : on m’a communiqué des chiffres sur le taux de pénétration de Flash 9, et je dois avouer que c’est assez énorme !!! Donc la compatibilité flash 8 est quand meme à mettre entre parenthèses.

Si vous développez un site grand public, ne sous estimez pas l’importance des gens qui n’ont pas le plug-in flash 9 et encore moins le plug-in Silverlight de Microsoft (je dis ca pour les mecs de Digitas et Lancome qui ont développé Magnifique Women)

A mon avis

• Flash 8 autant que possible, au moins jusqu’à fin 2008
• Pas de Silverlight car pas encore assez répandu
• Eviter de jouer la transparence des .png car IE a encore du mal

Attention à ne pas oublier le produit

Je viens de voir un site qui vraiment m’a énervé. Le nouveau site Levi’s Cut To Reveal You. Belle création en flash, mais où est le produit ? Merde ! Ce site a du couter 100 000€, et impossible de voir les jeans ou les fringues. On a des vidéos, des images, du son … mais pas de gros visuels des produits. C’est quoi le métier de Levi’s ? De vendre une performance vidéo ou de vendre des jeans ? Sur le screenshot du site (ci dessous), on voit au centre l’image Levi’s, mais pas d’image zoom des produits.

Sur le site Diesel, on trouve également des belles vidéos interactives pour présenter les collections, mais quand vous cliquez sur un look, vous arrivez sur les fiches des produits. C’est pour cela qu’on va sur le site, non ?

A mon avis

• Mettre le produit au cœur de l’expérience digitale et toujours proposer des vrais visuels produits
• Ne pas laisser carte blanche à un D.A. … où au moins laisser le dernier mot au chef de produit.

A quand des Directeurs artistiques ergonomes ?

Un des premiers articles de ce blog portait sur l’ergonomie générale des sites de marque. Cet article est l’occasion d’en reparler un peu. Sur le site Levi’s, pas de présence du Logo institutionnel, et encore moins d’un menu pour aller sur les autres sections du site.

 L’expérience ergonomique générale

Idem, sur le site Shu Uemura Art Of Hair (un mini-site sur les produits « hair care »), pas de lien vers le site institutionnel de Shu Uemura. Ca, c’est grave. L’internaute entretient une relation avec des produits, mais avant tout des relations avec la marque ; et un site doit être là pour lui donner accès à tout un univers, pas qu’à une partie.

Sur le site Chanel, on propose des accès assez immersif à des contenus (défilés, collection …) et malgré cela, la navigation est simple. La preuve que c’est possible de faire de l’immersion tout en gardant une ergonomie générale claire.

A mon avis

• Un menu commun à tous les sites, ou au moins un accès au site principal
• Toujours mettre une ligne « où etes vous » avec retour vers l’accueil et les autres rubriques

L’accès aux contenus

Un site produit, c’est un site qui parle du produit … (ca j’en ai déjà parlé mais c’est important !) et à ce titre l’accès à l’info produit est essentiel. Sur le nouveau site Alfa Roméo, il faut se creuser la tête pour trouver comment accéder aux (magnifiques) photos de la voiture, l’ergonomie n’est pas simple alors que la créa globale est magnifique… Résultat : quand l’internaute arrive à trouver les photos de détail, il a un sentiment d’accomplissement sans mesure …

Sur cette image : la partie « photo » du site Alfa Roméo. Quand on connait l’importance des images sur les sites automobiles, on met au moins une vignettes en preview pour permettre à l’internaute d’accéder rapidement à l’image qui l’intéresse … Ici, il s’agit d’un diaporama de 34 images non classées en dossiers, et non prévisualisables. Les bases sont à revoir !

Sur le site Shu Uemura, le menu principal est à gauche, et les sous contenus ne sont pas listés près de ce menu principal. Dommage. Sans aller jusqu’au vulgaire menu déroulant on aurait pu faire plus simple pour montrer où cliquer pour trouver l’info. Idem, sur le site Levi’s, le menu se trouve en bas, en gris clair sur gris foncé. Sans déconner, ce n’est pas malin.

Je suis un peu dur, mais derrière ces 3 projets se cachent 3 grosses agences (PublicisNet pour Shu Uemura, Ogilvy pour Levi’s et Soleil noir pour Alfa Roméo) et 3 grosses marques. Donc les gens qui sont derrière ces sites ne sont pas des amateurs … et pourtant.