J’aime l’ergonomie inventive. Les petits détails qui augmentent le confort sans perturber les habitudes. La barre des tâches de Windows s’est ainsi améliorée… il n’est plus nécessaire de cliquer sur l’icône de l’application concernée pour en observer le niveau de téléchargement. Désormais, la jauge apparaît directement dans la barre des tâches (voir les 36% ci-dessous).

Cette amélioration nous ramène à deux principes d’ergonomie décrits par Scapin et Bastien : les actions minimales (ne pas devoir cliquer) et le feedback immédiat (l’état du système est visible en temps réel).

Autre amélioration : l’outil de capture d’écran. Bien sûr, il existait déjà des petits logiciels de capture efficaces, mais à présent, cet outil fait partie intégrante de Windows 7. Et je m’en donne à cœur joie, moi qui aime épingler des morceaux d’interfaces à travers mes audits de sites web que je veux très visuels.

P.S. Oui, je sais, vous utilisez un Mac et ça fait 10 ans que vous profitez de tout ça ;-)

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 !

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é !

Le générateur de mots clés, c’est cet outil génial qui vous permet de connaître la fréquence des recherches de n’importe quelle expression sur Google. Et qui, au-delà des termes que vous encodez, vous suggère des expressions synonymes et connexes, sur une base statistique.

Jusqu’ici, le générateur de mots clés se présentait de manière un peu brute : les mots clés en vrac, dans un ordre pas toujours très compréhensible.

Google vient de faire évoluer l’interface vers plus de clarté. Désormais, les termes recherchés sont clairement séparés des « idées de mots clés ».

Prise d’écran – Google Adwords Tool – 16 juin 2011

Les intitulés des colonnes ont également gagné en clarté : « recherches mensuelles dans le monde entier » est plus explicite que « recherche globale ».

Corrigé après publication : J’espère néanmoins d’autres améliorations. En particulier la possibilité de trier les idées de mots clés en fonction du volume de recherche auquel elles correspondent. Ce serait très pratique et, me semble-t-il, pas trop difficile à mettre en place.

A lire aussi :

• Le générateur de mots clés, dictionnaire du rédacteur web
• Référencement pour les nuls : les ressources se multiplient
• Les métadonnées "mots clés" peinent à se faire oublier

Discover our new product!

Ceci n'est pas une accroche.

La nouveauté n'est pas une nouvelle.

La nouveauté, en tant que telle, ne révèle aucun bénéfice client.

En quoi votre produit est-il nouveau ? Telle est la question.

Dernièrement baigné dans l'univers très passe-partout de la communication industrielle B2B, j'étais frappé du caractère abstrait, incolore et imprécis des accroches et des qualificatifs associés aux produits.

Alors, j'ai dessiné cette pyramide...

Le dernier échelon recèle des qualificatifs fréquemment utilisés dans la communication d'entreprise, mais dont la valeur informative reste très faible.

L'échelon du milieu paraît déjà un peu plus acceptable.

Le sommet de la pyramide offre beaucoup plus de précision, pourtant en un seul mot.

Bien entendu, il est plus facile de décrire un hôtel ou une chaussure qu'un film plastique ou autre molécule industrielle. Mais justement, plus votre marché est complexe, plus il mérite un effort pour rendre la communication concrète.

Votre produit est performant, compétitif, exceptionnel ? Mais voyons !

En quoi et combien est-il performant ? Telle est la question.

Si votre communication se positionne sur des termes imprécis et passe-partout, vous échouerez à attirer l'attention.

Essayez, déjà au niveau du titre, d'offrir un minimum de précision. "Time-saving film coating for pharmaceutical industry" est préférable à "Discover our new product!". Plus loin dans le texte, vous pourrez augmenter le degré de précision de l'information, mais soyez un minimum concret dès le départ.

Les superlatifs sont vains. Les internautes cherchent des réponses à leurs besoins. Ils seront sourds au ronron promotionnel creux : "offre exceptionnelle", "solution innovante", "plate-forme incontournable". Accumuler les superlatifs, c'est crier contre le vent. Cessons les "Don Quichotte".

Responsables de la communication, diffusez donc cette pyramide aux responsables marketing... car sans analyse marketing consistante, point de communication !

Il y a cinq ans, le marché du CMS tenait de la grande imposture.

Aujourd'hui, les choses ont bien évolué. Et je vois apparaître et s'enrichir, tous les jours, des outils de gestion de contenu dignes de ce nom.

Cependant, de nombreux clients restent attachés à leur ancienne usine à gaz.

Souvent, c'est un retour à la sidérurgie : la nécessité d'amortir un investissement lourd.

Parfois, c'est un retour au moyen-âge : avec une taxe à l'hébergement non moins choquante que la dîme ! Combien payez-vous l'hébergement annuel de votre site d'entreprise ? C'est un poste obscur que certaines agences facturent avec panache. Y a-t-il un péage à la sortie de vos contenus ?

