davidtouvet.com

Bonne idée: proposer un calendrier listant pour chaque mois les principales erreurs à éviter dans la conception web.

Via Arkandis

Comment ose-t-on pondre un site pareil en 2007, qui plus est année des élections présidentielles en France. Alors que je lisais un billet mentionnant l’achat par l’UMP (une autre formation politique française) de publicités Adsense qui s’affichent sur Google lorsqu’on fait une recherche sur le parti socialiste, je suis allé visiter le site de ce parti.

Comment peut-on faire une chose pareille. En général, un site long à charger nous permet de boire un bon café, mais là c’est un bain qu’on peut prendre. C’est lent de chez lent… L’explication est sidérante:

Découvrez un nouveau graphisme mais surtout de nouvelles fonctionnalités web 2.0. Inscrivez-vous et ajoutez les fils d’actualité de vos sites préférés ! Une page statique sans javascript et accessible aux malvoyants sera rapidement disponible.

Source

En gros, on essaie d’imiter Netvibes en permettant à l’utilisateur-électeur de faire sa page perso en bougeant les blocs et en en ajoutant. Bon, ok, c’est sympa et assez novateur. Mais avant de se lancer dans la crème fouettée, faudrait d’abord assurer le dessert. Espérons que ceux qui voteront pour ce parti ne tomberont pas sur ce site, car ils en ressortiront (plus rapidement que pour y entrer ) avec le sentiment que le parti socialiste est lent, qu’il ne sait pas utiliser les technologies et que tout cela fait un peu brouillon. Dommage, non? L’idée est bonne mais à ce niveau là, faut assurer. Vu que Ségolène Royal aime écouter les français, qu’elle me lise et remette de l’ordre dans tout ça. A quand un encadrement militaire pour les webmasters des sites politiques?

Petit coupe de gueule sur les z’ed

je pense que l’on confond parfois accessibilité et ergonomie. Pour moi, prendre en compte les navigateurs différents, le daltonisme, la navigation aisée, etc. c’est de l’ergonomie pas de l’accessibilité. je m’oppose en cela à Michel Beche qui dit dans Accessibilité ou le double visage de l’ergonomie : «l’accessibilité permet de ne pas refuser l’entrée dans votre site … quand l’utilisateur est entré, c’est l’ergonomie qui déterminera la facilité d’utilisation». Pour moi, l’ergonomie forme un tout.

Source 

Article intéressant de Richard Thomas qui aborde la réalisation d’une tâche sous un angle nouveau puisqu’il traite de l’impact de la distraction sur la conception des IHM.

Quelques citations à retenir:

Les progrès technologiques sont à l’origine d’un nombre important d’interruptions de l’activité humaine. Ces interruptions sont pénalisantes et des efforts sont nécessaires pour récupérer la tâche en cours.

La notion de distraction, conséquence de l’interruption d’une tâche, introduit la notion plus large de l’attention.

La distraction intervient lorsque le processus attentionnel est interrompu, c’est à dire qu’un signal extérieur prévient l’utilisateur d’une autre tâche à réaliser.

Deux types d’événements peuvent interrompent l’activité principale de l’utilisateur:
* événements extrinsèques au système informatique : le téléphone, l’entrée d’une personne dans la pièce, etc.
* événements intrinsèques au système informatique : les animations, les fenêtres pop-up en ce qui concerne les sites Internet ; les messageries instantanées, les alarmes, les rappels en ce qui concerne l’ordinateur plus globalement.

Et l’auteur de donner des pistes pour améliorer tout cela:

• certaines interruptions peuvent être gérées en paramétrant son navigateur ou son système d’exploitation: maîtrise des pop-up intrusifs, consulter ses mails à certains moments de la journée, éviter de se connecter sur mille messageries instantanées à la fois, etc.
• mais pour les autres, ce n’est pas de notre ressort mais des concepteurs (d’une interface web par exemple): il faut veiller à proposer des “procédures d’assistance” comme par exemple utiliser un système d’étape, un fil d’Ariane, un enregistrement automatique des données, une mise en évidence des dernières données saisies, etc.

Bon article introductif et original pour une fois!

Et c’est notre ami Nielsen qui le dit. Comment peut-il en être aussi sûr? Tout simplement parce que le prochain système d’exploitation windows, “Windows Vista” proposera les fils d’Ariane comme élément de navigation (définition sur Wikipédia). Ainsi, Nielsen en conclut que:

For Web designers, this means that the time is over when you had to
discuss whether to use breadcrumbs. The answer is clear now: yes, use
breadcrumbs if your IA lends itself to hierarchical navigation. Most users
will become accustomed to using breadcrumbs to navigate their own files,
so they will know and expect this feature on websites as well.

Source: aucune idée, je l’ai reçu à la suite du sujet de la newsletter de Nielsen: 100 Million Websites (via Jakob Nielsen’s Alertbox for November 6.). La citation ne fait pas partie de la newsletter, elle est un ajout au sujet principal.

