Ergonomie des interfaces : cinquième édition actualisée

Catégories : Ergonomie - A lire

Jean-François Nogier, épaulé par Thierry Bouillot et Jules Leclerc, signent une cinquième édition de l’ouvrage « Ergonomie des interfaces » chez notre éditeur conjoint, les éditions DUNOD.

J’ai lu cette nouvelle édition, et je la conseille pour les raisons suivantes :

  • Elle est enrichie d’exemples actuels, notamment issus de l’évolution des téléphones mobiles et des tablettes numériques, qui font naître de nouvelles interactions.
  • Elle est très didactique, concise, centrée sur l’essentiel, sans la boulimie à laquelle nous habituent même certains ergonomes.
  • La table des matières est pragmatique et didactique : que des verbes d’action. Une belle manière d’appliquer au livre l’approche orientée utilisateur chère à notre métier.

Ci-dessous, une des contraintes ergonomiques nouvelles qui apparaissent avec les interfaces tactiles, c’est la gêne occasionnée par la présence des doigts sur la surface. Dans certains cas, la main occulte, au mauvais moment, une partie critique de l’écran. Par l’exemple si vous désirez faire apparaître une infobulle ou tout autre complément d’information lors d’un clic sur un objet de l’interface, il est important de positionner cette infobulle au-dessus et non en-dessous de l’objet. Autrement, le pouce ou l’index de l’utilisateur masquera l’effet visuel.


L’écriture a également toute sa place dans l’ergonomie d’un site web, d’un bouton, d’un menu ou d’une application. Ci-dessous, un tableau des différentes règles de construction des abréviations. Histoire d’assurer la concision dans la cohérence. Je trouvais la démarche intéressante.


L’ergonome averti réagira à certains passages délicats, comme la fameuse règle des trois clics, autant véhiculée que contestée, ou le parcours de l’œil en Z, très schématique face à la variabilité des comportements. Mais Jean-François Nogier y ajoute immédiatement d’intéressants bémols et reste didactique de bout en bout, quitte à gommer certaines nuances à des fins de clarté pédagogique.

Pour plus détails :

Ergonomie des interfaces
Guide pratique pour la conception des applications web, logicielles, mobiles et tactiles
Jean-François Nogier, Thierry Bouillot, Jules Leclerc
5e édition, octobre 2011, DUNOD, Paris
Broché: 320 pages
ISBN-10: 2100557920
ISBN-13: 978-2100557929

En vente chez Amazon

Le livre, présenté par ses auteurs

"30 outils pour vos contenus web" : dès à présent disponible !

Catégories : A lire - Outils - Gestion de projet

Isabelle Canivet et moi-même avons investi beaucoup de temps, d'énergie, de confrontation d'expérience et de réflexion pour réaliser cette compilation à l'attention des chefs de projet web, responsables marketing et communication.

Il s'agit d'un document d'une quarantaine de pages au format PDF couleur, disponible à l'achat au tarif de 28 euros TTC.

Il se veut concis, visuel et pratique.

Rendez-vous sur le site de l'e-book : tools4webcontent.com !

Votre feedback est le bienvenu !


Table des matières

1. Les indicateurs de performance
2. Le suivi de la réputation
3. Le test de variantes d'interface
4. L'audit éditorial
5. L’audit d’ergonomie
6. L’audit de référencement
7. L’audit d'accessibilité
8. L'inventaire de contenu
9. Le focus groupe
10. Le sondage en ligne
11. Le test utilisateur
12. L’étude de la concurrence
13. Le choix de l'outil de gestion de contenu
14. Les personas
15. Les scénarios utilisateurs
16. La ligne éditoriale
17. Le brainstorming
18. L'arborescence
19. Le test de tri de cartes
20. Les maquettes fonctionnelles
21. Les maquettes graphiques
22. Le gabarit éditorial du CMS
23. Le cahier des charges
24. Le formulaire de collecte de contenu
25. La charte éditoriale
26. Le calendrier éditorial
27. Le processus de production des contenus
28. La demande de production
29. Le contrat avec un prestataire éditorial
30. Le plan de migration

