Le face à face entre Brussels Airlines et Ryanair, à découvrir sur 60questions.net.

Comme d'habitude, tous vos commentaires sont bienvenus.

Admirez la beauté du design ci-dessus.

Mais non, pas la photo, pas moyen d'être sérieux avec vous ! ... je parle de la typo !

De belles grandes lettres à empattement (Georgia ou, à défaut, Times).

Le corps de texte en Arial, avec un interligne digne de ce nom, qui permet de respirer.

Ca donne envie de plonger dans le décolleté texte, non ? ;-)

Notez que Yahoo! a posé un copyright sur sa feuille de style.

Je cite :

h1 { font:275% georgia,times,serif; } body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

Source : Shine, le nouveau portail féminin "made by Yahoo!". J'en ai pris connaissance via le blog de l'excellent Laurent Goffin.

Notez que le journal Le Monde utilisait déjà ce mélange de deux polices (une avec serif, une sans serif).

Mais le résultat est moins heureux. La gestion de l'espace est moins fine ; les contrastes, moins efficaces.

Les urbanophiles vous proposent un cocktail multimédia détonant : six vidéos désopilantes, intégrées dans un environnement Flash sonore, graphique et interactif (essayez notamment le mesurostress).

Ce portail sur l'Auvergne aurait pu mener campagne bien sagement, à l'aide de bannières publicitaires classiques engageant à visiter la région. Avec un retour sur investissement pas forcément spectaculaire.

Ici, il a choisi d'attaquer le sujet par la bande. Le site des "urbanophiles" ironise sur les joies de la ville (pollution, stress, grisaille,...).

L'environnement graphique est bien pensé. Que du noir et blanc, à l'exception d'une respiration dans le coin inférieur droit de l'écran : un effet de pli de page, vert prairie, qui aiguille tout droit vers le portail sur l'Auvergne.

On accroche le public par l'humour et le jeu. On réveille son besoin d'oxygène. On l'aiguille ensuite vers le produit.

Morale de l'histoire : en communication, le chemin le plus court n'est pas forcément la ligne droite.

P.S. "Link-baiting content" est une expression utilisée dans le domaine du référencement pour identifier cette stratégie qui consiste à produire des contenus d'accroche, hautement susceptibles d'être relayés.

...Il y a encore des clients pour ça ?

On peut faire des choses intéressantes avec Flash, mais oubliez les intros, elles ne convertissent qu'au bouton "Skip" ;-)

Lorsque vous recherchez "vol pour barcelone" ou "vol rome" dans google.be, Brussels Airlines arrive en tête des résultats organiques (référencement naturel, par opposition aux liens sponsorisés).

Ce résultat n'est pas le fruit du hasard.

L'expression "vol pour Barcelone" apparaît cinq à dix fois dans la page cible. En particulier à des endroits stratégiques : la balise TITLE, la balise H1, la navigation, le début du texte, etc.

L'éditeur s'en sort plutôt bien, car cette redondance ne me semble pas trop gênante à la lecture. Vous êtes d'accord avec moi ?

La répétition de mots clés dans un volume de texte donné joue un rôle important dans le référencement. Certains outils en ligne vous permettent de calculer la densité de vos mots clés.

Alors, parfaite l'optimisation des pages chez Brussels Airlines ?
Non, pas encore : actuellement, les photographies ne sont pas enrichies d'un texte alternatif riche en mots clés. C'est une piste supplémentaire à exploiter.

Le formulaire ci-dessous tient péniblement en équilibre. Nous avons déjà évoqué précédemment les questions d'alignement.

Mais je voudrais attirer votre attention sur un autre point : les libellés des boutons. Et, en particulier, le manque de clarté d'un bouton "rétablir" ou "réinitialiser" au bas du formulaire.

Bien sûr, pour un informaticien, il apparaît évident qu'un tel bouton sert à effacer les données déjà encodées dans le formulaire. Mais pour Monsieur-Tout-Le-monde, la chose ne va pas forcément de soi.

Quoiqu'il en soit, ce bouton a une utilité très marginale. Vous arrive-t-il souvent de "rétablir" un formulaire qui contient cinq champs ? Dans le pire des cas, vous corrigerez une faute de frappe ou abandonnerez simplement la page, mais le bouton, en lui-même, a peu de raison d'être. Il dilue l'effet du bouton principal "envoyer" qui - soit dit en passant - gagnerait à être plus précis et davantage centré sur l'action réellement effectuée. Par exemple ici : "Envoyer votre réservation" ou "Réservez !"

Source : le site web du restaurant Moulin de Lanrodec.

A l'inverse, j'ai apprécié le libellé du bouton destiné à l'envoi de commentaires sur le blog de Xavier de Mazenod.

"Dites-le" : incitatif et convivial, non ?

Source : adverbe.com.

Ecrire pour le web, ça passe aussi par ce souci du détail.

Vous désirez vous faire entendre ? Dans ce cas, il va vous falloir maîtriser certains détails : les choix typographiques, les contrastes de couleur, les alignements, les espaces, la densité d’information,… sont autant de paramètres qui détermineront votre capacité à capter l’attention de vos lecteurs.

Lisez mon dernier dossier comparatif sur le thème de la lisibilité !

Toutes vos réactions, commentaires, clins d'oeil ou indignations sont bienvenus.

Pas facile de réussir la page d'accueil d'une grosse institution, comme un ministère, par exemple.

Le Ministère français de l'Agriculture et de la Pêche s'en sort plutôt bien.

J'adore les contrastes dans la page. Une parfaite lisibilité. Une architecture de navigation limpide. Une densité d'information bien sentie. La vidéo bien intégrée. Un bon équilibre entre l'actualité et les entrées de navigation. Tout ce qui importe pour une page d'accueil.

Source : http://agriculture.gouv.fr/

Par comparaison, notre portail belge de l'agriculture fait pâle figure :

Source : www.statbel.fgov.be/port/agr_fr.asp

Merci à Joël qui est le premier à m'avoir parlé du site du Ministère français de l'agriculture.

P.S. A part le foot et le ministère de l'agriculture, les Belges sont les meilleurs dans toutes les autres disciplines, ça va de soi ;-)

Sur la toile belge, les restaurants ont du mal à nous ouvrir l’appétit. En dehors des vitrines très standardisées que l’on retrouve au départ de portails tels que resto.be, les sites web des restaurateurs ont beaucoup de mal à se présenter de manière originale sans tomber dans le mauvais goût. Nous décernerons peu d’étoiles aux restaurants en ligne.

En primeur pour les habitués de ce blog :
Mon dernier dossier sur les sites web de restaurants.

Merci aux lecteurs qui m'ont fait parvenir des exemples.

Toutes vos réactions sont bienvenues.

L'article sera envoyé, dans les jours qui viennent, aux abonnés e-mail.

Je rebondis sur mon billet précédent. Cette fois-ci, avec un bon exemple : celui de la FNAC qui a pris le soin de créer un menu saisonnier.

Voyez le menu enneigé : "Destination Noël".