Vidéothèques en ligne: les interfaces évoluent

Il y a un peu plus de 4 ans, je vantais les qualités de dvdpost.be sur le plan de l'ergonomie incitative. J'entends par là la capacité à créer une interface simple et tranchante qui conduit tout droit le visiteur à se transformer en client.

Prise d'écran: dvdpost.be - septembre 2006


Cette première version restait pourtant imparfaite:

  • Trois boutons "call-to-action" qui se font concurrence
  • Des arguments de vente, certes concis, mais encore dispersés

La nouvelle version a résolu ces problèmes:

  • Un seul gros bouton, renforcé par une flèche incitative
  • Des arguments de vente rassemblés
  • Un graphisme confortable, avec une présence maximale

Notez que dans les tests que j'ai opérés avec mes étudiants, d'aucuns restent gênés par le champ d'insertion du "Code Promo", trop proche de l'action principale et libellé d'une manière obscure pour les personnes qui ne sont pas concernées par cette opération.

Prise d'écran: dvdpost.be - février 2010


Les concurrents, comme netfilm.be, adoptent une structure de service et des interfaces assez similaires.

J'aime assez bien ici, l'effet de rayonnage créé dans la partie inférieure de la page.

En revanche, les arguments de vente ("en 24 heures par la poste", "pas d'amende de retard", etc.) ne ressortent pas très bien, en gris sur fond noir, sans indentation.

Prise d'écran: Netfilm.be - février 2010


Ce type d'interface (un call-to-action majeur, trois arguments de vente et un effet de rayonnage) pourrait s'exporter à d'autres entreprises et secteurs, à mon avis.

Voyez, par exemple, comme l'offre de Be tv, dans un domaine connexe, semble extrêmement compliquée et peu équipée de "call-to-action" tranchants.

Source: betv.be - février 2010

La redondance des titres : un désastre pour les recherches internes

Recherchez "grippe" sur le site Europa (portail des institutions européennes) :

Tous les documents trouvés sont identifiés par le même titre : "Rapid - Press Releases - EUROPA".

Il vaudrait 100 fois mieux indiquer le titre du communiqué lui-même.


Recherchez "grippe" sur le site du Parlement européen :

Les résultats sont nettement plus exploitables, grâce à des titres consistants, différenciés, dans lesquels apparaissent le mot clé recherché.

Morale de l'histoire : vous avez beau posséder un moteur de recherche performant, si les titres de vos documents sont mal pensés, les utilisateurs peineront à trouver l'information dans votre espace interne. Prévoyez un titre unique pour chaque document.

Le problème se pose aussi bien pour les intranets que pour les sites web publics.

Vous désirez en savoir plus sur les techniques d'écriture favorisant les recherches?

Rejoignez-nous à la prochaine formation "Ecrire pour le web".

Ergonomie des navigateurs web : améliorations discrètes

Catégories : Ergonomie - Innovations

La dernière version de Firefox intègre la possibilité contextuelle d'ajouter un onglet.

Le petit "+" semble très intuitif. J'adore ce genre d'amélioration, peu spectaculaire, tellement elle semble naturelle. Mais il fallait y penser.

En réalité -une fois n'est pas coutume-, c'est Internet Explorer qui avait innové. Seule différence: le petit "+" n'apparaît pas avec Internet Explorer. Une icône moins évidente apparaît uniquement au survol de la souris. Firefox s'est donc inspiré de son concurrent, en rendant les choses encore un cran plus claires.

L'ergonomie, c'est ce sens du détail. Ces mini raccourcis qui facilitent la vie.

Hyperlien caritatif sur Google

Catégories : Ecrire pour le web

Google, ce vendredi 15 janvier 2010...

Au milieu de la page épurée à laquelle nous sommes tous habitués, un lien hypertexte de circonstance appelle à la solidarité:

"Information, ressources, et moyens pour venir en aide aux victimes du séisme en Haïti"

Google fait partie du monde. Google, c'est le monde. C'est le coeur même de sa stratégie de communication.

Du point de vue de l'écriture web à strictement parler, je conseillerais plutôt de faire porter le lien sur les éléments suivants:

"Information, ressources, et moyens pour venir en aide aux victimes du séisme en Haïti"

Les mots ont, en effet, plus de sens et accrochent plus dans la seconde partie de la phrase.

