RichCommerce.fr Tout savoir sur les interfaces riches appliquées au e-Commerce

Je viens d’avoir un authentique coup de foudre pour le site de Virgin America. Non seulement la charte graphique est superbement sobre et la mise en page incroyablement efficace mais en plus l’utilisation des interfaces riches y est parfaitement subtile.

Ca commence avec une page d’accueil très sobre :

Nous avons de même cette superbe interface où il est possible de visionner les différentes villes desservies (Where We Fly) :

Il y a ensuite cette très belle page de promotions à la grille de lecture impeccable :

Et nous avons enfin cette liste de résultats très sobre avec un parcours narratif très intuitif :

Bref, un site remarquable qui n’a pas laissé indifférent nos amis de chez GrokDotCom : Why Virgin’s Banner Ads Work, Even on Facebook!

J’ai déjà eu l’occasion de vous parler de l’intérêt de la vidéo dans un cadre de commerce en ligne. Pour le cas particulier du tourisme, la présentation vidéo des hôtels est un plus indéniable : Augmentation du taux de transformation de 30% à 60% (en fonction des prix pratiqués).

Illustration avec Trivop, un acteur français positionné sur ce créneau :

Là où ça devient très intéressant, c’est quand on constate l’effet bénéfique de la vidéo sur le référencement. Et oui, car même si les vidéos ne sont pas (encore) référencées par Google, ce dernier a tendance à surclasser les résultats avec vidéo (notamment grâce à la nouvelle stratégie de Google Universal Search).

Illustration avec cette recherche sur Google : « how to tie a tie« . Deux résultats avec vidéo sont classés dans le top 10, non pas parce que le contenu est plus pertinent, mais parce qu’ils proviennent de YouTube.

Dans le milieu, ils appellent ça du VSEO (« Video Search Engine Optimization« ), plus d’infos ici : Why videos are a key component of any e-marketing strategy in 2008 and beyond.

J’étais donc aujourd’hui à l’évènement OnAir.

En voyant toutes ces démos, Flex, Air, un point m’est apparu particulièrement clair : l’utilisation des animations pour « donner du sens ».

Quand on voit les interfaces proposées par Apple, on n’a pas de doute : les animations dans les interfaces sont là non pour décorer, pour faire joli, mais pour aider l’utilisateur à « sentir » la métaphore, utilisée dans l’interface.

L’exemple le plus marquant sur Mac est probablement TimeMachine avec une interface de « machine à voyager dans le temps ».

Sur iPhone, c’est toute l’interface qui est ainsi animée. C’est logique : on a un écran plus petit, un mode d’interaction simplifié (pas de souris). La qualité de « l’immersion dans la métaphore » est encore plus importante.

Adobe, avec les technologies Flash, Flex, Air, est sur le même paradigme. L’idée que demain les applications seront encore plus animées, avec plus d’effets graphiques.

Ces nouvelles interfaces sont bien là pour donner plus de sens, pour aider l’utilisateur à mieux comprendre l’application.

Celà passe donc par des technologies, mais cela passe surtout par un savoir faire, que doivent avoir les concepteurs des applications.

Et à ce niveau là, on va évidement avoir un « goulot d’étranglement » parce que très peu de monde maîtrise la conception de tels applications.

Tous les ans aux États-Unis les vacances du mois de Mars sont pour des millions d’étudiants le signe de ralliement pour des fiestas monstrueuses et des orgies gargantuesques. Le Spring Break est ainsi une véritable institution que les annonceurs ne peuvent pas ignorer.

C’est ainsi que le American Eagle Outfitters propose une web TV entièrement dédié à cet évènement : AE Spring Break 08. Au programme : musiques, vidéos et reportages d’ambiance façon Sundance Festival. Ils proposent ainsi de couvrir trois lieux de rassemblement : Cancun, Squaw Valley et Padre Island :

Là où ça devient intéressant c’est quand ils choisissent iJustine comme ambassadrice de la marque pour couvrir les différentes manifestations mais également pour présenter les produits en contexte :

Encore une fois je suis stupéfait par la qualité de la réalisation et par l’efficacité du dispositif, c’est tout simplement remarquable. Plus d’infos ici : Video Valets: An Ecommerce Trend?.

Aviez-vous déjà remarqué à quel point les paniers dynamiques peuvent être incitatifs ? Mais commençons d’abord par une courte explication : j’appelle panier dynamique ces paniers qui se déplient lorsque vous ajoutez un article dedans (métaphore « Ajaxisée » du produit que l’on place dans le caddie).

Bon bref, amusez vous à remplir votre panier chez GAP et dès le deuxième article, un petit panneau supplémentaire se déploie pour vous signaler l’existence d’une promotion sur le troisième article :

Redoutable, surtout qu’avec un troisième article, on vous propose une promotion encore plus forte sur le quatrième !

Idem chez American Eagle où c’est un produit offert qui est signalé à partir du 3ème article :

Une incitation extrêmement forte pour « forcer » la vente, vous ne trouvez pas ? Tant qu’on y est, ils pourraient même inclure un petit compte à rebours pour retirer le cadeau gratuit.