BrowserSize s’inscrit dans la lignée des principes comme le « premier tiers » (e-mailing) ou du « above the fold » (presse papier), en indiquant au concepteur Web la partie la plus visible de son interface. Dans la capture ci-dessus, on remarque que certains éléments échappent au premier regard de 5% des internautes, et notamment… la sidebar avec le logo, la description, le champ d’abonnement newsletter, et j’en passe.

Bien définir ses objectifs de conversion est indispensable pour placer intelligemment ses call to action ou contenus essentiels dans une page. Cependant, il ne faut pas chercher à tout placer dans une zone restreinte, puisque les internautes ont de plus en plus tendance à descendre pour découvrir plus de contenus.

Si BrowserSize est un bon indicateur ergonomique, n’oublions pas que les internautes savent scroller, comme le rappelle justement Australopitech (chez qui j’ai déniché l’info). Et que, par ailleurs, les « faibles » résolutions d’écran (800 x 600 par exemple) sont peu représentatives… Moins de 4% selon Libstat.

Une fonctionnalité pratique serait de pouvoir uploader une maquette Sur ce, je vous donne rendez-vous début janvier, pour la reprise !

• Les leçons d’économie de Nine Inch Nails : MissKPlane nous explique comment le groupe a réussi à gagner de l’argent en proposant son album… en téléchargement gratuit. Un modèle intelligent pour l’univers de la musique.
• Afficher sa communauté Twitter sur un blog Wordpress : ou comment rendre son blog encore plus « social media optimisé » via l’intégration de ses followers.
• Facebook met son outil de lifestreaming en open source : le réseau social a récemment racheté Friendfeed, et voilà qu’il lance le code de ce service de lifestreaming en téléchargement libre. Les marketeurs apprécieront.
• 20% of tweets are about brands : effectivement, 20% des sujets postés sur Twitter concernent les marques. Mais est-ce qu’elles l’ont toutes compris ?
• La génération X fait encore la différence : selon ReadWriteWeb FR, les 30 / 45 ans sont des moteurs de premier plan quand il s’agit d’adopter les technologies collaboratives.
• Définir une stratégie de réputation numérique : Antoine Dupin s’est lancé dans un article de fond sur la e-réputation, et le moins qu’on puisse dire, c’est que les exemples et conseils sont très nombreux.
• MinimalExhibit, une (autre) superbe galerie dédiée au webdesign minimaliste : il y avait MinimalSites, voilà donc une nouvelle source d’inspiration pour les créatifs du Web.
• Land Rover, nouvelle exemple de greenwashing bien tordu épinglé par l’ARPP : quand 2 marques automobiles présentent la réalité de façon déformée, ça donne des 4×4 « éco-friendly ». Sauf que ce coup-ci, ça ne passe pas.
• Sobees et Microsoft imaginent le journal de demain : c’est plutôt moche et ça ressemble fortement à un agrégateur de contenus multimédias, mais c’est sensé préfigurer la presse online nouvelle génération.
• Page Facebook de VitaminWater : pour terminer, Akostic analyse les éléments qui font de la page fans de VitaminWater un modèle du genre pour tous les community managers.

C’est bien la première fois que je poste un article de remerciement, mais vous le valez bien. Pour ceux qui n’ont pas participé, c’est trop tard, vous pouvez culpabiliser Bref, j’ai récemment annoncé sur ce blog mon projet de création et sollicité les avis de mes lecteurs / followers sur la future maquette du Blog du CR. Qui au passage change de nom, mais tout est dit ici, je ne vais pas radoter.

La participation a été relativement importante, le bouche à oreille a bien pris sur Twitter et les avis postés ont apporté une vraie valeur ajoutée à la réflexion. Cf. les commentaires très complets et argumentés de l’article d’annonce. Alors voilà ma liste de remerciement à tous ceux que j’ai pu identifier : Krystoff, Mr Xhark, Claimset, SkyNebula, Benoît, Entoine, Steve, Jocelyn, Pierre, Sylvain, Rasbaille, Valentin, Julien, Audrey, Brunoh, Ugo, Caroline, Jean-Yves, @moderateur, @AntoineDupin, @justepourdire, @edonis, @enfantsdelapub, @Buzzistic.

Merci également à Pascal, Pierrick, Jean-François et Guillaume (qui n’ont pas de liens, tant pis ), ainsi qu’aux quelques 120 participants au sondage. Si je vous ai oublié, je m’excuse d’avance.

Maintenant, que va-t-il se passer ? Déjà, sachez que j’ai bien lu tous vos commentaires. C’était long mais nécessaire Il y a certaines remarques fortes, si je passe sur la charte identitaire déjà validée :

