Rich Commerce Tout savoir sur les interfaces riches appliquées au e-Commerce

Solebox est une boutique de fringues branchée allemande (ils ont même un blog et une web TV). Jusqu’ici rien de très spectaculaire si ce n’est leur boutique en ligne : Ambiance fond blanc et navigation minimaliste pour laisser un maximum de place aux produits.

La page d'accueil de Solebox

Vous noterez qu’ils ne reculent devant rien : non seulement ils ne soulignent aucuns liens (qui sont en plus en noir) mais en plus ils inversent le logo et le moteur de recherche !

Il y a également la possibilité d’afficher les produits en mode coverflow :

Le mode coverflow de Solebox

On retrouve également le coverflow dans la fiche produit pour pouvoir passer d’une vue à l’autre :

La fiche produit de Solebox

Impossible de ne pas saluer la prise de risque et surtout la recherche de sophistication dans cette interface pour le moins déroutante.

(via Daily Papervision3D)

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.

La semaine dernière je vous présentais Sprout Builder, un éditeur de mini-site (widget en anglais) à encapsuler. Il n’a pas fallut attendre longtemps pour qu’un premier dérivé marchand voit le jour avec Craftly. Pour faire simple il s’agit d’un éditeur en ligne qui permet de réaliser des mini-boutiques que vous pouvez encapsuler un peu partout (blog, page MySpace…) :

Si je devais faire une analogie, c’est un peu du Zlio au format widget. Exemple avec la boutique Done Son Clothing :

Les boutiques générées ne sont pas très “vendeuse” pour l’instant mais en tout cas le concept est très prometteur. Il leur manque juste un éditeur de thème (skin) pour les boutiques et la possibilité d’exporter en différents formats (horizontaux, verticaux…).En tout cas voici de quoi donner une seconde jeunesse au concept de boutique déportée.

/!\ Billet initialement publié sur FredCavazza.net.

Votre pouvoir d’achat baisse suite à la hausse du pétrole ? Vous vous sentez concerné par l’environnement ? Alors précipitez-vous sur le site MpgGenie, un simulateur qui vous permet de calculer et d’anticiper vos dépenses en carburant en fonction de votre voiture.

Le principe de cette application en ligne est simple : vous indiquez le contexte d’utilisation de votre véhicule, vous sélectionnez plusieurs modèles de voitures et il ne vous reste plus qu’à faire glisser le prix du carburant pour comparer les dépenses annuelles prévisionnelles :

Voilà une application tout à fait utile dans le cadre d’un processus de décision d’achat. Les constructeurs ayant une conscience “verte” auraient tout intérêt à mettre ce comparateur en évidence sur leur site.

(via RIApedia)