Imaginez-vous devoir consulter régulièrement votre livre de référence, « la Bible du HTML » par exemple, sans sommaire ou table de matières. Vous vous retrouvez alors à feuilleter à chaque fois tout le contenu de votre livre à la recherche de ce que vous souhaitez. Quelle perte de temps!
C’est cette mauvaise expérience utilisateur que certains blogs font subir à tout nouveau visiteur. L’internaute découvre le blog pour la première fois, les sujets abordés l’intéressent et il veut du coup consulter les articles déjà publiés. Il doit alors scanner chaque page en se tapant tout le contenu de chaque article (une taille d’écran parfois) en jouant de sa souris, scroll, page suivante, scroll, page suivante, scroll, clic avril 2007, scroll, page suivante, scroll, page suivante, clic mars 2007, scroll, page suivante, scroll,… à la recherche de titres qui pourraient attirer son attention. C’est fastidieux et fatigant pour un blog qui référence, par exemple, une dizaine d’articles par semaine. L’internaute se lasse et abandonne sa recherche.

Les internautes n’ont ni le temps ni l’envie de parcourir tout le contenu de votre site. La page Archives comme une table des matières doit leur faciliter la recherche et le repérage d’informations.

Les plate-formes de blogs comme WordPress proposent des tags et des plugins à installer (SRG Clean Archives, Super Archives Plugin) pour construire une page Archives complète: liste des titres des articles (d’où l’importance de les soigner) avec mois, jour de publication et nombre de commentaires, catégories, nuages de tags, etc.
Il ne faut pas hésiter à fabriquer cette page avec le plus d’informations pour un repérage rapide (scan) et exhaustif de tous les articles.
Inspirez-vous des pages Archives des sites FredCavazza.net, SimpleEntrepreneur.com, LukeW.com et GeniantSandBox.com par exemple, mixez tout ça et construisez votre table de matières, votre index de mots-clés et de catégories.
En bref, réinvestissez les éléments qui font (entre autres) l’utilisabilité du bon vieux livre.

Plusieurs avantages à cela: sorte de « plan de site » pour les moteurs de recherche, utilisabilité et accessibilité.

Après tout cela, pour vos heureux visiteurs, un simple scroll dans la page Archives devrait suffire… ;-)

1 – Dites-moi où je suis

Les titres, sous-titres (si nécessaire) et le fil d’Ariane (i.e. Accueil > Catégorie > Sous-catégorie > Produit) doivent pouvoir permettre à l’utilisateur de se repérer dans l’arborescence du site.

2 – Laissez-moi supprimer mes options de limitation

Plutôt que d’obliger l’utilisateur à utiliser le bouton « précédent », il faut lui permettre de supprimer les sélections de navigation quand il navigue à l’intérieur d’une catégorie.

3 – Laissez-moi trier comme je veux

Les standards sont « Par prix – du moins cher au plus cher, » « Par prix – du plus cher au moins cher, » « Par popularité, » alias « Meilleures ventes, » « Avis des consommateurs », « Nouveautés » ou « Plus récents » etc.

4 – Montrez-moi les produits

C’est la moindre des choses que d’offrir la possibilité à l’utilisateur de voir chaque produit sur une page. Avec l’ADSL, l’argument du temps de chargement ne tient plus.

5 – Affiner les options rend les gens heureux

L’expérience utilisateur n’en est que meilleure.

6 – Plus vous êtes spécifique, mieux c’est

Il y a une différence entre affiner sa navigation dans une section et naviguer vers une sous-catégorie. C’est une sage décision que de proposer cette dernière option quand c’est pertinent.

7 – Dites-moi combien ça va me coûter ou combien je vais économiser

Notamment pour les sites de discount.

8 – Laissez la barre de recherche à portée de clic

Ne vous contentez pas de montrer la recherche et ses résultats. Centrez la barre de recherche, tout en laissant la requête de l’utilisateur dans la boîte pour permettre des modifications éventuelles.

9 – Je veux des options de recherche avancée

Selon le prix, les options, la couleur, la taille, le modèle, etc. Sachez que les utilisateurs considèrent que l’aspect le plus frustrant des sites e-commerce est précisément la « recherche. »