On peut en voir une illustration ici.

Facile… en allant regarder comment font les allemands et plus précisément la première d’entre eux: Angela Merkel. Sa page présentant son podcast vidéo est un pur bijou. On y trouve tout, vraiment tout. En voici la liste:

• un titre avec le thème du podcast: “Video-Podcast zum Tag der Deutschen Einheit”
• une date
• un résumé sous forme de citation
• une photo de la chancelière (qu’on peut avoir en grand format)
• un lien vers une version imprimable
• le podcast vidéo qu’on peut regarder dans un player Flash
• un lien pour télécharger le podcast (Video-Podcast (15,9 MB)), des liens pour le voir en streaming (Streaming DSL, Streaming DSL 2, Streaming ISDN), un lien pour le retrouver en format audio (Audio-Podcast)
• le podcast en format texte (Podcast als Text (50,6 KB))
• ainsi que la possibilité de s’abonner par RSS au podcast (Abonnieren Sie den Podcast per RSS)

Le tout dans une mise en page aérée, conviviale, intuitive. Moi je dis: bravo, parce qu’avec tous ces éléments à insérer sur une page, il fallait réussir cela. A montrer comme exemple.

On en apprend toujours avec FredCavazza. Cette fois, il fait le point sur l’absurdité de la règle des trois clics:

réduire le nombre de clics pour atteindre le niveau le plus profond dans un site revient à complexifier son arborescence. Pour faire simple, cela implique de confronter l’utilisateur à plus de liens à chaque clic, donc des choix plus longs, donc plus de risques d’erreurs, donc plus de frustration.

Source

Avant de proposer la règle du clic unique

L’illustration la plus flagrante de cette modification de comportement est la fonction de base de l’internet : la recherche d’information. Depuis l’avènement du roi Google, le niveau d’exigence des utilisateurs a été rehaussé au plus haut point : soit l’information qu’ils cherchent se trouve dans les 5 premiers résultats, soit elle n’existe pas. Avouez-le, votre comportement à également évolué : depuis combien de temps ne vous êtes-vous pas aventuré au-delà de la première page de résultat ?

Voilà pourquoi il est temps de se rendre à l’évidence : les habitudes et réflexes liés à la recherche d’information ont irrémédiablement changé et nous nous dirigeons vers des comportements extrêmes. Alors je pose ici une question ouverte : à quand la règle du clic unique ?

Cette règle repose sur un postulat simple : pour une information qui représente une certaine valeur, vos utilisateurs n’iront pas plus loin qu’un clic depuis votre page d’accueil ou depuis la première page de résultats de Google.

Source

On le comprend l’enjeu est difficile. Si les blogs ont réussi à imposser une architecture très simple à intégrer (liens sur archives, à propos et billets antidatés qui défilent dès la page d’accueil), les sites ont encore du travail à faire pour simplifier l’accès à leur contenu. A l’exemple du site yelllownet qui permet aux clients de la poste suisse d’effectuer leur paiement en ligne (faites une démo c’est ouvert). Tous les choix se trouvent à plat dans la colonne de gauche. Menu long, très long mais tellement simple à comprendre. On a ce sentiment si rare de pouvoir embrasser d’un coup tous les choix du site: il suffit de scanner les items et de cliquer sur ce qui nous intéresse. Au début, je me moquais intérieurement en gloussant sur la “laideur et la simplicité” de ce système. Maintenant je les remercie à chaque fois. Faut dire que je suis sorti de ma période paillettes HTML.

Heureusement, me direz-vous! Lors de mes interventions sur ce thème, j’utilise abondamment des exemples hors-web pour illustrer mes propos: automates à billet de bus, tableau de bord d’une voiture. Aujourd’hui, je peux y ajouter le distributeur à savon pour enfants!

Jean-François Petit relate une recherche menée pour le savon SquidSoap qui visait à répondre à la question suivante: comment faire pour qu’un enfant se lave les mains au moins 15 à 20 secondes (temps minimum pour effectuer un bon lavage de mains)? Facile…

SquidSoap (traduction littérale: “savon de pieuvre”) imprime un cercle d’encre dans la paume de la main de l’utilisateur qui actionne la pompe de la bouteille de savon. Et, par une heureuse coïncidence, cette tache d’encre disparaît après 15 à 20 secondes de lavage. Cette solution ingénieuse et amusante, parfaitement adaptée à son groupe cible, m’est immédiatement apparue comme étant un excellent exemple de design qui offre une expérience d’utilisation satisfaisante. Sans faire trop d’efforts cognitifs, l’utilisateur de ce produit arrive à réaliser une tâche importante d’une façon correcte. Par le fait même, il y a un apprentissage qui pourra lui servir toute sa vie durant.
Source

La même explication sous forme de vidéo.