FredCavazza.net

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.

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)

Visiblement eBay serait en train de tester une nouvelle version de son formulaire d’inscription (sur un principe de tests A/B). S’ils pensaient faire ça de manière discrète c’est raté puisque Garrett Dimon nous propose une analyse détaillée de cette refonte : Better Web Forms: Redesigning eBay’s Registration.

C’est au niveau de la mise en page que le plus gros du travail a été réalisé :

Vous noterez sur ces deux images que les intitulés des champs ont été alignés à droite et que des lignes de séparation horizontales servent à faire des regroupements logiques. Il y a également eu un travail de fait sur le texte d’introduction ainsi que les intitulés de section.

Bien évidement cette nouvelle version est meilleure que la précédente dans la mesure où elle améliore la lisibilité et le guidage mais elle apporte également du confort grâce notamment à l’usage d’Ajax pour faire de la validation en sein de la page.

Je me demande bien quand cette version sera implémentée sur le site français…