Une des règles de base de l’utilisabilité est de toujours veiller à ne pas surcharger un écran, ou plutôt de s’efforcer de supprimer tout ce qui n’est pas indispensable et qui peut distraire l’attention. Noble cause, mais qui peut parfois se révéler être une vrai profession de foie.

Illustration avec cette page d’accueil expérimentale pour Google :

Donc comme vous pouvez le constater, sur cette page il n’y a plus rien si ce n’est le logo et le champ de saisie, même pas un bouton pour lancer la recherche : Google’s Experimental Homepage Fades To A Single Word. L’astuce est de ne faire apparaitre le reste qu’après quelques secondes pour être sûr de bien concentrer l’attention sur l’élément le plus important : le champ.

Plutôt extrême comme expérimentation, d’autant plus que la page d’accueil de Google n’était pas la plus chargée. L’expérimentation se poursuit visiblement avec des variantes comme par exemple une version où est mentionnée la phrase “This space intentionally left blank” : Google Tests a Clutter-Free Homepage.

Dans le même genre il y a aussi Goosh, une interface textuelle façon Unix :

Un bel exemple d’épuration graphique qui va plus loin que YubNub mais qui aurait gagné à être encore plus épuré.

Toujours dans la série interfaces façon lignes de commande, je vous propose WriteRoom, un traitement de texte au look & fell très “roots“ :

La particularité de ce logiciel est de proposer un mode plein écran qui isole complètement l’utilisateur du système et donc de ses distractions potentielles. Bon par contre c’est un peu austère…

Terminons avec le remarquable Ommwriter, un traitement de texte qui propose la même approche mais nettement plus raffinée avec un fond d’écran très reposant et différentes ambiances sonores :

Le sentiment d’immersion est tout à fait remarquable et les fonctions ne sont jamais très loin puisqu’en bougeant la souris vous faite apparaitre une série d’icônes :

Autant je suis très sceptique vis à vis de WriteRoom, autant l’expérience utilisateur de ce Ommwriter est tout à fait convaincante car extrêmement aboutie : Ommwriter, écrire en toute sérénité. Notez qu’il existe des applications spécialement dédiées pour isoler l’application ouverte comme Think ou Backdrop.

Plein de bonnes idées / intentions… mais qu’il n’est pas forcément bon d’utiliser pour un site web. Je fais notamment référence à ces insupportables sites qui s’ouvrent dans une pop-up qui force l’affichage en plein écran, une horreur pour ceux qui utilisent des écrans à grandes résolution (HD ou Full HD). Bref, jusqu’où peut-on aller dans la recherche de l’épuration ? (d’où le titre du billet)

MàJ (30/11/2009) > Voici une méthode pour tester une autre version de la page de recherche de Google : Check the Redesigned Google (With Always-Visible Sidebar) Yourself.

Vous noterez le travail fait sur les boutons et les liens en bas de page.

C’est le 12 novembre dernier que c’est tenu la cinquième édition de la Journée Mondiale de l’Utilisabilité à Paris. Une soixantaine de personnes avaient ainsi fait le déplacement pour découvrir les techniques et tendances de l’utilisabilité appliquées au commerce en ligne.

Je vous propose donc de découvrir l’intégralité des supports et des vidéos de cette matinée sur cette page : Journée Mondiale de l’Utilisabilité 2009.

Encore un grand merci aux intervenants (Olivier, Raphaël, Jérémie, Vincent et Romain) et aux partenaires de cet évènement (Bertrand et Lucas).

Je vous donne rendez-vous l’année prochaine. La date sera la même, reste à choisir le thème (vos suggestions sont les bienvenues).

Je ne sais pas pour vous, mais j’ai comme l’impression que les sites à défilement horizontal sont à la mode en ce moment : 40 of the Best Horizontal Scrolling Websites et 38 Websites Using Horizontal Scrolling. Déjà l’année dernière le précurseur Smashing Magazing avait soulevé la question : Will Horizontal Layouts Return?.

Bon, autant le dire tout de suite sans faire durer le suspens : le défilement horizontal est une aberration d’un point de vue ergonomique, mais elle peut s’avérer utile d’un point de vue artistique. Autrement dit : ça peut aider si vous éditez un site expérimental à vocation artistique.

Illustration avec le portfolio du designer suédois Eric Johansson :

Ici le défilement se fait à l’aide d’une… barre de défilement horizontale (vous vous en doutiez) et le rendu graphique est plutôt sympa. Ceci n’est pas gênant dans la mesure où il n’y a que très peu de contenu sur ce site et que l’auteur souhaite se démarquer.

Autre exemple expérimental avec Google Fast Flip :

