la minute du geek.net 

Il y a quelque temps, j’ai rédigé une note concernant les bonnes pratiques à prendre en compte pour la diffusion d’une lettre d’information. Je ne suis pas personnellement un très grand consommateur de lettre d’information, j’ai donc rarement l’occasion d’étudier des cas pratiques. En surfant sur le site de la société TNS Sofres, j’ai pu constater quelques bonnes pratiques intéressantes et leur impact positif, il reste cependant quelques points qui pourraient être corrigés pour l’améliorer encore un peu.  Voici une petite étude rapide.

Accès à la page d’inscription

Sur la page d’accueil, bien que le visuel invitant les internautes à s’inscrire à la newsletter soit positionné directement sous le logo, il est animé et proche d’un bandeau qui lui aussi est animé. Lors de ma première consultation de la page, j’avoue être passé complètement a coté (pensant sans doute instinctivement qu’il s’agissait d’un encart publicitaire). De plus, l’animation est organisée de telle manière que tout le texte disparaît pendant la moitié de son cycle, ce qui fait que la moitié du temps, l’information n’est pas présente à l’écran.

Plus bas dans cette même colonne, un encart bien isolé visuellement annonce “La minute marketing”, c’est ce point qui a attiré mon attention et générer un clic. Il s’avère que la minute marketing est une des deux newsletter proposée par la société.

Dans certaines pages intérieures (malheureusement pas toutes) l’appel à l’inscription à la newsletter se fait de manière plus claire avec un visuel sobre et très lisible sous les menus contextuel (à droite), le rose (couleur de la marque) sur fond blanc rend le visuel quasi impossible a rater.  On regretta cependant que dans d’autres pages, les menus contextuels soient tellement longs que le visuel est relayé beaucoup plus (trop) bas dans la page.

Un positionnement dans le bandeau supérieur de la page (qui n’est quasiment pas exploité) permettrait de l’afficher en permanence au même endroit et de manière bien visible.

Page d’inscription

2 newsletters sont proposées aux internautes, c’est clairement indiqué dans le titre (Nos newsletters). On informe aussi rapidement sur la fréquence d’envoi dans la baseline (L’actualité du site TNS Sofres toutes les semaines). Un descriptif rapide est proposé pour chacune des deux lettres (les éditeurs ont souvent tendance à l’oublier, mais c’est toujours intéressant de savoir à quoi on s’abonne !), ces descriptif servent aussi à attribuer un code couleur aux deux lettres, qui nous permettra de faire un choix plus instinctif lors de l’inscription plus bas dans la page.

Et (comble du luxe) des exemples sont disponibles ! Dans le cas de la minute marketing, rien à dire… le lien renvoi vers la page d’archive qui permet de consulter la dernière minute publiée et de consulter la totalité des archives. Dans le cas de la newsletter par contre, quelques petits points pourrait être améliorés. Tout d’abord, il semble qu’il n’y ait pas d’archive pour cette lettre. Comme je le disais dans mon billet sur les bonnes pratiques, l’archivage d’une lettre d’information permet de revenir consulter une lettre que l’on a supprimée par erreur, il permet aussi d’améliorer le référencement d’un site en proposant plus de contenus et de liens aux moteurs de recherche. Ensuite l’exemple proposé date d’un peu moins d’un an, il peut être difficile de juger de la pertinence d’une lettre qui traite de sujets qui étaient d’actualité il y a un an. La dernière version de la lettre (à défaut d’avoir accès a des archives) serait sans doute plus pertinente. Et enfin, dans l’entête de cet exemple, on trouve un lien vers “la minute marketing”, quel peut bien être l’intérêt de s’inscrire aux deux lettres si l’une affiche systématiquement un lien vers la minute hebdomadaire ?

Formulaire d’inscription

