Appréciez-vous les systèmes de navigation par index ?

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 :

OfficeMax

 

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.

Retour à la page d’accueil : le logo suffit-il ?

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) :

Retour_Accueil.jpg

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

Connaissez-vous la simplexité ?

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) :

Gmail1

Gmail2

 

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 ?

Est-ce la mode des blogs minimalistes ?

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 :

ScrpitingNews

 

AntiBlog :

AntiBlog

 

Design a Day :

DesignAday

 

Design for Service :

DesignForService

 

Garrett Dimon :

GarretDimon

 

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 :

MiniBlog.jpg

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 ?

Vive les listes de résultats instructives

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é :

  1. Vous choisissez un film
  2. Vous saisissez un code postal
  3. La liste de résultat affiche les différents cinémas avec les horaires des séances
  4. Lorsque que vous sélectionnez un autre jour, c’est tous les horaires qui sont rafraichis

 

RechercheAllocine

Vous noterez que Google propose quelque chose d’équivalent (uniquement aux US et sans pouvoir changer le jour de la semaine) :

GoogleCinema

 

 

 

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…) :

GoogFlightDelay

 

Connaissez-vous d’autres exemples ?