Grosse surprise en découvrant ce matin le classement Top Focus RH - Xiti des sites de recrutement où YouJob fait une entrée fracassante en 4ème position :
J’ai eu la chance de pouvoir travailler sur ce projet l’année dernière en récupérant une première version pour le moins… perfectible (les premiers membres inscrits doivent se souvenir d’un site très laborieux).
Toujours est-il qu’un important travail de simplification et de redesign a été réalisé pour aboutir à la nouvelle version :
Il reste encore beaucoup à faire sur ce service qui va petit à petit se développer et s’enrichir mais cette nouvelle charte graphique / ergonomique est tout à fait convaincante. Donc un grand bravo à l’équipe et aux personnes ayant travaillé dessus (j’espère ne pas vous avoir trop cassé les pieds avec mes histoires d’utilisabilité ;-))
Si j’ai le courage (et l’accord de l’éditeur) je rédigerais bien un cas d’étude sur ce projet car il représentait un sacré chalenge ergonomique et fonctionnel… peut-être pour la prochaine Journée Mondiale de l’Utilisabilité qui sera très certainement consacrée aux interfaces riches.
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 ?
Je vous propose ce soir un petit jeu avec la vidéo suivante. Pensez-vous être capable de compter le nombre exact de passes réalisées par l’équipe en blanc ?
Visionnez cette vidéo jusqu’au bout et lisez la suite du billet.
C’est étrange de constater comme les habitudes ont la vie dure… Prenez par exemple les boutons ‘Reset‘ sur les formulaires : Je ne sais pas qui a eu cette idée folle, mais elle est incroyablement tenace.
J’ai déjà eu de nombreuses discussion à ce sujet, mais je profite du dernier édito de Jaokb Nielsen (Top-10 Application-Design Mistakes) pour vous le redire : Ne mettez pas de bouton ‘Reset‘ dans vos formulaires.
Qui a envie de supprimer toutes les données saisies d’un coup ? Qui va s’offusquer de ne pas se voir proposer cette fonction ? Quelle est l’intérêt pour vous ?
Donc une dernière fois : Ne mettez pas de bouton ‘Reset‘ dans vos formulaires.
Et ça sera mon dernier mot ! A vrai dire, je n’ai plus la force d’argumenter sur ce point, je me demande si je ne devrais pas fermer les commentaires pour ce billet…
Les boutiques en ligne proposant un système de navigation alphabétique sont rares… très rares… trop rares. C’est pourtant un modèle de classement très utilisé (notamment sur les sommaires de magasines papier) que tout le monde comprend et maîtrise.
Alors que certains comme Pixamania propose timidement un classement alphabétique par marques, d’autres comme OfficeMax ont osé remplacer leur menu de navigation principal par un index :
Cet index, secondé d’un moteur de recherche, se révèle être un choix visionnaire et parfaitement efficace. D’ailleurs les équipes du blog Get Elastic ne s’y trompent pas : OfficeMax Reinvents Navigation.
Plutôt de s’engluer dans une classification complexe de catégories et sous-catégories, l’index propose un mode d’accès parfaitement lisible aux internautes. Par contre la contre-partie est que ce choix limite fortement les têtes de gondoles des pages de catégories et de sous-catégories. Est-ce un mal ? Je ne saurais le dire sans une étude approfondie.
En tout cas je ne peux que saluer le travail des équipes d’OfficeMax et j’invite Patricia à rajouter une nouvelle fiche à son livre sur les modèles de navigation.
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) :
Je vous propose de découvrir un concept qui me tient à cœur : la simplexité (contraction de simplicité et complexité). Pour faire simple, la simplexité est un art qui consiste non pas à simplifier un produit complexe, mais plutôt à rendre à priori simple un produit qui ne peut pas être simplifié sous peine de ne pas remplir sa fonction.
La première fois que j’ai entendu parler de ce terme c’était chez Renault où un réel effort est déployé pour améliorer le confort d’utilisation et la lisibilité des tableaux de bord (SVP pas de troll dans les commentaires). Mais cette notion s’applique à de multiples domaines comme le design (exemple ici : Quand les constructeurs de l’EGP misent sur le design), l’art (notamment avec des artistes comme Constantin Brâncuşi) ou encore le managment (Manager soyez dans l’art de la simplexité).
C’est d’ailleurs de ce dernier article que je tire une première définition : “Art qui consiste à rendre simple les choses compliquées et à vulgariser le monde dans le but de le mettre à la portée de tous“.
Appliquée à la conception d’interfaces web, qu’est-ce que ça pourrait bien donner ? Voilà ce que je vous propose : “Une interface à la simplicité apparente pour un service à la complexité induite“.
Illustration avec Gmail et son interface de rédaction d’un email : les options sont nombreuses (car c’est comme ça que les systèmes de messagerie fonctionnent) mais les équipes de Google ont trouvé l’astuce en masquant un maximum de choses.
Regardez bien cette copie d’écran, à gauche la version initiale (à l’ouverture de la page) et à droite la version complète (avec toutes les options déployées) :
L’impression de simplicité à l’ouverture de la page est réelle, par contre en cliquant sur différents liens on s’aperçoit que toutes les options sont bien là. Et voilà : simplicité apparent pour un service à la complexité induite.
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.
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 ?