Le formulaire est très clair, très aéré ce qui facilite la saisi d’information. On retrouve le code couleur de nos deux lettres au moment de choisir la ou les lettres auxquelles on souhaite s’inscrire. Les champs obligatoires sont très clairement identifiables, ce qui permet de s’inscrire en ne laissant qu’un minimum d’information si on le souhaite. Mais la quantité d’information demandée reste raisonnable et la clarté du formulaire doit inciter les internautes à remplir tous les champs (données que j’imagine précieuses pour un organisme comme TNS Sofres). Seul bémol de ce formulaire, la présence du bouton “recommencer” n’est absolument pas nécessaire.  Il y trop peu de champs pour automatiser la réinitialisation du formulaire, et cela risquerait même (en étant cliqué par erreur) de forcer l’internaute a ressaisir toutes les informations demandées.

Confirmation d’inscription

Après avoir validé le formulaire d’inscription, une confirmation s’affiche à l’écran et vous invite a revenir sur la page d’accueil du site. Étant donné que j’ai pris la peine de saisir mes noms et prénom, cette confirmation aurait pu être personnalisée en rappelant aussi l’email saisi afin de me permettre de contrôler que j’ai bien communiqué la bonne adresse. Le message aurait aussi pu préciser qu’une confirmation d’inscription à été envoyé, cela permettrait d’inviter les internautes a vérifier qu’elle n’a pas été filtrée par un anti-spam.

Mail de confirmation

Le mail de confirmation est arrivé immédiatement après avoir validé le formulaire, ce qui est une bonne chose. La encore, alors que j’ai pris la peine de saisir mes noms et prénoms aucun champs de personnalisation n’apparaît (ni dans le destinataire du mail, ni dans le sujet ou le corps du message). Le corps du message écrit en très (trop) petits caractères m’informe que mon inscription à la newsletter à bien été prise en compte, mais le fait que j’ai souscris aux deux abonnement n’est précisé nul part ce qui pourrait me faire douté d’avoir coché les deux cases et éventuellement recommencer l’opération en ne cochant que l’abonnement à la minute marketing. C’est d’ailleurs ce que je me suis amusé à faire (oui je sais… je suis un sacré marrant moi !). Lors de cette deuxième inscription, a aucun moment le système n’a vérifié si j’avais déjà été inscrit… le formulaire à bien été validé et j’ai de nouveau reçu une confirmation d’inscription…

J’attends de voir si les contacts mails sont dédoublonnés avant l’envoi ou si je vais du coup recevoir deux exemplaires de la même lettre chaque semaine.

Conclusion

Quelques très bonnes pratiques suffisamment rares pour avoir attirés mon attention : L’accès a deux lettres clairement dissociées, des informations sur la fréquence d’envoi, sur le contenu, l’accès aux archives pour l’une des deux, à un exemple pour l’autre. Un formulaire bien conçu rapide à remplir (même en saisissant toutes les informations non obligatoires) qui permet sans doute de récolter des données utiles.

Quelques petits défauts, pas très gênants certes, mais avec une correction rapide ils pourraient apporter un peu plus de confort aux utilisateurs : Donner accès aux archives de la newsletter principale, vérifier si l’email n’est pas déjà en base, personnaliser les messages quand les noms et prénoms ont été saisis, améliorer le mail de confirmation (typo plus lisible, rappel des abonnements souscrits), supprimer le bouton recommencer, positionner les boutons d’inscription à la newsletter au même endroit sur toutes les pages du site.

Trouvé sur buzzman :

As Bob Thacker, senior VP-marketing and advertising at OfficeMax, says :

« The secret is respecting the consumer. You are interrupting their life. All advertising is unwanted, so if you’re going to crash the party, bring some champagne with you. »

Tellement vrai… Il n’y a rien de pire qu’une publicité pas intéressante (ou drôle)

PS : J’adore le “On aurait du changer l’ampoule” dans “The very very dark room” de la pub Zaoza

