davidtouvet.com/blog

Des bons conseils provenant une nouvelle fois de plus de l’excellent blog de fredcavazza qui propose cette fois six conseils pour bien réussir ses tests utilisateurs issus de l’article “Six Steps to Ensure a Successful Usability Test“:

* Commencez tôt, plus un problème est détecté en amont, moins le coût de correction est élevé ;
* Concentrez-vous sur des problèmes qui existent réellement, inutile de chercher la petite bête là où il n’y en a pas ;
* Concevez des scénarios de tests centrés sur les fonctionnalités critiques ;
* Trouvez des participants qui sont réellement représentatif de la population-cible ;
* Écoutez et observez attentivement ;
* Ne jetez pas la pierre sur les concepteurs et les développeurs, les tests-utilisateurs ne sont pas un jeu de massacre mais une démarche constructive qui vise à améliorer la qualité globale d’un service en ligne, pas à trouver des responsables.

Source

Via gou blog, une typologie des huit types de pages de navigation dressée par Jared Spool par ordre d’importance:

• Content Pages: The most important page on your site, assuming it contains the content the user seeks at that moment. Also known to contain lateral navigation, allowing users to jump from content page to content page to gather more information to support their activity.
• Galleries: A listing of links to content pages, this page is the most critical “link in the chain” of pages. Most navigation failures we see are due to poorly-designed gallery pages. Users want to decide on the content page from within the gallery, to eliminate pogosticking.
• Departments: Sites that have too many links for a single gallery need to have a Department page, which lists all the galleries. While you’d think these would work the same as galleries, users somehow understand that a list of galleries is different from a list of content pages and use these pages more for winnowing their selection down.
• Stores: Really large sites (such as those with more than 50,000 content pages) find that they need multiple departments. If they have enough departments, they’ll need multiple pages to describe them–we call those store pages. News sites, for example, often have store pages (such as US, World, Business, Sports, and Weather). Stores are segmented content areas that users rarely bounce between, therefore requiring everything that user needs in one location.
• Gallery-level Search Results: The most common of search result pages, the Gallery-Level Search Results page are similar to plain-old galleries, except they contain the search engine generated results. This means they don’t benefit from the handcrafted selection process of real galleries, but instead are computer-generated and, therefore, have a harder time presenting the necessary information for choosing.
• Department-level Search Results: On really large sites, it’s not uncommon for the search engine to try to divide the results into departments, creating what we call Department-level Search Results. These results are presented to assist in the winnowing process.
• Search Entry Page: The page where the user enters their search query. (Sometimes it’s a standalone page, but frequently it’s just a section of a larger page, such as a gallery or a department.)
• Home Page (Landing pages): The least important page on the site (unless it contains the user’s content), the home page (which, in this day of Google & Yahoo is often a landing page and not the top-level URL page) is tasked with orienting users in the right direction–sort of a Munchkinland at the start of the yellow-brick road. Depending on the size of the site, it’s like the home page will also be a content, gallery, department, or store page.

Scott Leslie part d’une citation d’un article de Glenda Morgan: “Recasting the Concept of Podcasting: Part I” pour exprimer ses doutes quant à l’utilisabilité des podcasts:

According to a recent consumer survey conducted by Bridge Data, the relevance of portability to podcast usage has been vastly overstated. In fact, more 80% of podcast downloads never make it to a portable player or another device - they are consumed on the PC (or, worse, never listened or deleted).

Source

En gros, la majorité des podcasts ne seraient jamais transférés sur un lecteur portable ni même écoutés. Pour Leslie, la raison est simple: les podcasts ne font que répliquer un modèle de distribution de l’information:

What has really annoyed me, though, about podcasts as a phenomenom and as hype, especially in the context of podcasting ‘lectures’ or other ‘knowledge transfers,’ is that it replicates what is already not a very good model of how to distribute information/learning - the synchronous spoken lecture.

Source

Selon lui, au contraire de la vidéo qui permet d’avancer rapidement pour s’arrêter sur une partie intéressante - la technologie propose ici un avantage puisque qu’on obtient un gain de temps conséquent - les enregistrements audio ne le permettent pas:

So you can fast forward the recording to find the good bits - have you ever tried to listen to something in that way? Unlike say video, where there are cues you can conceivably process at high speed that something has changed which might warrant checking in again (say a ’scene’ change) most audio, and certainly most recordings of someone just talking monotonously, don’t avail themselves easily to such high speed scanning.

Source

Leslie nous propose donc d’attendre que la technologie évolue et nous permette de pouvoir mieux interagir avec des flux audio:

I will get more excited about podcasting as voice recognition and search technologies, and automated voice transcription technologies improve - podcasts then become a rich source to mine with tools that can allow you to zone in on what you need without having to sit through lots of what you don’t.

Source

Etant utilisateur quotidien de podcasts, j’ai un peu de mal à suivre la position de Leslie que je trouve trop tranchée. Il dit lui-même que s’il se mettait à utiliser fréquemment des podcasts, sa position évoluerait certainement. Par contre, il a raison sur un point: si un podcast est trop long, il devient extrêmement difficile de s’y retrouver - la seule solution consistant à écouter d’un bout à l’autre le podcast.

Pourtant des solutions existent pour pallier ce problème:

• le chapitrage d’un podcast (en ligne avec DiviCast par exemple ou sur OS X avec GarageBand) ou l’ajout d’informations textuelles, comme on en retrouve souvent accompagnant un podcast
• les moteurs de recherche comme Podscope ou Podzinger qui permettent de rechercher dans les podcasts par mot ou expression

A retenir: petit résumé de Fred Cavazza de l’article “Ten ways to improve the usability of your ecommerce site“:

