Snap 2.0

Après Yahoo!, c’est au tour de Snap vient de lancer une nouvelle version de sa page d’accueil… et du reste de son site : Snap.com, et le résultat est très intéressant.

Commençons par la page d’accueil :

SnapHP

 

D’une simplicité à toute épreuve, elle propose néanmoins un système de saisie prédictive (à la Google Suggest) ainsi que la possibilité d’afficher ou de masquer les dernières nouvelles du jour (lien Show top News Headlines).

Nous avons ensuite une page de résultats particulièrement réussie :

SnapResults

 

On retrouve sur cette page :

  • une structuration assez particulière avec les résultats listés à gauche sous forme de liste infinie (sur le principe du Live Grid) ;
  • la possibilité de parcourir la liste des résultats avec les flèches du clavier (comme sur le Google Reader) ;
  • des captures d’écran comme sur A9 ;
  • différentes tailles d’affichage des vignettes comme sur Windows Live

Vous l’aurez compris, Snap nous a réalisé un pot-pourri des meilleures pratiques du secteur de la recherche et le résultat est plutôt bon avec une ergonomie et une expérience de recherche différenciante. D’ailleurs ils en parlent très bien : Why Snap is Better.

Un site pour deux expériences utilisateur différentes

C’est ce week-end que le géant eBay a lancé un concept très intéressant : eBay Express.

eBayExpress

 

Le principe est le suivant : les produits sont les mêmes que sur eBay, par contre l’expérience utilisateur est radicalement différente : là où certains utilisateurs peuvent se sentir un peu perdus dans ce bordel organisé qu’est devenu le célèbre site d’enchères (et il y en a sûrement beaucoup), ce site propose une approche complètement différente avec une logique de présentation et de structuration beaucoup plus proche d’une boutique en ligne.

Vous remarquerez ainsi :

  • les visuels humains ;
  • le panier d’achat ;
  • le processus d’achat ;
  • la navigation au sein des catégories ;
  • les pages produits…

Une très belle démonstration de la manière dont l’interface peut véhiculer une expérience totalement différente tout en exploitant la même base de produits.

Notons que cette réalisation est à créditer au célèbre Luke Wroblewski, qui travaille maintenant chez Yahoo!.

Notons également la motion preview, tellement plus chic que le désormais très banal beta.

La règle de l’élasticité s’applique-t-elle au design des sites web ?

L’élasticité est un terme issu du marketing qui désigne l’influence du prix d’un produit sur son attractivité. En d’autres termes : pour certains secteurs (luxe…) plus un produit est cher et mieux il se vend alors que pour d’autres secteurs (biens de commodité…) plus un produit est cher et moins il se vend.

Deux récents articles publiés sur les blogs UIE Bain Sparks (Is Ugly the new Black?) et Whitespace (Ugly Design Getting Too Much Credit) m’amène à la réflexion suivante : est-ce qu’il existe une notion similaire d’élasticité pour les sites web ? En d’autres termes, est-ce que plus un site est moche et mieux il marche ?

Bien évidemment ça n’est pas si simple. Il existe cependant des exemples flagrants de sites pour lesquels un design rudimentaire fonctionne très bien voir mieux :

  • Craigslist, le célèbre service de petites annonces locales qui propose un design plus que spartiate ;
  • MySpace, récemment racheté par Ruppert Murdoch pour 580 millions de dollars ;
  • Les blogs avec toutes ces mises en pages qui se ressemblent et surtout toutes ces fautes d’orthographes (bon OK, sur ce point je ne le ramène pas…).

Etrange vous ne trouvez pas ? Pour ces trois exemples, un design simpliste (à la limite de l’amateurisme) n’est pas rédhibitoire. Pire, il participerait à la valeur perçue et au capital confiance d’un site. Par exemple, les fameuses fautes d’orthographe des bloggeurs qui attestent de l’authenticité de l’auteur et qui favorisent son humanisation et l’empathie des lecteurs.

Bon, inutile de spéculer, ce n’est pas parce que vous allez faire des fautes d’orthographes sur votre boutique en ligne hideuse que vos ventes vont décoller. Il n’existe qu’une minorité de sites web (les blogs et les sites de petites annonces en font partie) pour lesquels le côté moche (et / ou amateur) peut être assimilé à un facteur-clé de succès.

Et vous ? C’est quoi vos exemples de sites moches mais qui fonctionnent ? (hormis CDiscount)

Une belle illustration de cinématique adaptée à la découverte d’un produit

SAAB vient de mettre en ligne un mini-site très intéressant pour son nouveau concept car : SAAB AeroX.

Le mini-site de l'AeroX

Autant vous prévenir tout de suite :

  • c’est très long à charger ;
  • le site n’est pas accessible et donc très mal référencé ;
  • il est quasi-inutilisable par les personnes du troisième âge ;
  • il n’est très certainement pas compatible avec IE 4 sous Mac OS 8 ;
  • vous aurez sûrement beaucoup de mal à lire le contenu sur votre écran de 11′ avec un gros reflet dessus.

Bon, ça c’est fait.

Concentrons-nous maintenant sur les aspects novateurs de ce site, à savoir son système de navigation. La métaphore utilisée est celle de la cinématique où l’utilisateur va découvrir au fur et à mesure les différentes caractéristiques de ce véhicule en tournant autour.

La prise en main de ce système de navigation est un peu particulière (il faut faire glisser le curseur le long de l’axe en bas de l’écran) mais une fois passé la petite phase de préhension, la cinématique est grandiose. L’effet de caméra est très spectaculaire, les petites zones réactives sont bien mises en valeur et les panneaux qui s’affichent au clic de la souris lancent des vidéos en quasi-plein écran.

Bref, c’est spectaculaire, très design et ça en met plein les yeux sans faire aucun compromis. Un mini site en parfaite cohérence avec le positionnement du produit.

Les 4 P du blog marketing

Blog marketing… oui je sais ça sonne bizarrement dans votre oreille mais il n’empêche que l’article publié par Steve Rubel sur le sujet est très pertinent : The Four P’s of Blog Marketing.

L’auteur a ainsi identifié les quatre composantes essentielles d’un (bon) blog :

  • Passion, où il convient de se trouver un ou deux sujets de prédilection qui vous passionne ;
  • Puposfull, qui peut se traduire par ciblé (sur un sujet, une audience) ;
  • Present, où il faut savoir parler de sujets de l’actualité présente ;
  • Positional, où l’auteur recommande de prendre position et de s’y tenir.

Alors, c’est quoi votre prise de position du moment qui vous passionne ? (via Michel Leblanc)