Lors de mon passage sur le salon e-commerce cette année, deux évolutions m’ont marquées par rapport aux années précédentes : Une offre de plus en plus large sur la production de contenu vidéo (j’y reviendrais sans doute dans un prochain billet) et une présence plus important de sociétés spécialisées dans l’ergonomie des interfaces (ou une mise en avant de cette compétence par les agences). Selon Erwan LAGEAT (Responsable de l’Architecture de l’Information chez Nurun) c’est l’arrivée à maturité des autres problèmatiques qui entrent dans la conception d’un site web (socles techniques, CRM, CMS, emailing…) qui permet aujourd’hui de se focaliser avec plus d’attention sur les questions d’ergonomie. En effet, de plus en plus d’agences ne se contentent plus d’utiliser le terme “ergonomie” pour faire bien dans leurs propositions, elles intègrent progressivement de véritables compétences dans ce domaine, voir même, dans le cas de Nurun, la création d’un service entier dédié à l’architecture de l’information. C’est évidement une excellente nouvelle, en particulier depuis l’arrivée des “rich media” et son lot de fonctionnalités, certes très sexy, mais parfois trop complexe à comprendre pour être utilisées efficacement.

Je le rappel pour ceux qui ont trouvé le moyen de passer a coté, pour des premiers pas réussis dans le fabuleux monde de l’ergonomie ;-), le livre d’Amelie Boucher est un passage obligé. Il est complété depuis quelques jours par le memento ergonomie web et puisque vous en êtes la, je vous conseil aussi la lecture de l’interview d’Amélie Boucher diffusée sur designers interactifs. Voilà, vous n’avez plus d’excuse pour mettre l’ergonomie en second plan dans vos projets web.

Common Craft diffuse régulièrement des vidéos d’explication pour les grands concepts d’internet, mais il arrive aussi qu’ils se penchent sur des concepts plus… originaux

Alors que les deux grands éditeurs de systèmes d’exploitation commerciaux (Apple et Microsoft pour ne pas les citer) se battent à coup de publicités plus ou moins drôles, les éditeurs de navigateurs se préoccupent de faire avancer concrètement les choses en exploitant intelligemment les technologies émergentes.

Il y’a quelques temps, Mozilla Labs diffusait la vidéo d’Aurora concept, qui nous démontrait ce que pourrait être l’avenir de nos IHM. À la différence des éditeurs traditionnels, Mozilla Labs ne se contente pas de faire rêver quelques geek gadgetophiles, cette vidéo n’était rien d’autre que la manifestation d’une volonté d’utiliser toutes les technologies existantes pour proposer de nouveaux outils et de nouvelles façon d’utiliser le web et toute sa richesse.

Dans cette logique, peu de temps après, Mozilla Labs annonçait le démarrage du projet Ubiquity. La solution n’est pas encore très sexy, certes, il y a encore peu de fonctionnalités disponibles via Ubiquity, mais elle a le mérite d’avoir été mise à la disposition des développeurs, de proposer une nouvelle façon d’exploiter les données et de les enrichir grâce à d’autres outils en quelques clic.

Aujourd’hui, Mozilla Labs continue dans sa lancée en annonçant l’extension Firefox Geode pour nous donner un avant-goût des fonctionnalités de géolocalisation intégrée dans un navigateur. Bien que les contenus collaboratifs basés sur des systèmes de géolocalisation sont encore loin d’êtres entrés dans les habitudes françaises (essayez simplement de trouver un Starbuck sur le google map de votre iphone quand vous avez du temps à perdre a Paris, et vous en serez convaincu !) la démocratisation de fonctionnalités GPS sur les téléphones mobiles devrait progressivement alimenter le web en contenus géolocalisés. Mais l’intérêt d’une géolocalisation fiable va bien au-delà du côté “pratique” de ces nouveaux contenus essentiellement plébicités par les nomades. Pour citer Mozilla Labs, imaginez un lecteur RSS qui change de comportement selon si vous êtes sur votre lieu de travail ou bien chez vous, ou encore un site dont la fonction “trouver un magasin proche de chez vous” vous propose spontanément un choix de magasins pertinent en fonction de l’endroit d’où vous vous connectez. Le nombre d’applications (parfois exotiques) pour Iphone qui utilise la fonction de géolocalisation intégrée dans le SDK montre que les services de genre reste largement à inventer.

En lançant un projet sérieux de géolocation basé sur les spécifications du W3C, Mozilla Labs met à la disposition des développeurs (comme avec Ubiquity) les premières briques d’outils standard et multi-plateforme qui marqueront peut-être le web de demain.

