Voilà près de 15 ans que le web est disponible auprès du grand public. En 15 ans il s’est passé beaucoup de choses, mais pas tant que ça finalement. Regardez par exemple des sites comme Amazon ou Ebay, sont-ils véritablement différents de ce qu’ils étaient il y a 15 ans ? Certes, il y a bien eu des refontes (cf. Amazon et Ebay changent ENFIN de sites web), mais la logique de navigation et la présentation des offres est quasiment la même. La mise en page de ces deux sites est en effet directement héritée de ce qu’était le web à ses débuts : un média essentiellement textuel. Il y avait bien évidemment des images et des tableaux, mais la façon dont sont structurés l’information et les contenus n’a pas eu à évoluer, tout simplement, car ça fonctionnait bien et que les internautes s’y sont habitués. La priorité des éditeurs de contenus, fournisseurs de service et marchands en ligne a depuis le début été d’enrichir le contenu : Toujours plus d’articles, de fonctionnalités et de produits.

Nous sommes maintenant en 2011 (bientôt 2012), et le point de saturation est atteint depuis longtemps, aussi bien en terme de volume de contenus que de nombre de fonctionnalités. Bizarrement, les utilisateurs avertis n’en veulent pas plus, mais moins, car moins de contenus = plus de facilité à trouver l’information et moins de fonctionnalité = plus de facilité d’utilisation. En d’autres termes : Lassés par une course à la quantité, une partie des internautes sont maintenant à la recherche de qualité, et ils sont prêts à changer de crèmerie pour cela.

C’est sur ce postulat de départ que j’ai pu observer la montée en puissance d’une nouvelle catégorie de startups qui misent avant tout sur l’expérience utilisateur pour se différencier et prendre des parts de marché à des mastodontes que l’on croyait inattaquables. Nous ne parlons pas ici de remplacer Google ou Amazon, mais de parvenir à séduire une infime portion des utilisateurs (0,1 %) qui suffiraient à rembourser les investissements et assurer la viabilité de l’opération. Là où les acteurs historiques se sont fait les champions de l’exhaustivité et de l’efficacité, ces nouveaux acteurs prônent avant tout la simplicité d’utilisation, la scénarisation des contenus et le plaisir d’usage.

Pour moi tout à commencé avec cet article publié sur le Smashing Magazine où m’auteur dénonçait le manque d’originalité dans la mise en page dans blogs : The Death of the Boring Blog Post. Puis nous avons vu arriver Cooliris, une technologies d’enrichissement d’affichage : Le web dans un écrin avec Cooliris. Perçu comme un gadget, voire comme une aberration ergonomique à son lancement, ce plugin a néanmoins su imposer sa vision : Cooliris, A Web Browsing For The 22nd Century.

Plus récemment, j’ai pu observer une vague de nouveaux services proposant une expérience beaucoup plus qualitative que les acteurs traditionnels, et ceux quel que soit l’activité :

• Qwiki, qui propose une interface de recherche révolutionnaire qui met une sacrée claque à Google (Qwiki inaugure l’avenir de la recherche sur terminaux alternatifs) ;

  

• Flipboard, une application iPad qui reformate les articles des autres et vous fait vite oublier votre Yahoo! News ;

  

• Discover, une autre application iPad qui donne un coup de jeune aux articles de Wikipedia ;

  

• Hipmunk, un moteur de recherche de billets d’avion à l’esthétique ultra-séduisante qui ringardise les Opodo et autres eBookers (Hipmunk, la nouvelle référence de la recherche de vol) ;

  

• Think Quarterly, la revue mensuelle de Google UK qui ridiculise les newsletters ;

  

• Yoyo, la toute nouvelle boutique en ligne d’Amazon qui apporte un grand bol d’air très frais au commerce en ligne ;

  

• BankSimple, un nouveau concept d’intermédiaire bancaire qui vous redonne envie de consulter vos comptes en ligne.

  

Recherche, information, tourisme, commerce en ligne, banque… tous les secteurs d’activité sont potentiellement concernés par cette « remise à niveau qualitative ». Certains des exemples cités précédemment sont des expérimentations lancés par les acteurs historiques eux-mêmes, mais d’autres sont des nouveaux entrants, voire de simples intermédiaires. Et c’est très certainement ça qui m’interpelle : Outre Amazon qui mène des expérimentations intéressantes, comment se fait-il que des acteurs aussi puissants que des banques ou des moteurs de recherche de billets d’avion soient incapables de se remettre en question et de proposer une expérience en ligne plus enrichissante ? Et je ne parle pas que d’Axa Banque dont l’interface de consultation de comptes n’a pas évolué depuis plus de 10 ans. 10 ANS !