Bonne lecture !

Découvrez une de nos fiches... les 29 autres suivront le 7 novembre !

Catégories : A lire

Voici le modèle de fiche de l'e-book qu'Isabelle Canivet et moi-même sortirons le 7 novembre prochain : "30 outils pour vos contenus web : Concevoir, cibler, produire et tester vos contenus en ligne".

Vous pouvez obtenir cette fiche au format PDF A4 sur notre site de téléchargement.

30 outils pour vos contenus web

Catégories : Outils - A lire - Gestion de projet

J'ai l'immense plaisir de vous annoncer la sortie, le 7 novembre prochain, d'un e-book destiné aux professionnels du web :

30 outils pour vos contenus web
Concevoir, cibler, produire et tester vos contenus en ligne

Une compilation exclusive de différents outils et méthodes applicables à la gestion d'un site web.

Des conseils pragmatiques éclairés par l'expérience de deux professionnels du contenu : Isabelle Canivet et moi-même.

Découvrez la table des matières en exclusivité !

Bien rédiger pour le Web - seconde édition

Catégories : Ecrire pour le web - A lire

Ma consoeur Isabelle Canivet vient de publier la seconde édition de "Bien rédiger pour le Web". Il s'agit de l'ouvrage le plus complet, le plus mûr et le plus actuel consacré aux techniques d'écriture pour le web.

Bien rédiger pour le web : stratégie de contenu pour améliorer son référencement naturel
Un ouvrage d'Isabelle CANIVET
Seconde édition, Eyrolles, Paris, septembre 2011
ISBN-10: 2212128835
ISBN-13: 978-2212128833
535 pages


Vous voulez 10 raisons de lire cet ouvrage ?

Ce livre est...