Tu es webmaster ? Tu ne peux te passer de MS Word ? Alors demande un vrai CMS pour ta Noël !

Alors, dites-moi, combien d'entre vous possèdent un correcteur orthographique intégré ?

Quels CMS proposent enfin cette fonctionnalité élémentaire dans la gestion de contenu ? Je veux des noms !

Dans mon boulot de conception d'interfaces, je suis régulièrement amené à réaliser des maquettes.

Maquettes, prototypes, ergolayouts, mockups, wireframes,... de nombreux vocables existent pour désigner ce qu'on peut considérer comme du design fonctionnel (qui s'intéresse au découpage des contenus, à la taille et à la position des fonctionnalités,...) par opposition au design graphique (qui s'intéresse aux couleurs, aux formes,...).

Microsoft Visio reste un des outils les plus connus pour réaliser ce genre de tâches. Personnellement, il me déçoit. Je le trouve faible dans son rendu graphique, et incomplet en termes d'éléments d'interface.

Jusqu'ici, je trouvais sympathique des outils tels que Gliffy ou Mockingbird.

Mais là, j'ai testé Mockflow, et je l'ai tout de suite adopté !

Tout y est ! Glissez et déposez les objets suivants :

• Menus verticaux, horizontaux, en onglet, en liens textes, fil d'Ariane,...
• Cartes géographiques et calendriers interactifs
• Boutons, barres de défilement, cases à cocher, en-veux-tu-en-voilà
• Icônes fonctionnelles les plus variées (imprimante, enveloppe, loupe,...)
• Fonctions sociales et participatives
• Texte "lorem ipsum" à la demande
• Et bien d'autres possibilités

J'aime le résultat, car on produit des maquettes propres et professionnelles, sans prendre le risque de dériver sur les questions graphiques, beaucoup plus subjectives en termes de gestion de projet ("Les goûts et les couleurs", comme on dit!). Je vous conseille de passer par ce stade de prototype fonctionnel, avant de vous lancer dans la finition graphique. Même s'il reste souvent intéressant, ensuite, si vous avez la chance de travailler avec un bon créatif, de lui laisser du champ et la possibilité de remettre en question certains choix.

Bon, il reste tout de même les risques liés à un outil en ligne, comme la nécessité de posséder une connexion Internet performante et fiable. Je me rappelle avoir amèrement regretté, en Algérie, mon choix de travailler avec des outils en ligne.

Vous pouvez tester Mockflow gratuitement. Pour une utilisation intensive, il vous en coûtera 59 euros par an. Microsoft Visio coûte 999 $, à titre de comparaison.

A lire aussi :

• Du (faux) latin au kilo
• Wireframes, Mindmaps, Cardsorting,... rien ne vaut le crayon !
• Mon offre de service en maquettage de site web

Dans l'ancien temps, le meilleur compagnon du rédacteur, c'était lui :

Pour élargir la réflexion, éviter la répétition et trouver le mot juste, on prenait un second compagnon (le dictionnaire des synonymes) :

Mais ces deux outils réunis ne nous indiquaient toujours pas le niveau d'usage, de notoriété et d'intérêt du public pour les mots, les thèmes, les expressions. Mis à part un ou deux exemples d'utilisation et quelques indications générales qui nous permettaient d'identifier les termes d'argot ou de spécialistes, les mots étaient définis sans que soit quantifié leur usage.

Aujourd'hui, sur Internet, nous avons des outils incroyables à notre disposition. Il est possible de connaître les tendances des recherches, grâce à Google Trends, autour duquel j'avais rédigé un billet dernièrement : "Ecrire pour le web, une question dépassée ?".

Mais Google Trends n'a d'intérêt que sur des mots clés à fort volume de recherche. Pour explorer la "longue traîne" des mots clés, c'est à dire les expressions les plus fines et les plus variées, le générateur de mots clés de Google est un bien meilleur outil, à mon avis.

Le générateur de mots clés porte mal son nom : certes, il fournit des idées de mots clés et d'expressions connexes, tel un dictionnaire des synonymes moderne... mais il indique surtout le trafic mensuel sur ces mots clés.

Il vous suffit de taper n'importe quelle expression et vous obtenez cette indication ultra stratégique : le nombre de recherches mensuelles effectuées sur cette expression. Avec, en plus, une indication du niveau de concurrence sur ces mots clés (dans l'optique d'un référencement payant) ainsi qu'un aperçu grossier de l'évolution des recherches (mais là, mieux vaut retourner vers Google Trends).

Deux exemples concrets...

La Commission européenne envisageait la création d'un site web destiné aux petites entreprises (qui représentent 80% de l'économie). Ce site devait héberger de l'information à propos de la législation et des outils relatifs à la création et à la gestion de petites et moyennes entreprises. Le terme "small business" était envisagé par notre client. Mais un détour vers le générateur de mots clés permet de constater immédiatement que "SME" (ou "PME" en Français) est une expression 7 ou 8 fois plus recherchée! Et -Quelle chance!- elle est moins concurrencée (certes, l'institution publique ne va pas opter pour le référencement payant, mais ces statistiques d'usage sont tout de même le signe de la volonté d'autres acteurs d'exploiter tels ou tels mots clés, et donc l'indice d'une probable concurrence éditoriale).