Comme vous le savez, nous consultons généralement un site internet comme la une d’un journal, nous scannons les pages très rapidement à la recherche d’un mot ou d’une expression qui pourrait correspondre à l’action que nous cherchons a accomplir (Téléchargez, Contacter-nous, Demander un devis…). Le design est essentiel véhiculer l’image de votre entreprise et pour faciliter la navigation dans le site, mais l’organisation du contenu des pages ne doit pas être oubliée. Dans son livre “Je ne veux pas chercher“, Steve Krug cite l’extrait de la bande dessinée de Gary Larson ci-dessous.

Notre façon d’interpréter une page web n’est pas très éloignée de cet exemple, nous identifions immédiatement les mots clés que nous avons a l’esprit pendant la consultation d’une page. Si ces mots clés sont fondus dans la masse, ils seront plus difficiles à identifier, en ajoutant ce que vous pensez être un complément d’information à l’attention de vos internautes, vous ajoutez parfois du bruit, vous compliquez l’interprétation des pages et l’accès à une information essentielle. En pensant bien faire, vous augmentez donc la frustration de vos internautes et risquez de les voir quitter votre site sans avoir atteint leur but.

Bien entendu le contenu a son importance, il permet de rassurer et de renseigner l’internaute qui vient parfois chercher votre expertise dans un domaine. Il faut donc procéder en trois étapes :

- Séparer le contenu rédactionnel et les éléments qui doivent déclencher une action.
- Simplifier au maximum le contenu rédactionnel, aller à l’essentiel, reprendre les textes avec un style plus journalistique que littéraire
- Après avoir isoler les CTA (call to action) il faut jouer sur la taille des caractères, sur la mise en gras. Attention cependant à conserver des textes courts, si vos accroches sont trop longues, leur mise en avant n’aura pas la même efficacité. Si elles ne peuvent être réduites à une expression simple sans perdre leur sens, essayez d’extraire les mots principaux (qui seront captés par le regard) pour les mettre en avant et ajoutez une “baseline” en plus petit caractère pour préciser leur sens en faisant bien attention que les deux textes (l’accroche et la baseline) soit associés visuellement.

Le blog UsabilityPost vient de publier un très bon exemple de suppression du bruit dans une page. La page ainsi modifiée gagne considérablement en clarté ce qui permet aux visiteurs d’être plus efficace et d’atteindre leur but plus rapidement.

On a beau avoir tous les outils nécessaires pour sauvegarder et organiser l’information que l’on trouve sur le net, parfois il est nécessaire de fouiller dans nos historiques de navigation pour retrouver un site qu’on a vu quelques minutes, quelques heures ou quelques jours plus tôt. Pour les utilisateurs mac, BrowseBack propose une toute nouvelle façon de dénicher rapidement un site que l’on a consulté quelques temps plus tôt. Une fois installé, il sauvegarde chaque page visitée (par tous les navigateurs installés sur le système), il créé une vignette pour chacune d’entre elle et indexe le contenu pour permettre de faire des recherches par mots clés. Dés que vous avez besoin de revenir sur une page visitée plus tôt sans connaître son adresse, il suffit de cliquer sur l’icône de BrowseBack, il s’affiche à la manière d’exposé (en se superposant en plein écran). Il propose en plus d’une interface de navigation intuitive, la possibilité de filtrer les résultats par date et par mots clés, pour chaque page pouvez : afficher une miniature ou la version conservée en cache, consulter la page en ligne, l’envoyer par email, la sauvegarder au format PDF ou l’imprimer.

Un peu gourmand en ressource quand il faut indéxer un gros historique (après l’installation) mais à l’usage il se fait plutôt discret.

Dans ces cas la, certains vont chez le coiffeur, d’autres changent la disposition des meubles… moi je refais le design de mon blog… Donc une nouvelle bannière de blog (pour ceux d’entre vous qui parlent comme Cécile) ou un nouveau layout (pour ceux qui, comme moi, pensent que Cécile est une fille formidable, mais qu’elle n’y connaît vraiment rien en blog ).