• Certains souhaitent une structure conventionnelle avec colonne à droite
• D’autres relèvent très justement le risque de confusion entre le nom du blog et celui de l’agence
• Le logo plaît, pas de doute, il est donc à mettre en valeur
• Le blanc en background sans lignes de structuration gène quelques visiteurs, provoque une sensation de vide, tandis que d’autres, comme moi, apprécient son aspect très épuré / minimaliste
• Le haut de colonne anthracite recueille un certain succès (rappel de notre charte d’entreprise)
• La deuxième maquette, au-delà des résultats des votes, attire clairement plus que la première
• Une remarque régulière est faite sur le choix du gris pour le contenu, peut-être un peu trop clair pour les lecteurs
• Valentin a soumis l’idée d’un CSS Switcher, idée à laquelle j’avais aussi pensé

Enfin, plusieurs personnes (dont Brunoh, l’esprit du DC ) m’ont rappelé que je devais à tout prix rester fidèle à ma ligne éditoriale initiale, conserver une pleine liberté de publication sans la polluer avec des intérêts professionnels (mon entreprise). Je confirme que NiceToFeedYou restera mon blog, pas celui de l’agence, c’est un parti-pris sur lequel je ne cèderai pas. Après n’oublions pas, quand même, que le blog est un outil de personal branding et de networking…

Alors pour la suite, je m’attelle à une deuxième troisième maquette en intégrant au mieux les avis qui me paraissent cohérents avec ma charte et mes objectifs. La refonte est donc prévue pour fin août et d’ici là… le blog prend une pause. J’en profite pour vous souhaiter des vacances de rêve, totalement déconnectées.

Vos commentaires ne seront pas validés tant que je serai sur les plages d’Ajaccio

2 choses : le nom et la charte graphique. La ligne éditoriale restera la même. Mêmes contenus, même ton, même liberté. Et même éditeur bien sûr. Le nouveau nom du blog : NiceToFeedYou, pour jouer avec le nom de ma future entreprise en se rattachant directement à l’univers du blogging (« feed »). Ce nom est validé… Par contre, votre avis est le bienvenu sur le choix ergonomique du prochain template.

Le style graphique est posé, volontairement épuré, dans les couleurs du projet, mais la structure principale du blog est encore en suspens exemple : (colonne toujours à gauche, ou retour à un format classique ?), ainsi que l’arborescence (exemple : voir si l’onglet « AGENCE » ne va pas déshumaniser la publication ; pourquoi pas « BIO » à la place ?). Personnellement, j’ai déjà ma préférence mais c’est surtout vous qui pourrez déterminer le choix final. Voici les 2 maquettes temporaires :

Maintenant, merci de voter ci-dessous

Évidemment, vous savez comme moi que vous pouvez vous désabonner à tout moment (si vous me suivez via RSS, Newsletter ou Twitter). J’espère juste que vous partagerez avec moi votre premier ressenti afin de coller au mieux à vos attentes. Et dans tous les cas, ce blog reste individuel, c’est simplement une façon de rafraîchir l’identité et de la rapprocher de mon projet professionnel. Alors qu’en dites-vous ?

Alors si vous cherchez le template idéal, magnifiquement structuré tout en conservant une certaine sobriété, voilà ma liste de 52 + 4 thèmes Wordpress exceptionnels (et gratuits) pour sublimer vos contenus. Une liste totalement subjective, mais élaborée par un maniaco-créatif à travers les méandres du Web

MétaMorphosis

Snapshot

Modio

Nishita

Too Newsy

Vostok

Design Redux

BlueMag

BlueSkool

Vigilance

Futurosity

Life Collage

Rainbow

Emplode

Grunged

Infinity

Lady In Green

Ashford

Mahiwaga

Statement

Crushpress

Simple Paper

Titan

Oulipo

Modern

Inuitypes

Star Press

Cypher

PocketT

Folio

Arthemia

Linquist

Grid Focus

Digital Statement

Portfolio Press

Agregado

Magazeen

Enormous

Vice

Lead

Nami

CityDream

Cosmode

TextBack

StilBruch

Rio

MiniBlog

Byty

Blamatic

Junction

Second To None

Una

Viewport

Equilibrium

Portfolio Wpesp

Note de fin : pour un blog à vocation professionnelle, je recommande quand même de faire travailler un webdesigner ou de retoucher un minimum la CSS pour obtenir une « forme » personnelle. Merci de ne pas me poser de questions techniques sur les thèmes cités ici, je ne fait que les relayer et ne suis ni concepteur graphique, ni intégrateur

Les tenanciers de Knockin me donnent un beau coup de main pour cet article, puisqu’ils relaient sur leur blog un plaidoyer pour le contenu, lancé par Kristina Halvorson, Stratège Editorial. Dans son article publié sur A List Apart (l’un des blogs de référence sur le contenu Web), l’experte en contenu monte au créneau pour défendre la stratégie éditoriale.