J’imagine que l’idée était de reproduire la dynamique des lectures des journaux avec un défilement latérale des pages… c’est raté. Je préfère encore largement les applications de catalogues électroniques (avec les pages qui tournent) comme FluidBook.

Autre exemple plus embêtant avec le site de Lomotek Polymers :

Là c’est tout de suite beaucoup plus dommageable parce qu’il y a du contenu et parce que l’encrage de la barre de navigation par dessus le contenu qui défile provoque une drôle de sensation. Bref, rien de tel pour déstabiliser vos lecteurs…

Terminons avec le pire exemple, celui de Gucci :

Là nous sommes dans le grand n’importe quoi avec une navigation très compliquée à manipuler et à repérer (il faut cliquer sur les petites flèches). Non seulement cela perturbe l’internaute mais en plus ça n’apporte rien à l’image de marque ou au positionnement des produits (les marques de luxe doivent-elles se démarquer à ce point ?).

Au final, je ne voit qu’un intérêt artistique à ce système de défilement, et encore. Le meilleur exemple que je puisse vous donner est celui du site MoCo Loco où il est possible de basculer d’un défilement horizontal à vertical et qui propose une navigation par clavier :

J’espère vous avoir convaincu de ne pas utiliser cette technique.

Plus que 2 jours avant la cinquième édition de la Journée Mondiale de l’Utilisabilité à Paris (le jeudi 12 novembre de 9 H à 12 H). Cette année nous avons opté pour un format “matinée” avec comme thématique centrale le commerce en ligne : Journée Mondiale de l’Utilisabilité 2009 – Ergonomie et e-commerce.

Il n’est pas trop tard pour vous inscrire car il reste encore quelques places (même si elles sont réservées aux annonceurs). Mais rassurez-vous, les supports et vidéos des interventions seront publiées sur ce blog dans les jours qui vont suivre cette manifestation.

Je vous rappelle le programme :

• Introduction par Bertrand Pineau (FEVAD) ;
• Techniques de merchandising pour le commerce en ligne par Olivier Sauvage (Capitaine-commerce.com) ;
• Améliorez votre taux de conversion par Raphaël Fétique (Converteo) ;
• Eye tracking, que regardent les internautes ? par Jeremie Eskenazi (Miratech) ;
• Utilisabilité et m-commerce par Vincent Frattaroli et Romain Landsberg (Backelite) ;
• Utilisabilité des interfaces d’administration par Frédéric Cavazza (FredCavazza.net et RichCommerce.fr).

Ainsi que l’adresse : INSTITUT FRANÇAIS DE LA MODE, 36 Quai d’Austerlitz, Paris 13 (Métro : Austerlitz, Bus : ligne 89).

L’accueil va se faire à partir de 8H45 et la conférence démarrera à 9H00, soyez à l’heure !

C’est avec plaisir que l’association Utilisabilité Québec vous invite le 12 novembre prochain, de 18h00 à 20h30, à une série de conférences portant principalement sur la thématique de «l’utilisabilité pour un monde durable».

Nous aurons la chance de recevoir, notamment:

• Sandrine Prom Tep, Chaire de commerce électronique RBC Groupe Financier & Julie Saulnier, Bell : «L’évaluation de la qualité d’un site Web en combinant la poursuite oculaire, la réponse physiologique et l’expression spontanée des émotions ressenties»
• Jean-Yves Fiset, Système Humains-Machines inc. et chargé de cours à l’École Polytechnique de Montréal : «Utilisabilité et Développement durable : un mariage de convenance? »
• Jean-François Boisvert, Desjardins Groupe d’assurances générales : «Les bénéfices reliés a l’utilisation de “UI Frameworks”»
• Yannick Roy, Yu Centrik: «Résultats préliminaires d’une étude mondiale sur l’adaptabilité des sites internationaux aux contextes locaux, étude réalisée par les membres de UX Alliance »

De plus, l’Alliance Numérique viendra nous présenter son récent document intitulé «Le guide des meilleures pratiques Web» où l’ergonomie est positionnée en amont du processus de conception.

Un cocktail et un léger goûter vous seront offerts pour l’occasion par nos partenaires Bell (Montréal) et le Cégep de Ste-Foy (Québec).

À Montréal, Québec et Luxembourg. La conférence se tiendra au CRIM de Montréal et sera diffusée en simultané dans les locaux du Cégep de Ste-Foy à Québec. Un clin d’oeil sera fait à la FLUPA, le chapitre franco-luxembourgeois d’UPA.

Gratuit et accessible à tous – Places limitées

S.V.P., hâtez-vous de confirmer votre présence : info[a]utilisabilitequebec.org

Source : Utilisabilité Québec