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) :
Alors ? Qu’en pensez-vous : utile ou pas ?
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.
Et vous, ça vous inspire quoi ?
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 :
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 ?
J’adore les pages de résultats qui fournissent directement la réponse dans la liste sans avoir besoin de cliquer. Démonstration avec Allociné :
Vous noterez que Google propose quelque chose d’équivalent (uniquement aux US et sans pouvoir changer le jour de la semaine) :
Dans le même style, Google propose également des informations très précieuses sur les vols d’avion (horaires de départ e d’arrivé, retard…) :
Connaissez-vous d’autres exemples ?
Je vous propose de lire ce matin ce très intéressant billet sur l’optimisation ergonomique des boutiques en ligne: Ecommerce Usability Study Shows Etailers Can Improve. Il y est question d’une étude réalisée par Future Now sur près de 300 boutiques en ligne. Ces boutiques ont été évaluées à l’aide d’une grille d’analyse comprenant 69 critères qui a permis d’établir un score et un classement :
Vous remarquerez que les boutiques les mieux notées ne sont pas forcément les plus belles (tout ça me rappelle un précédent billet sur cette affreuse boutique avec un taux de conversion incroyable). On y apprend dans cette étude que la moyenne est de 49 %, ce qui laisse quand même de gros progrès à faire.
La catégorie la moins bien notée est celui de la mode :
Très intéressant tout ça. Et comme je sens que vous êtes en forme je vous propose deux autres liens très intéressants :
Je vous propose de participer à une enquête très intéressante qui ne vous prendra pas plus de 30 secondes : Interface Research. Cette porte sur une dizaine de questions qui présente deux versions d’une interface et vous demande de choisir celle qui vous plait le plus. Exemple avec l’emplacement du bouton ‘Valider‘ dans un formulaire :
Une fois l’enquête complétée, vous pouvez voir le consensus des participants sur les questions précédemment posée et les résultats sont surprenants notamment sur des questions suggestives (choix de couleur…).
(via GrokDotCom)