1. Le plus complet sur le sujet
2. Une vraie seconde édition (grande part du contenu réécrite)
3. Agréable à parcourir (mise en page vivante)
4. Croustillant même, à travers certains clins d'oeil et illustrations
5. Technique lorsqu'il le faut (avec des références HTML le cas échéant)
6. Déclinant ses conseils sur les supports récents (micro-blogging, géolocalisation, web mobile, etc.)
7. Francophone dans ses références culturelles (ça nous change des Américains omniprésents)
8. Bien nourri sur la question du référencement naturel (et d'ailleurs préfacé par Messieurs Olivier Andrieu et Sébastien Billard)
9. Intégrant le cycle de vie du contenu (lancement, production, maintenance)
10. Rédigé par une charmante personne (hors propos, déplacé, mais bon, il fallait un dixième point pour faire bien)

Le seul bémol que je mettrais réside dans la table des matières, qui pourrait suivre un fil rouge plus consistant. Mais c'est vraiment pour dire quelque chose. Et pour inspirer la troisième édition ;-)


L'ouvrage est disponible chez Amazon au tarif de 32 euros.

Lecture : "Stratégie de contenu web"

Je viens de lire le bouquin de Muriel. Et je vous le conseille. Ne serait-ce que parce que vous n'en trouverez pas d'autre sur le sujet. Il existait déjà des livres sur l'écrit web, comme celui de Joël ou celui d'Isabelle, le plus complet et le plus récent à ce jour en Français. Mais Muriel nous propose ici un grand angulaire sur l'éditorial, incluant, au-delà des aspects d'écriture, résumés, une réflexion et des conseils sur la stratégie de contenu web.

Ce livre est à distribuer de toute urgence dans les universités (l'approche de Muriel a quelque chose d'académique, tout en reflétant l'expérience de terrain) ainsi que dans les entreprises (je ciblerais le management, pas toujours suffisamment conscientisé des enjeux liés à la gestion de contenu web). L'expert en communication web n'y découvrira pas forcément de grands scoops, mais un livre qui résume, avec justesse et sans se perdre, les différentes notions clés nécessaires à la gestion de contenu : audit, production, entretien.

Quelques passages choisis...

A propos de l'architecture d'information :

Pourquoi l'architecture de l'information est-elle si importante ? Parce qu'elle doit compenser la désorientation et la surcharge cognitive qu'impose le mode de lecture non linéaire sur le Web.

A propos de la charte éditoriale :

Elle rassemble les choix et décisions visant à assurer la cohérence des textes. Elle traduit la philosophie du projet de communication et établit un fil rouge dans la manière de communiquer et d'informer le lecteur. Elle incarne un champ de pensée, un point de vue, une manière de s'exprimer.

J'aime la clarté de cette définition.

Vous pouvez vous procurer le livre "Stratégie de contenu web" sur Amazon.


P.S. Juste par goût du débat : J'ai été fort surpris, dans les recommandations de contrôle qualité, par l'instruction suivante : "S'assurer qu'il y ait moins de 2 erreurs d'orthographe lexicale et grammaticale". Me concernant, même s'il m'arrive comme tout le monde de pécher, en matière d'orthographe, je recommande la tolérance zéro, à la New-Yorkaise ;-)

Référencement pour les nuls : les ressources se multiplient

En quelques mois, j'ai vu passer plusieurs initiatives intéressantes qui vont dans le sens de la vulgarisation du référencement.

Ces ressources peuvent vous être utiles, même si vous en connaissez déjà un bout, car :

  • elles sont didactiques pour le client
  • elles sont agréables, synthétiques, visuelles
  • elles offrent une vision d'ensemble
  • elles permettent de fixer les choses et d'identifier les priorités

Qui est le mieux placé pour parler de la mécanique du référencement ?
Google lui-même, sans doute.
C'est la raison pour laquelle vous commencerez par lire le SEO Starter Guide (PDF - 32 pages - en Anglais) actualisé par Google en 2010.

Ce guide est écrit de manière très efficace : visuelle, structurée, pratique.
Vous y trouverez des conseils en forme de phylactères et des exemples concrets d'erreurs à éviter.

Un des meilleurs spécialistes francophones du référencement, Olivier Andrieu, résumait, il y a deux mois, 20 conseils pour réussir son référencement. Vous lirez avec intérêt les principales actions à mener, en amont et en aval du référencement, "in-page" et "off-page", tant il est vrai que le référencement dépend tout autant de votre approche "mots clés" que de la popularité que vous parviendrez à générer à travers la grande toile.

Une belle initiative visuelle que cette pyramide du référencement, conçue par Christophe Benoit, de Genève.

L'idée de présenter les actions et concepts en couches me paraît intéressante. Cette pyramide gagnerait à être affinée visuellement (notamment pour un beau résultat à l'impression) et rendue interactive : avec un complément d'explication pour chacun des concepts évoqués, dont certains échapperont à la compréhension du commun des webmasters.

Toujours au rayon des approches visuelles, mon poster "Comment plaire à Google" aura été téléchargé près de 5000 fois, l'année dernière.

Ce poster est disponible sur mon site 60questions.net, en version A3 ou A4... et bientôt en Anglais !

Enfin, vous pourrez télécharger gratuitement le livre "SEO - démarrage rapide", que mon confrère et ami François Lamotte a pris l'initiative de traduire de l'Anglais.

L'auteur, Dan Thies, propose une approche originale très structurée pour construire votre référencement. Le ton est très américain : "Yes, you can do it!". Il fournit, entre les lignes, des ressources fort utiles, notamment sur le plan de l'analyse des mots clés.

Et si vous voulez développer vos connaissances en matière de référencement de manière vivante, et obtenir un avis extérieur sur la situation de votre site en termes de présence sur le web, un seul conseil : inscrivez-vous à ma prochaine formation "écrire pour le web", les 10 et 11 février 2011 à Bruxelles ! Nous consacrons une demi-journée sur le thème "écrire pour Google".

Et la saga des 60 continue !

L’année dernière, je m'étonnais déjà… et que dois-je dire à présent ?!?

« MON » chiffre 60 à moi tout seul est pillé, dupliqué, recyclé … Faut-il me taire ? Faut-il hurler ? Faut-il être fier ou scandalisé ? Pillage, clin d’œil ou coïncidence ?

Rassurez-vous, jeunes gens, tout ceci n’est qu’un coup de gueule simulé et léger… je vous conseille vivement la lecture du dernier bouquin de la brillante Amélie Boucher : « Ergonomie web illustrée : 60 sites web à la loupe ».

Amélie Boucher s'appuie sur les tests utilisateurs qu'elle pratique. Ce qui donne à la matière un goût de réalité. Pas de présupposés, mais de l'observation. Même si l'observation régulière de l'expérience utilisateur affine, à la longue, nos intuitions. D'où l'intérêt du livre.

Fiche du livre :

Ergonomie web illustrée - 60 sites à la loupe
Amélie Boucher (préface de Benoît Drouillat)
Editions Eyrolle
Disponible sur Amazon

Bonnes pratiques web : un condensé très pratique

Catégories : A lire - Bonnes pratiques

On ne présente plus Elie Sloïm et son groupe de collaborateurs Opquast, qui, depuis près de 10 ans, s'acharnent à élaborer des listes de bonnes pratiques web.

Je dis "des" listes, au pluriel, car ces bonnes pratiques sont différenciées en fonction d'approches sectorielles (sites commerciaux, espaces publics, formulaires, contenus multimédias,...) et, chose nouvelle, en fonction d'approches métiers (préparer le référencement, évaluer rapidement un design,...).

217 bonnes pratiques sont ainsi répertoriées, issues du projet Opquast, construit à force de patience et d'intelligence collective.

Peu de littérature. Tout dans un dépliant.

Certes, vous n'élaborerez pas votre stratégie éditoriale sur base d'une telle liste, qui contient la partie la plus "automatisable" de l'évaluation de la qualité d'un site web. Mais cela n'enlève strictement rien à l'utilité du dépliant. L'immense intérêt d'un tel document est de faire le tour, très rapidement et très concrètement, de points d'ergonomie bien identifiés.

  • Utile pour une première approche.
  • Utile pour une auto-évaluation
  • Utile comme check-list qualité, dans le flux d'un projet web amateur comme professionnel, où l'on oublie toujours quelque chose (ah non, pas vous ?!?)

Ce condensé d'information pratique coûte la modeste somme de 6 euros...
Alors rendez-vous sur Amazon !

L'e-mail vidéo : un concept trompeur

Catégories : Vidéo en ligne - A lire

Le Journal du Net vient de mettre en ligne un petit dossier sur l'e-mailing vidéo.

On y apprend que 90% des e-mails vidéos reposent sur une simple image fixe, en réalité, qui donne la sensation du "player" et qui renvoie vers une page web contenant de la vidéo.

Intégrer de la vidéo proprement dite reste chose impossible dans un e-mail.

La seule solution qui s'offre à nous reste de recourir au GIF animé. Vous vous souvenez, ce format de la préhistoire du web qui permettait de faire clignoter les pages comme des sapins de Noël, au grand bonheur des amateurs ? En réalité, avec une simple image GIF animée, on peut parvenir à donner la sensation d'une vidéo. Vous en voulez la preuve ?

Mais le dossier du Journal du Net nous rappelle aussi que la vidéo sous forme de GIF n'est pas la panacée, car elle reste :

  • Limitée à 256 couleurs
  • Sans bande son
  • Contrainte à effectuer une boucle
  • Pas supportée par 100% des logiciels de messagerie

Vous l'aurez compris, l'e-mail vidéo, c'est un concept un peu trompeur. D'accord avec moi ?