Dans un tel cas, pas d'hésitation, nous avons intérêt à positionner le site prioritairement sur l'expression plus populaire et moins concurrencée. Bien sûr, les choses ne sont pas toujours aussi simples.

Parfois, on peut observer un potentiel de trafic significativement différent entre un pluriel et un singulier. Ci-dessous, le terme "grant", au singulier, est légèrement plus recherché que "grants", au pluriel. Et il est nettement moins concurrencé.

Naturellement, il faut aussi évaluer les différences de connotation entre telle ou telle expression, qui sont rarement strictement équivalentes. Le potentiel de trafic n'est qu'un éclairage parmi d'autres de la force d'un mot.

Le potentiel de trafic n'est qu'un éclairage parmi d'autres de la force d'un mot.

Notez que le générateur de mots clés propose des filtres par langue et par pays, qui permettent d'affiner encore les analyses. Point important dans le cas de la Commission européenne, mais aussi de certaines multinationales que j'ai la chance de compter parmi mes clients.

Franchement, si vous êtes rédacteur, gardez le générateur de mots clés à portée de la main. Un incontournable.

La carte géographique multi-couches permet d'afficher, au choix de l'utilisateur, différentes données géolocalisées.

En voici un exemple, dans le contexte des élections au Zimbabwe :

Source : sokwanele.com

Créer une carte avec des icônes personnalisés est un jeu d'enfants, avec Google Maps. Le pas est vite fait, ensuite, de rendre la légende interactive. A la portée du premier fonctionnaire venu.

Mon expérience des projets menés par les administrations locales, communes et régions, m'a démontré que des sommes importantes sont parfois investies dans des outils cartographiques sur mesure, souvent bien moins conviviaux et évolutifs que ce qu'offre aujourd'hui gratuitement Google Maps.

Alors, qu'est-ce qu'on attend ?
Car les possibles sont énormes : localiser les centres de tri des déchets, les musées, les écoles, les bureaux de poste, les guichets en tous genre,...

Les communes les plus innovantes proposent des cartes sur mesure, comme ci-dessous, les pharmacies de garde à Farciennes. Mais très peu (vous en connaissez ?) proposent la carte à multiples niveaux.

Source : www.farciennes.be

Les outils sont là, simples et intuitifs. Ne manque plus que le réflexe de les utiliser.

Vous connaissez le "heatmap", cette technique qui consiste à modéliser en couleurs froides et chaudes les zones d'attention dans une interface, au départ de données "eye tracking", à savoir l'enregistrement du regard des personnes confrontées à votre site web.

Mais un "heatmap" trop général ne nous apprend pas forcément grand chose. Les données prennent tout leur sens, en revanche, lorsqu'on commence à les segmenter.

Ci-dessous, la société ClickTale met en parallèle un heatmap représentant le comportement du nouveau visiteur et un autre heatmap qui représente l'attitude du visiteur régulier, qui a déjà pris ses repères sur le site.

Source : ClickTale

Cette façon de faire me semble beaucoup plus instructive que la représentation indifférenciée des données. La segmentation peut se faire sur différents critères : clients versus prospects, visiteurs francophones versus visiteurs néerlandophones, visiteurs envoyés par Google versus visiteurs envoyés par la newsletter e-mail, etc. Une manière de bien comprendre les différents scénarios de visite et l'expérience qu'ils occasionnent.

Ci-dessous, ClickTale superpose un "heatmap" classique, représentant le taux d'attention, avec des données relatives au taux de clic sur les différents éléments d'interaction dans la page.

Source : ClickTale

Cette modélisation enrichie vous permet de trancher plus précisément la question suivante : si un utilisateur ne clique pas sur un élément, est-ce parce qu'il ne l'a pas vu, ou bien parce que cet élément ne lui "parle" pas ?

Quoiqu'il en soit, mesdames, messieurs, je vous le dis, je vous l'annonce : nous rentrons lentement mais sûrement dans la culture de l'expérience utilisateur. Rendez-vous à ma formation "Piloter un site web" si vous désirez en savoir plus sur les techniques d'enregistrement et d'analyse du comportement des visiteurs de votre site web.

Autres articles sur le sujet :

• Les tests de suivi du regard : plus spectaculaires qu'utiles ?
• Comment les internautes balayent les résultats de recherche
• Oculométrie