Une remarque bien futile, me direz-vous, en regard de la gravité de cette actualité (J'étais à 50 km de Port au Prince il y a quinze jours... ça me donne des frissons... nous qui paniquons pour 10 cm de neige).

Follow me on Twitter!

Catégories : A lire

Mieux vaut tard que jamais.

En dépit d'une activité déjà débordante, je désire tâter le micro-blogging.

Alors, qui m'aime me suit... jeanmarc_hardy sur Twitter.com.

Je publierai, au coup par coup, en 140 caractères, des informations professionnelles :

  • Dossiers clients en cours
  • Recherches de partenaires
  • Ressources détectées dans le domaine de l'ergonomie, du référencement et de la qualité des sites web

Je vous souhaite une année en très haute résolution

Catégories : Clients - Humeur

Et une année de plus au compteur.

Mais le web reste si jeune, en tant que média.

10 ou 15 ans d'existence, à l'échelle de l'évolution des médias, c'est une préhistoire, un foetus. Beaucoup reste à inventer.

Ci-dessus: l'évolution du site web des institutions européennes, avec lequel je travaille depuis plus de 10 ans.

En 10 ans, ce n'est pas tant l'évolution graphique des sites web qui est remarquable, mais tout ce qui se joue derrière : gestion de contenu, mécanismes de collaboration, responsabilités éditoriales.

Cette année, j'ai senti une très nette évolution dans la maturité des demandes de mes clients. Les bases de l'ergonomie et du référencement sont mises en place chez la plupart. On entre dans la phase d'affinement. Et c'est là que les choses deviennent intéressantes.

Pour ne prendre que quelques expériences récentes...

Je remercie 3 Suisses de m'avoir invité à réfléchir aux performances des e-mailings. Ensemble, nous avons balayé le moindre paramètre susceptible d'influencer le taux de conversion : mise en page, grille de lecture, système typographique, contrastes de couleur, libellés textes, objet du mail, taille des boutons, moment de l'envoi,...

Je remercie Dexia banque de m'avoir invité à réfléchir à l'affinement de leur méthodologie de tests utilisateurs : périmètre de test, profil des participants, définition des scénarios, conception des questionnaires post-tests, anticipation des questions de relance, techniques de prise de note et de marquage en temps réel, analyse des résultats, identification des problèmes clés, recherche de solutions, consolidation des données relatives à l'expérience utilisateur.

Je remercie l'Université de Metz d'avoir mis en place un module de "techniques rédactionnelles en ligne", et de m'avoir invité à donner ce module. Les futurs journalistes ne peuvent plus ignorer le web.

Merci à tous ceux qui m'ont fait confiance, cette année, à travers des demandes de formation, de coaching et de conseil. Bonne année à vous, chers lecteurs, clients, amis. Dans votre profession, mais aussi dans votre vie au sens large. Car la vie ne tient pas dans 1024 x 768 pixels !

Carglass: un site web sans fissure

J'ai découvert hier un éclat dans mon pare-brise.

Aujourd'hui, le problème est réglé, déjà.

J'ai pris rendez-vous sur le site web de la société Carglass, via une interface limpide (épurée, style "Apple") qui, en quelques clics très intuitifs, m'aura conduit à décrire mon problème et prendre rendez-vous pour une réparation.

La confirmation par email, dans la foulée, est rassurante et irréprochable.

Un coup de téléphone, précis et convivial, fait suite.

Si je devais identifier des points faibles, ce serait plutôt au niveau de la page d'accueil, qui se perd un peu dans un environnement trop "graphique".

Prise d'écran: www.carglass.be.

Je préfère nettement la version française, beaucoup plus "incitative".

Prise d'écran: www.carglass.fr.

Simplement, je comprimerais encore l'accroche texte.

Avec quelque chose du genre : "Le vitrage de votre véhicule est endommagé ?".

Morale de l'histoire: Carglass est une entreprise qui place parfaitement son site web au milieu de sa chaîne de production. Un vrai site web d'entreprise, pas une plaquette de présentation. Un site web au coeur de la relation client, pas une brochure en ligne. Du service, pas de la communication.

P.S. Non, je ne suis pas payé par Carglass pour écrire ce billet et je ne possède aucune action chez eux. Je suis simplement un client satisfait ;-)

Cherche spécialiste des applications web pour mobiles

Catégories : Clients

A la demande d'un client actif auprès de la Commission européenne, je recherche un consultant expert en applications web conçues pour les téléphones portables, blackberries et autres petits écrans en vogue sur le marché.

Connaissez-vous des consultants spécialisés en la matière ?

Si oui, un grand merci de m'aiguiller via vos commentaires ou, directement, par email ou par téléphone.

Piloter un site web: nouvelle formation

Depuis plusieurs années, je donne deux formations complémentaires : "Ecrire pour le web" et "Concevoir la structure d'un site web".

La première aborde les bonnes pratiques rédactionnelles, les meilleures mises en page pour le web, les mécanismes de lecture, le référencement, le taux de conversion des hyperliens,...

La seconde se concentre sur l'architecture de contenu des sites web (en amont) : points d'entrée, rubriques, systèmes de classification et de recherche,...

Pour compléter le triptyque, je propose à présent une troisième formation, qui se situe en aval: "Piloter un site web".

Concrètement, les thèmes suivants seront abordés :

  1. Interpréter correctement les statistiques de fréquentation
  2. Planifier la maintenance éditoriale
  3. Susciter le feedback
  4. Organiser des tests utilisateurs
  5. Gérer la qualité du site à court terme et long terme
  6. Mesurer objectivement le succès et la popularité du site

Les prochaines formations auront lieu les 18, 19 et 20 janvier 2010.

Offres spéciales (non cumulables) :

  • 20% de réduction pour toute inscription avant le 31 décembre 2009
  • La troisième formation gratuite, pour toute inscription au triptyque complet (concevoir-écrire-piloter).

Poster "référencement" : déjà plus de 1000 téléchargements

Merci pour vos nombreuses réactions suite à la publication du poster "Comment plaire à Google".

Suite à certains commentaires, j'ai opéré quelques légères retouches, dont la mention de la dernière version du livre d'Olivier Andrieu.

J'en profite pour annoncer un autre projet éditorial imminent : la troisième édition de Réussir son site web en 60 fiches, actualisée par Gaetano et moi-même. En effet, la seconde édition a été rapidement épuisée et Dunod envisage une nouvelle impression début 2010.