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)
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 :
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 :
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…
C’est la panique ! Du moins c’était la panique puisque je viens enfin d’ouvrir les inscriptions pour la Journée Mondiale de l’Utilisabilité 2007 :
Inscription gratuite (cliquez sur le bouton ‘Register Now‘).
Rassurez-vous, le formulaire est très simple à remplir (nom, prénom, email) et ne répond qu’à un objectif sécuritaire (relatif aux manifestations de groupe dans le cadre du plan Vigipirate, qui est toujours en cours).
Dépêchez-vous car il n’y a que 150 places !
Normalement nous devrions avoir des goodies pour cette journée (stylos, t-shirts…) qui seront distribuées dans la matinée aux heureux inscrits.
Souvenez-vous, il y a quelques années (en 1998) sortait un livre intitulé “Web Navigation” qui décortiquait les quelques modèles de navigation de l’époque (6 types de site : shopping, community, entertainment, identity, learning et information).
Depuis il s’est passé presque 10 ans. Donc en théorie 10 x 6 ça doit faire 60.
Et le compte est bon puisque le livre dont je souhaite vous parler est construit autour de l’analyse de 60 modèles de navigation. Oui môssieur, 60 !
“Donne-moi ce que je veux !” est un livre unique puisqu’il est composé d’une série de fiches qui décortiquent différents modèles de navigation : horizontale, verticale, menu déroulant, double bandeau….
C’est donc au final un très gros travail de recherche réalisé par Patricia qui a souhaitée prolonger l’expérience en créant un site communautaire pour faire vivre et évoluer ces modèles de navigation : Navigation-web.com.
Je précise au passage que j’ai eu la lourde tâche de rédiger la préface de ce livre, de même que de me prêter au jeu de l’interview d’expert sur le modèle N°55 (fil d’Ariane ou breadcrumbs en anglais). L’auteur fait d’ailleurs référence sur cette fiche au menu très inspiré de Yahoo! Food (nom de code : crumbing menu) dont j’avais déjà parlé dans un précédent billet.
Je précise également que malgré de nombreuses tractations, il n’a pas été possible d’insérer le très bon exemple de iLike (cf. Peut-on se passer des menus de navigation ?).
Bon bref, un livre indispensable pour pouvoir y piocher de l’inspiration ou pour avoir une vue exhaustive de ce qui se fait en matière de systèmes de navigation.
Normalement Patricia sera présente à la Journée Mondiale de l’Utilisabilité, donc si vous venez n’oubliez pas votre exemplaire pour vous le faire dédicacer.
© 2001-2008 Frédéric CAVAZZA
| Ce site est sous licence Creative Commons