Update : Après avoir consulté le site sous IE avec un écran bien plus lumineux que celui de mon portable, il semble que cette nouvelle “bannière de blog” soit bien moins esthétique que prévu, je corrigerais tout ça d’ici quelques jours, d’ici la, firefox est votre ami (et si vous avez des lunettes de soleil qui trainent, elles sont fortement conseillées).

Je profite aussi de ce petit lifting pour relancer une vieille invitation : Pierre, Morgan, Florent nos discussions de geek me manquent ! Je vous ai déjà proposé de transformer ce blog en espace collaboratif destiné à héberger nos geekeries, cette invitation est plus que jamais d’actualité. Le nom de domaine laminutegeek.net n’attend plus que votre réponse, so come on guys, bring out your inner geek !

Pour ceux d’entre vous qui ne me connaissent pas, j’ai un véritable amour pour le Québec (et pour les Québécois, sans qui ce ne serait finalement qu’une bien jolie province). Ce soir, au hasard de mes balades de liens en liens j’ai découvert cinq sites qui méritent d’être connus, tous Québécois, quel bonheur ! Tout a commencé par le blog de Patrick Grégoire, Designer d’expérience utilisateur (j’adore le terme, bien moins pompeux qu’ergonome, et finalement beaucoup plus parlant), son blog est récent, il a été ouvert cet été, mais ces premières réflexions sont des plus intéressantes. Il a aussi créé son univers sous netvibes dans lequel j’ai trouvé deux petites perles :

- Le blog de Michaël Carpentier, qui a décidé récemment de publier un “alambic” du vendredi. Un billet hebdomadaire, sobre, visant (pour reprendre ces termes) à réduire le bruit et à améliorer la qualité du signal. Je ne peux que le saluer dans cette initiative pleine de sagesse, et j’attendrais sagement le vendredi pour le lire avec attention.

- Les bonnes fréquentations : Déjà, j’adore le titre, ne me demandez pas pourquoi, juste une question de feeling. Blog collectif alimenté par 6 rédacteurs (dont Michaël Carpentier) occupants des postes dans le domaine des TIC. La présentation est sobre, le contenu qu’ils proposent est clair et ils ne surfent pas sur la vague des articles à fort trafic (que 4322 geek auraient posté avant eux).

A noter une très bonne pratique sur la page d’abonnement à leur fil RSS, ils prennent le temps d’expliquer ce qu’est un RSS. Il est vrai que l’on a tendance à présumer que tous les gens susceptibles de s’abonner à un flux RSS savent déjà ce que c’est, mais avec cette petite attention, ils s’assurent de nouveaux lecteurs qui jusqu’ici ne connaissaient pas cette technologie.

Pour terminer, les bonnes fréquentations susnommés appartiennent à deux sociétés : Zengo et iXmédia dont les pages d’accueil sont d’excellents exemples des propos que je tenais dans mon billet précédent.

5 sites pour le plaisir des yeux et de l’esprit, tout ça sans quitter le Québec… il faut vraiment que je m’occupe de ma demande de visa moi… D’ici la, bonne lecture.

Si vous commencez à proposer à un client de vous lister tout ce qui doit être présent sur sa toute nouvelle page d’accueil, je vous conseille de vous installer confortablement car il va vous lister tout ce qui peut lui venir a l’esprit… mais attention, tout doit tenir dans la zone utile (visible sans utiliser l’ascenseur de la page). On ne peut évidemment pas leur en vouloir, d’une part parce que ce sont vos clients, que ce sont des gens formidables et que vous les aimez de tout votre cÅ“ur ;-). Et d’autre part parce que vous leur avez demandé ce qui était important pour eux (et non pour leurs visiteurs). Ajoutez à cela le fait que depuis des années, des petits malins racontes a qui veut l’entendre que si un contenu n’est pas accessible en 3 clics (pourquoi 3 et pas 2 ou 4, je ne sais pas, ça restera toujours un mystère) il ne sera jamais lu (non pas rarement, je vous assure que j’ai entendu des consultants parler de contenu qui ne sera JAMAIS LU). Mais je m’égare, je reviendrais sans doute un autre jour sur cette aberrante règle des 3 clics, revenons à nos pages d’accueil.

