blogue

Récemment

It's not what the software does... | Accueil | Sketching User Experiences : à lire absolument ! »

27 mai 2007

5 erreurs : guide télé interactif Voilà

Le guide télé Voilà (application Flash) publié par Cyberpresse est dans son ensemble un bel exemple de conception Flash. Cela dit, en l'étudiant d'un peu plus près, j'ai relevé près d'une dizaine « d'erreurs » de design plus ou moins graves. Voici les cinq plus évidentes :

Voila_1.jpg

1. Il serait bien de renommer le bouton « OK » à l'aide d'une étiquette plus significative comme « Chercher » ou de simplement utiliser une icône si on manque d'espace. « OK » ne veut rien dire et on devrait restreindre son utilisation aux messages d'erreur et d'information (le bouton « OK » permet à l'utilisateur de signaler à l'application qu'il a bien reçu le message, point).

2. Afin de parler le langage de l'utilisateur, il serait bien d'adopter un format de date plus parlant que celui de la forme ISO. Ainsi, au lieu d'écrire « 2007-05-26 », on aurait dû écrire « samedi 26 mai ». C'est plus clair, ça ne porte pas à confusion et ça ne requiert pas d'effort mental. Aussi, dans le champ et la liste des dates, je remplacerais la date du jour par « aujourd'hui ».
Voila_2.jpg

3. Pour retirer une chaîne, il faut cocher une case... ce qui est à l'opposé de tous les standards existants depuis l'avènement du Macintosh en 1984 (à moins que la case ne soit précédée en entête du mot « Supprimer » ou d'une icône correspondante). Cochez une case signifie « oui, je le veux ». Si on regarde de près le symbole utilisé, on a employé un « X » rouge qui, pour certains designers, signifie « supprimer ». Je suis cependant loin d'être certain que la population fait une telle distinction. La solution est fort simple : cocher toutes les cases et demander à l'utilisateur de décocher celles des chaînes qu'il ne veut pas voir. Aussi, j'aurais déplacé le bouton « Réinitialiser les chaînes » dans la fenêtre qui apparaît au clic du bouton « Personnaliser les chaînes », question de lui donner moins d'importance et d'alléger la première page.

4. Le texte « Liste des canaux » est un hyperlien qui ouvre un fichier PDF présentant l'ensemble des canaux. Donc, si c'est un hyperlien, SVP le souligner. Aussi, puisqu'il s'agit d'un document PDF, il serait bien de l'indiquer. Par exemple : Liste des canaux (PDF : 1 page).

5. On peut mettre en évidence une catégorie d'émissions (par exemple ; cinéma, sport, etc), ce qui est bien =). Cependant, les boutons qui le permettent ne ressemblent pas assez à des boutons (à première vue, ils ne semblent pas cliquables). Aussi, pour retourner à l'affichage normal, il faut recliquer sur un même bouton, ce qui n'est pas évident. Voici une solution : inclure une étiquette du genre « Mettre en évidence » ou « Mettre en relief » suivie de cinq boutons qui ont réellement l'air de boutons étiquetés « aucun », « cinéma », « sport », « émission » et « divers ». Par défaut, c'est le bouton « aucun » qui est enfoncé alors que les quatre autres sont relevés.

En guise de conclusion, je citerais l'architecte Ludwig Mies van der Rohe qui a déjà dit :
« God is in the details ». Je suis bien d'accord avec lui !

Écrit par Daniel le mai 27, 2007 11:03 AM

Vos commentaires

Personnellement, pour les points 1,2 et 4, on dirait que ce sont plus des caprices.

1. OK veut toujours dire la même chose. Ça signifie toujours une progression vers quelque chose et dans ce cas ci, il est difficile de douter que ça signifie autre chose que de lancer la recherche.

2. Je pense que le format de la date porte sur des arguments seulement personnels. Ce n'est pas extrêmement dérangeant. On pourrait spéculer et dire que le programmeur ne voulait pas passer plus de temps sur les dates :P

3. Effectivement, quand j'ai vu ça, j'ai pensé que je pouvais choisir seulement les chaînes que je voulait, mais apparemment c'est le contraire.

4. Ça c'est un caprice. Les liens sont généralement soulignés mais ce n'est jamais vraiment nécessaire. La vraie erreur est que sur toute la page, il y a des liens soulignés ET des liens non soulignés. Voilà le vrai problème.

5. Je n'aurais jamais pensé à cliquer sur ces choses. Ça remplit très bien le rôle de légende. Pour le rôle de bouton, c'est probablement un "hidden feature".


C'est une bonne analyse dans l'ensemble, mais je n'appelerais jamais tout ça des erreurs, sauf pour les liens et les cases à cocher.

Je suis curieux de savoir quelles sont la "dizaines d'erreurs" :)

Écrit par: Long le mai 27, 2007 07:09 PM

Merci de ce feedback. Je sais, je suis particulièrement exigeant mais selon moi, tous les détails comptent. Concernant le bouton « OK », on comprend que ça va lancer la recherche. Cela dit, ça n'aurait pas été plus difficile d'assigner la bonne étiquette au bouton, question que tout soit le plus clair possible. Pour ce qui est de la date, afin de minimiser la charge mentale et de prévenir les erreurs (même si ce n'est pas grave de se tromper de journée), je maintiens qu'on devrait toujours exprimer une date dans la forme parlée. Le fait d'ajouter le jour (p. ex. Samedi) devant la date simplifie le tout pour l'utilisateur.

Pour ce qui est des autres erreurs, je me permettrai peut-être un autre billet. Il est quand même important de souligner que cette interface n'est pas mauvaise, loin de là. Cependant, certaines parties mériteraient un certain peaufinement et d'autres (comme l'affichage/masquage des chaînes) mériteraient une reconception.

Merci de me lire et de contribuer à ce blogue.

Écrit par: Daniel le mai 28, 2007 06:45 PM