En fait il n’est pas tant question de tout casser et de faire la révolution, mais plutôt de miser sur les deux tableaux en capitalisant d’une part sur une interface sobre et efficace qui génère 99,9% du business, et une ou plusieurs interfaces alternatives pour séduire les utilisateurs les plus exigeants ou les plus blasés. C’est notamment ce que cherche à faire des acteurs comme CNN qui a racheté Zite (un concurrent de Flipboard), ou encore Engadget qui propose Distro!, une application iPad de compilation et lecture de ses meilleurs articles.

Capitaliser sur l’existant pour augmenter les barrières à l’entrée et expérimenter une expérience plus qualitative, c’est exactement ce qu’essaye de faire Google avec son tout nouveau Product Search.

Si Amazon et Google sont passés à l’action, il est largement le temps que vous vous y mettiez également avant que des petits malins ne viennent grignoter vos parts de marché. La période est d’autant plus propice que la technologie évolue dans le bon sens (HTML5, 3D, tablettes…), à vous de saisir cette opportunité et de repenser l’expérience de vos contenus et services. Faites-vous plaisir, faites également plaisir à vos utilisateurs / lecteurs !

Oyé oyé braves gens, comme chaque année au mois de novembre aura lieu la Journée Mondiale de l’Utilisabilité : World Usability Day. Et comme chaque année (déjà la cinquième) j’organise une conférence sur Paris le 12 novembre prochain.

Cette année le commerce en ligne est à l’honneur puisque les interventions tourneront toutes autour de l’ergonomie adapté au e-commerce : Journée Mondiale de l’Utilisabilité 2009.

La FEVAD sera partenaire de cet évènement et nous recevra chez un hôte prestigieux (l’Institut Français de la Mode) dans un lieu non moins prestigieux : La Cité de la Mode et du Design.

Concernant le programme, les conférences se dérouleront le matin avec 5 interventions :

• Techniques de merchandising pour le commerce en ligne par Olivier Sauvage ;
• Améliorez votre taux de conversion par Raphaël Fétique ;
• Eye tracking, que regardent les internautes ? par Jeremie Eskenazi ;
• Utilisabilité et m-commerce (speaker à confirmer) ;
• Utilisabilité des interfaces d’administration par… moi !

Je suis ainsi particulièrement enthousiaste à l’idée de pouvoir aborder le sujet des interfaces d’administration qui sont bien (trop) souvent les parents pauvres d’un projet de développement de site (marchand ou non).

Comme toujours l’inscription est gratuite mais comme il n’y a qu’une centaine de place dans la salle, celles-ci sont en priorité réservées aux annonceurs (et notamment aux adhérents de la FEVAD). Mais rassurez-vous, les supports de présentation et les films des interventions seront disponibles comme pour les précédentes années.

Les inscriptions pour la quatrième édition de la Journée Mondiale de l’Utilisabilité sont enfin ouvertes : Inscription pour la Journée Mondiale de l’Utilisabilité 2008 à Paris.

Petits rappels : c’est une conférence gratuite qui se déroulera le 12 novembre 2008 à 18 H 30 dans le Business Center de Microsoft (148 rue de l’Université, 75007 PARIS) et qui aura pour thème « Utilisabilité et interfaces riches« .

Vous pouvez consulter le programme (quasi-finalisé) ici : Journée Mondiale de l’Utilisabilité 2008.

Si jamais le programme ou l’inscription ne sont pas disponibles (problème technique ou autre), réservez quand même cette date sur votre agenda car l’évènement aura lieu de toute façon.

Je suis encore en plein chantier car cette édition 2008 est également l’occasion pour moi de réactiver le site SimpleWeb.fr et de le transformer en un blog dédié à l’utilisabilité, l’expérience utilisateur, l’ergonomie…

Ce qui nous fait donc 7 blogs (cf. la liste en haut de page). Vous noterez au passage que je réhabilite la baseline qui a été affichée sur ce blog pendant plusieurs années (« Simplifions l’internet« ). Comme toujours ce nouveau blog a pour vocation d’être collectif, donc je suis à la recherche de co-rédacteurs. N’hésitez pas à m’envoyer un message pour en discuter.

Un concours a été récemment lancé sur Digg pour savoir quel est le pire site web jamais réalisé. Réponse : HavenWorks.

Il faut bien avouer que le look&feel de ce site est… inimitable : entre MilionDollarHomepage et Skyblog. J’en viens même à me demander si les auteurs de ce site ne revendiquent pas fièrement cette laideur… Et vous, pour qui voteriez-vous ?

(via Reaction)

… la preuve en image :

(via Stuff That Happens et Bits & Pieces)

Lorsque vous êtes sur un site web et que vous souhaitez revenir sur la page d’accueil, il y a 99% de chances pour que vous cliquiez instinctivement sur le logo en haut à gauche. C’est ce que l’on appelle une convention, c’est comme une hypothèse communément admise.