Avant tout j’ai une mauvaise nouvelle à vous annoncer, certains visiteurs arriveront sur votre page d’accueil… et repartiront aussitôt. C’est la vie, et tant que vous n’aurez pas accepté l’idée que tous les visiteurs ne sont pas des prospects potentiels, la lecture de vos statistiques de fréquentation continuera à vous déprimer. Par contre (et heureusement !) certains utilisateurs seront vraiment intéressés par les services ou produits que vous proposez, l’objectif est donc de leur faire comprendre très vite ce que vous pouvez leur apporter et de les orienter vers la page qui leur permettra d’en savoir plus. Imaginez un vendeur venir à votre rencontre dès votre entrée dans une boutique pour vous lister tous les produits qu’il peut vous proposer, mais aussi la carte du magasin, les possibilité de crédit, le service après vente et que sais-je encore… La fonction de cette page est d’accueillir vos visiteurs, d’indiquer clairement vos activités, vos points forts, et d’orienter vers la rubrique recherchée.

Aujourd’hui j’ai découvert le site de partage de captures d’écran scrnshots.com [via le journal du blog] parmi les quelques excellentes captures mises en avant, 3 captures de page d’accueil on particulièrement attirées mon attention.

http://onwired.com/

“Biensûr, OnWired réalise des sites internet professionnels, mais nous sommes aussi des experts en e-commerce, marketing et gestion de contenu. Nous rendons le web plus facile. Comment pouvons-nous vous aider ?”

Cette accroche suffit largement à définir l’activité de la société, de plus la forme interrogative de la dernière phrase permet d’initier un dialogue avec l’internaute. Cette forme interrogative est d’ailleurs reprise dans les 3 colonnes situées juste après l’accroche : Qui sommes-nous, Que faisons-nous, Où l’avons-nous déjà fait. La navigation (très claire) reprend elle aussi cette forme interrogative ce qui assure une cohérence avec le reste de la page. Enfin les derniers articles du blog trouvent naturellement leur place plus bas dans la page.

Cette page traite l’internaute avec respect, si une personne souhaite prendre contact avec cette agence, elle saura sans doute trouver les coordonnées, mais avant, elle pourra prendre connaissance (sans se sentir agressée) des différents métiers et référence de cette agence web.

http://www.weeatt.com/

Dans cet exemple, il s’agit d’expliquer le concept du site très rapidement… 3 phrases suffisent pour laisser l’internaute choisir s’il souhaite aller plus loin. Après avoir compris qu’il s’agit d’un outil de partage et de stockage de recettes de cuisine, il peut, sur la même page, visualiser la recette du jour, les derniers articles du blog ou les recettes les plus populaires.  Le seul reproche que je pourrais cependant faire à cette page, c’est le manque de visibilité du bouton “Start here”, une page d’accueil épurée permettra d’orienter un internaute dans la bonne direction, mais encore faut-il que les indications soient visibles.

http://www.teehanlax.com/

La aussi, un message clair et sobre qui définit l’activité, une navigation très bien placée, un pavé pour indiquer “ce qui fait leur différence”, et la remonter du blog pour donner un peu de vie a la page. Au passage, je vous conseil de jeter une Å“il à leurs références, vous y trouverez beaucoup d’inspiration.

Pour résumer, une page d’accueil ne doit pas forcément tout mettre en avant.  Un message clair qui permet de comprendre ce que vous faites, une navigation compréhensible qui laisse l’internaute choisir ou il veut aller, éventuellement un “call to action” pour l’orienter plus précisément et quelques éléments bien hiérarchisés par l’utilisation des bonnes règles typographiques (a ce sujet, je vous conseille l’excellent article de webdesignerwall sur l’utilisation des typographies sur le web).  Et si certains visiteurs ne dépassent cette page d’accueil, c’est tout simplement qu’ils cherchaient autre chose…