10 – Soyez le plus précis possible, tout en restant pertinent

eBay par exemple a fait du bon boulot en montrant quelles requêtes auraient engendré des résultats.

11 – Partagez l’information cruciale « convient pour… »

Je ne saurais vous dire combien de sites qui vendaient des sacoches pour portables j’ai dû consulter avant d’en trouver un qui précisait pour quelles tailles de portable elles convenaient.

12 – Dites-moi si vous l’avez en rayon

Il y a encore des sites qui vous laissent ajouter des produits à votre panier avant de vous révéler l’affreuse vérité: l’objet que vous convoitiez est en rupture de stock. Le genre d’expérience qui vous refroidit à jamais.

13 – Il n’y a jamais trop de photos

Ou même les interfaces 3D quand c’est approprié: c’est inestimable pour rendre l’expérience plus réelle. En aucun cas, une seule photo ne peut faire l’affaire.

14 – Je veux voir les options de livraison

Certains utilisateurs ont besoin de les connaître avant même de commencer à naviguer. Il faut mettre le lien en évidence à tout moment dans la navigation.

15 – Si vous ne voulez pas me l’envoyer, dites-moi qui peut le faire

Si une marque refuse de m’expédier un article cher, elle doit me dire par un lien quel partenaire peut le faire.

16 – Envoyez-moi un email pour me rassurer

Une confirmation par email est nécessaire pour ne pas laisser les clients dans le vague, et accessoirement pour éviter d’inonder le service après-vente de mails et d’appels.

17 – Donnez tous les détails de la commande le plus tôt possible

Pour rassurer le consommateur, incluez tous les détails de la commande dans le mail de confirmation. En cas d’erreur, elle doit pouvoir être repérée bien avant l’arrivée du colis.

Il déplore que beaucoup de designers—lui y compris—ont une approche des projets qui n’inclue que l’architecture informationnelle, le design d’information, le design d’interaction, et le design visuel. Ces disciplines étant fondamentalement différentes de celles utilisées par ceux qui créent des narrations linéaires continues (au cinéma, à la télévision, et même dans la musique). Or de nouvelles applications vont rendre les éléments narratifs comme le timing, l’allure, et le rythme de plus en plus importants, et vont permettre de faire passer les utilisateurs de la simple compréhension à l’implication, et au final, à l’immersion dans les produits et services digitaux.

Tout l’article porte sur le concept de pause, qui fait défaut dans la plupart des designs d’interface. Il n’y a rien de moins naturel qu’un système qui ne se repose jamais entre deux activités. De même, à un moment ou à un autre, les utilisateurs ont besoin de souffler. D’ailleurs, dans la plupart, sinon toutes, les formes de communication humaine, nous utilisons des pauses pour indiquer que l’on passe d’un état à un autre. Dans l’écriture, ce sont les paragraphes. Dans le design graphique, ce sont les blancs. A l’oral, ce sont les silences. Et en matière de design d’interface, on utilise les transitions animées.

Je n’ai retenu que l’exemple parlant de l’interface collaborative Basecamp, car je l’utilise tous les jours. Quand un utilisateur poste un nouveau message, un cadre jaune met en valeur le texte du message, puis se dissipe rapidement. On a donc une transition qui marque le passage de l’écran de saisie où il a posté son message au message board lui-même. A pomdoo, on apprécie beaucoup cette délicate attention, à la fois reposante et porteuse de sens.

En bref, quand elle est utilisée de manière appropriée, une transition animée peut donc susciter l’anticipation, et faire le ménage dans le fouillis qui se dispute l’attention de l’utilisateur, ce qui lui permet de se concentrer plus efficacement sur ce qui va suivre. Elle contribue à la fluidité et au rythme de l’expérience utilisateur.

L’expérience utilisateur est une mesure unique, qui n’est pas liée à une mesure de trafic. Qui dit plus de pages vues ne dit pas forcément meilleure expérience utilisateur ni plus de satisfaction des utilisateurs.
Jesper conclut donc son article en préconisant de viser la meilleure expérience utilisateur possible, la meilleure satisfaction possible, sans s’occuper des autres paramètres.
En un mot, quantité ne rime pas toujours avec qualité.