Impossible de retrouver le post en question (mis à part son Slideshow), donc je m’appuie sur la traduction globale de Knockin. En substance, Kristina Halvorson rappelle aux webdesigners et concepteurs web l’importance du contenu. Ils sont, et personne ne dira le contraire, les metteurs en scène du contenu. A eux de bien mesurer l’impact du contenu qu’ils intègrent.

Pourtant, d’un point de vue personnel, il faut trop souvent se battre pour obtenir une reconnaissance toute relative du contenu. Il faut trop souvent s’écraser face à des personnes qui considèrent que le contenu n’est que du remplissage, que rien ne sert de le faire optimiser par un professionnel, que la mise en forme d’origine peut être modifiée sans raison ; personnes qui reviennent vers nous quelques mois plus tard, mécontents du faible taux de transformation ou du peu de fréquentation de leur site. Entre autres babioles.

Ils s’attendent à quoi ? A négliger le contenu, on ne peut que bâcler sa présence online. En ce moment, je travaille (notamment) sur un site Web au sujet très pointu, la défiscalisation. Ce genre de site nécessite un travail énorme en termes de contenu, du parti-pris stratégique (quel ton, quels sujets, quelles promesses, quels formats, etc) à la production (wording, ergonomie et rédaction des argumentaires, optimisation des landing pages, seo copywriting, call to action, etc)… En gardant à l’esprit que chaque page doit être administrable, et que le site est conçu pour la publication, l’interaction, etc. Et que le contenu doit vendre de façon intelligente.

Sur un site web performant, tout doit être cadré au millimètre. Il faut coller aux objectifs, coller à l’espace disponible, coller à l’esprit du client, coller aux champs sémantiques, coller à l’utilisabilité. De la stratégie à l’écriture, de l’écriture à la mise en scène, de la mise en scène à l’animation. Kristina Halvorson propose justement « une liste des métiers /expertises à réunir pour mener à bien une stratégie éditoriale : elle en dénombre 6, qui peuvent être assurés par une ou plusieurs personnes ».

Les métiers en question sont le stratège éditorial, le stratège métadonnées, l’expert SEO, l’expert en gestion de contenu, l’expert en diffusion et… le concepteur-rédacteur Web. Ca fait beaucoup, mais la plupart du temps, les 6 métiers sont assurés par 2 ou 3 personnes différentes. Stratégie / Création / Webmastering sont les 3 grands pôles qui me viennent tout de suite à l’esprit.

La place du CR Web dans cette team éditoriale se résume (si on peut dire ça) à rédiger un contenu optimisé pour une publication en ligne, en intégrant dans cette phase de production les enjeux que sont les utilisateurs et les moteurs.

En réalité, le concepteur-rédacteur web :

• Participe à la réflexion sur la mécanique ou le concept du site (conception),
• Effectue parfois un benchmarking précis des sites du même domaine pour relever les pratiques,
• Propose une structure de contenu (ou s’adapte malheureusement à une structure imposée), de l’arborescence à l’architecture intérieure des pages
• Conçoit éventuellement voire un scénario de lecture / navigation dans le contenu (rôle des accroches, des micro-contenus, des hyperliens, des call to action…),
• Sélectionne les expressions-clés liées à la thématique d’écriture,
• Définit dans les grandes lignes le contenu (chemin de fer) de chaque page,
• Préconise et scénarise quelquefois les éléments multimédias qui font partie de ce contenu, à l’instar des vidéos,
• Rédige un contenu optimisé (pour l’utilisateur et le référencement) sur l’ensemble du site, de l’argumentaire de 800 signes à l’infobulle,
• Suit l’intégration des contenus en tandem avec le webdesigner et le responsable éditorial,
• Se réjouit du travail fini

Dans tous les cas, même si ces phases ne sont pas toutes prises en charge par le concepteur-rédacteur Web, je peux vous assurer qu’il les a toujours dans un coin de son petit crâne de créatif (créatif ?)… Sachant que cette liste ne synthétise que les compétences mises en œuvre pour la conception d’un site Web* !

Je termine avec cette citation de Kristina Halvorson : « Online, nous ne faisons pas que voir ou lire ce qui concerne la marque. Nous l’utilisons. » On peut même dire que nous l’expérimentons. Alors pour la énième fois, pas de site attractif pour l’utilisateur sans un bon contenu, pas de bon contenu sans concepteur-rédacteur web. Vous n’êtes pas d’accord ?

Allez tenez, voilà la présentation de Kristina Halvorson :

*L’appel à la culture digitale, à la veille, à l’inventivité sont récurrents en conception-rédaction Web.