1. Identifier les utilisateurs grâce à leur adresse email
2. Découper le processus de commande en petites étapes
3. Informer les utilisateurs de l’endroit où ils en sont dans le processus de commande
4. Ne rendez pas le processus de commande plus compliqué qu’il ne l’est déjà
5. Ne posez aux utilisateurs que des questions simples
6. Spécifiez et mettez en valeur les champs obligatoires dans les formulaires
7. Essayez d’assouplir le processus de commande
8. Rassurez les utilisateurs
9. Demandez aux utilisateurs de confirmer leur commande et confirmez chacune des commandes
10. Envoyez un email de confirmation

Source

Y a-t-il un produit pour le point 7 ?

BetterDesktop est un projet de partage de plus de 200 vidéos de tests utilisateurs sur les bureaux KDE et GNOME (Linux) (armez-vous de patience, car les vidéos sont très lourdes).

Si vous n’avez jamais (ou rarement) eu l’occasion de mener des tests utilisateurs, ne ratez pas cette occasion de voir de “vrais gens” se servir d’une application simple ! Ces tests illustrent très bien les différences de compétences, de connaissances, de façon de penser de chacun. Avoir conscience du fait que l’utilisateur ne pense pas nécessairement comme vous (le concepteur) est primordial ! Ces vidéos devraient vous en convaincre, et peuvent aussi vous donner des pistes sur la façon de mener un test, et sur l’utilité des tests.

Source

A ce propos, Ergologique propose un article sur les tests utilisateurs.

Ergopole.fr livre un tour d’horizon des études et des articles publiés sur le placement des menus de navigation d’un site. Doivent-ils être placés en haut, à gauche ou à droite? Il cite et commente une étude de James Kalbach et Tim Bosenick: “Web Page Layout: A Comparison Between Left- and Right-justified Site Navigation Menus“.

Les études et tests, mêmes s’ils ne prouvent pas que l’une ou l’autre navigation est plus efficace, ne démontrent pas non plus le contraire. Rien ne le déconseille, si tant est que le design global soit soigné et clair. Les premiers temps d’interaction (premières tâches) seront un peu plus importants, mais pas assez significatifs pour réduire l’utilisation de l’interface. Sur les tâches suivantes, les utilisateurs bénéficieront d’un gain de temps (peu significatif non plus) du à la réduction de la charge de travail.

Les plus et les moins
- Une navigation à droite devrait donc diriger l’attention de l’utilisateur sur le contenu des pages, qui du coup, est localisé à gauche.
- Les droitiers, majorité d’entre nous, devraient se sentir plus à l’aise avec une navigation à droite.
- De même, la charge de travail est réduite du fait de la proximité avec la barre de scroll.
- Enfin imprimer une page pourrait être plus facile. L’impression supprimant par défaut la partie droite des larges pages, et donc en l’occurrence, la navigation, laissant intacte la totalité du contenu.

Source

Passionnant! Faut le savoir nous propose de suivre le parcours d’un ergonome améliorant la clarté visuelle d’une page produit: Refonte d’une interface web. Cela m’a également permis de découvrir un nouveau blog traitant de l’ergonomie web: Ergonoblog.

Dans le cadre de mon mémoire j’ai eu l’occasion d’effectuer un audit ergonomique ainsi qu’une refonte d’interface. Il s’agit ici d’une fiche produit du site de la Fnac.

Source

Bon article du Journal du Net sur l’état de l’art en ergonomie et sur les tendances en matière de graphisme et de navigation, signalé par Ergologique.

Ca commence par une bonne intro sur ce qu’est l’ergonomie web:

La recherche du bon équilibre entre une fonction, un matériel et son utilisateur est à la base du travail de l’ergonomie. Appliquée à l’Internet, l’ergonomie est la recherche d’un site à la fois beau, pratique et efficace. Une bonne ergonomie pour un site Web peut se définir par un ensemble cohérent composé de trois éléments : l’utilisabilité (architecture et système de navigation), l’utilité (contenus et services), et le design. Une ergonomie optimale exerce une influence positive sur l’achat et la fidélité. Mais en pratique, ce travail demande du temps, des connaissances et des savoir-faire.

Source

L’article explore ensuite cinq pistes comme autant de conseils:

1. Les fondamentaux en 2005 : efficacité et rapidité: la navigation devrait dans l’idéal orienter les utilisateurs vers les contenus du site en fonction de leurs besoins et non pas en fonction de rubriques prédéfinies. A ce propos les liens proposés sur les blogs répondent assez bien à ce principe (articles similaires, derniers commentaires, billets, etc.).
2. Les choix de navigation : repérage et sélection : Les menus horizontaux sont de plus en plus utilisés et permettent de délimiter la largeur du site et de l’offre. L’utilisation des barres de navigation progressives pourraient simplifier les menus secondaires: elles permettent par ailleurs de faire apparaître l’arborescence en dehors des menus, ce qui autorise la disparition d’une partie des sous-menus.
3. Les choix graphiques : alléger et hiérarchiser : le rôle de l’environnement graphique est de mettre en évidence sur la page d’accueil en premier lieu le logo puis les outils de navigation et enfin le reste. On est en pleine mode de l’allégé et des fonds blancs. La résolution 1024 s’impose.
4. Etre dans la tendance ou pas: suivre la mode pour un site web est superficiel et ne sert qu’à faire preuve de son dynamisme. L’accent est à mettre sur la construction d’une identité forte, car la fidélité passe par la mémorisation, et la mémorisation passe notamment par le graphisme.
5. Comment améliorer l’ergonomie grâce aux tests: rien de nouveau…