Oui mais voilà : où est-il expliqué qu’un clic sur le logo permet de revenir sur la page d’accueil ? Dans le meilleur des cas, vous avez un item de navigation intitulé ‘Accueil‘ (éventuellement un chemin de navigation) mais que se passe-t-il pour le 1% d’internautes pour qui cette règle du clic sur le logo n’est pas assimilée ?

Seriez-vous prêt à prendre le risque de perdre ou à mettre en situation de frustration 1% de vos visiteurs ?

Voilà pourquoi certains on décidé que l’affichage du logo avec un lien ne suffisait pas pour faire comprendre aux internautes qu’en cliquant dessus ils pouvaient revenir à la page d’accueil. Ils ont ainsi ajouté un retour visuel au survol de la souris pour faciliter la compréhension de cette règle de navigation tacite.

Exemple avec Amazon US (un filet avec un lien ‘Homepage‘) et Facebook (un picto de maison) :

Alors ? Qu’en pensez-vous : utile ou pas ?

Après quelques années de tyrannie artistique imposée par les poids lourds de l’audience que sont devenus les MySpace, Skyblogs et autres monstruosités ergonomiques, je constate un retour au minimalisme dans la mise en page des blogs.

Petite sélection avec Scripting News :

AntiBlog :

Design a Day :

Design for Service :

Garrett Dimon :

Certains pourraient dire que c’est la faute de Twitter et que bientôt nous adopterons un format bien plus minimaliste à l’image du mini-blog :

Je suis personnellement grandement admiratif de la mise en page de Scripting News (surtout le traitement des archives et de la pagination), même si ce blog est truffé de code javascript qui n’apporte pas grand chose. Et vous ?

Dans la série simple et efficace, le site Elzr a lancé un challenge intéressant à ces lecteurs : concevoir un calendrier au format carte de visite qui resterait parfaitement lisible : Infodesign challenge.

Certaines propositions sont surprenantes et d’autres carrément géniales :

Dans un tout autre registre, je suis tombé sur ce store vénitien qui simule une fenêtre et fait office de lampe : Bright Blind.

En fait ce sont les lamelles de ce store qui produisent de la lumière grâce à leur revêtement électroluminescent. Pour baisser l’intensité, il suffit de tourner le manche… comme avec une vraie fenêtre !

Comme tout internaute lambda vous devez forcément avoir été confronté un jour ou l’autre à un système de navigation page à page. Mais si enfin, ne serait-ce qu’en bas de page de résultats de Google :

Je vous propose dans ce contexte de découvrir un article très complet sur la navigation page à page : Pagination Gallery: Examples And Good Practices.

Voici les meilleures pratiques identifiées par l’auteur :

1. Proposer de larges zones cliquables ;
2. N’utilisez pas le soulignement des liens (recommandation à nuancer) ;
3. Identifier de façon évidente la page en cours de lecture ;
4. Espacer les liens ;
5. Fournir des liens ‘Suivant‘ et ‘Précédent‘ ;
6. Fournir des liens ‘Premier‘ et ‘Dernier‘ (si pertinent, c’est à dire en cas de très grosse pagination) ;
7. Positionnez les liens ‘Premier‘ et ‘Dernier‘ aux extrémité.

L’article est en prime illustré avec une galerie très complète de copies d’écrans. Mes deux préférés sont les paginations de Digg et de MSDN :

Et vous, quels sont vos exemples préférés ?

Je suis passé complètement à côté d’un nouveau service qui mérite réellement le détour : Songza. Il s’agit d’un moteur de recherche musicale qui propose une interface tout à fait remarquable :

La particularité de ce service est de proposer une interface transparente où toutes les fonctionnalités sont affichées en surimpression au clic ou au survol de la souris. Il en résulte une page extrêmement dépouillée et une liste de résultat des plus simples à lire.

J’avais déjà abordé ce principe avec un précédent billet parlant de l’information liquide, mais là ils vont un peu plus loin et se rapprochent des notions d’interfaces omniprésentes comme Jef Raskin le décrit dans son article sur les human interfaces. Vous noterez au passage que c’est le fils de Jef Raskin (Aza Raskin) qui est à l’origine de l’interface de Songza.

Aza Raskin qui est le président de Humanized, une société qui s’est spécialisée dans ce type d’interface et qui propose un produit très particulier : Enso.

Je trouve cette interface tout à fait intéressante par le côté dépouillée qu’elle propose. Pour information, les services concurrents de Songza (SkreemR, SeeqPod…) ne parviennent pas proposer une expérience utilisateur aussi… « paisible ». (via TechCrunch et ses commentaires)