css 4 design » Ecrire pour le web

Notes de lecture à propos de « Stratégie de contenu web »

Bruno Bichet — Sun, 30 Oct 2011 19:11:02 +0000

Après HTML5 pour les web designers et CSS3 pour les web designers, le troisième opus de la collection A Book Apart Stratégie de contenu web écrit par Erin Kissane et préfacé par Muriel Vandermeulen est consacré à la nouvelle redécouverte du web : le contenu. Le pitch ? La création de contenu pour le web ne devrait pas s’effectuer sans une réflexion en amont sur 1) le profil du lectorat et 2) les compétences et la disponibilité de ses producteurs. Sans oublier que tout travail mérite salaire… En gros, il faut que les producteurs aient les moyens de s’adresser correctement aux consommateurs. Autrement dit : si on dit n’importe quoi à n’importe qui à n’importe quel prix, le résultat ne sera pas pas très efficace !

Après une première partie théorique d’une quarantaine de pages, l’auteure Erin Kissane nous entraine — enfin — dans la pratique. Mais attention, il s’agit d’une pratique assez théorique. En effet, l’auteur a préféré ratisser large au niveau des exemples plutôt que proposer un cas concret qui aurait fixé un peu mieux les idées. Du coup, je suis assez embarrassé pour vous donner un avis tranché. D’un côté, j’ai la bonne impression que cet ouvrage a ouvert mon horizon sur certains aspects liés aux différentes manières d’aborder la gestion des contenus. D’un autre côté, j’ai la mauvaise impression d’avoir lu un livre assez quelconque dont l’essence aurait pu tenir en une quarantaine de pages, préface comprise.

Toutefois, je ne regrette pas mon achat, car j’ai un troisième sentiment : je serais peut-être un jour content de retrouver ce livre dans ma bibliothèque en cas de besoin.

Le sommaire

Introduction
Principes fondamentaux
L’art de la stratégie de contenu
Outils et techniques
En conclusion
Piste bonus : par où commencer ?
Ressources
Index

Acheter le livre

Articles sur le même sujet

Webdesign, lisibilité, typographie et rédaction web

Bruno Bichet — Tue, 25 Jan 2011 13:03:04 +0000

Une grande partie des notions relatives à la lisibilité des contenus sur les écrans date des débuts du web. En 1997, Jakob Nielsen déclarait que la lecture sur écran était 25% plus lente que sur le papier. Depuis cette époque, la technologie n’a cessé d’évoluer et la qualité des écrans et des polices de caractères va dans le bon sens. Il est temps de se poser des questions sur la lisibilité des caractères, le sens de lecture d’une page, les valeurs optimales pour le corps des textes et leur interlignage, le nombre de fontes que l’on peut utiliser dans une page et la rédaction pour le web.

Lisibilité des caractères: Les caractères avec des empattements sont réputés pour offrir une lisibilité supérieure à ceux qui n’en possèdent pas. Les empattement guideraient l’œil. Pourtant dans le même temps, on entend souvent dire que l’on ne déchiffre pas les mots lettre à lettre mais que l’on reconnait la forme globale des mots. Il manque donc un paramètre pour démontrer la supériorité des caractères possédant des empattements.

Il faut savoir qu’au début du XXe siècle, il y avait effectivement une différence notable entre la lecture des caractères serifs et sans-serif : ces derniers faisaient tout juste leur apparition. En matière de lisibilité, les habitudes sont un critère important.

→ Lire Le petit journal permanent de la TypOgrApHiE !

Lecture en «F» ou en «Z» ?: Certaines études utilisant l’eye-tracking ont démontré que les résultats issus de la page du moteur de recherche Google étaient pour ainsi dire «scannés» par l’œil selon un parcours en «F». Pour autant, vos pages doivent-elles se contenter d’un seul sens de lecture ? Non ! Le parcours en «Z» d’une page imprimée est sans doute encore d’actualité sur le web. La question étant plutôt de placer les éléments importants de votre communication au-dessus du fold plutôt qu’au-dessous.

→ Lire 10 principes pour un design web efficace et Les habitudes de scrolling à la loupe (Eyetracking).

Interlignage à 120% ou 150% ?: Dans l’imprimé, on utilise couramment des valeurs d’interlignage comprises entre 100% et 120% de la taille des caractères pour les pavés de textes destinés à la lecture continue. A l’écran, ces valeurs sont trop faibles. En raison des contraintes de la lecture à l’écran (définition, contraste, luminosité, distance de lecture), il est préférable d’utiliser un interlignage compris entre 140% et 150% par rapport au corps de la fonte utilisée.

A moduler évidemment selon l’œil, la hauteur d’«x» des caractères, la largeur des pavés de textes, le nombre de mots et la difficulté intrinsèque des concepts abordés. Un nombre de caractères compris entre 60 et 66 par ligne est idéal pour la lisibilité et l’intelligibilité des textes. On peut aussi estimer la largeur des pavés à environ 40 fois la taille du caractère qui le compose (soit 640 pixels pour un corps de 16 pixels).

→ Lire Manifeste pour un interlignage minimum syndical pour les blogs !

Taille des caractères: La distance qui nous sépare du support de lecture est un élément essentiel qui est rarement évoqué pour expliquer la différence qu’il y a entre lire à l’écran et sur le papier. C’est pourtant cette distance qui a été retenue pour définir la taille par défaut des polices utilisées par les navigateurs : les 16 pixels que certains trouvent trop importants à l’écran ne sont finalement que l’équivalent des 12 points sur le papier, si l’on tient compte que l’œil n’est pas à la même distance dans les deux cas.

→ Lire 5 règles simples pour améliorer l’affichage de vos textes.

Nombre de fontes par page: Au-delà de trois fontes, il est généralement admis qu’une page web ou imprimée manque de… de quoi au juste ? De classes ? De lisibilité ? D’intelligibilité ? Bref, on ne sait pas trop. Mon conseil : utilisez autant de fontes que nécessaire, selon votre projet. Ne vous limitez pas à-priori. Expérimentez : il en restera toujours quelque chose ! Il sera toujours temps de faire le ménage dans un deuxième temps. Notez que c’est la même chose pour l’utilisation des couleurs.

→ Lire Des ensembles de polices cohérents pour le web et La typothèque idéale par Smashing Magazine

Rédaction web: La lecture à l’écran n’est pas si différente que sur le papier. Loin d’être des sœurs ennemies, ces deux lectures sont plutôt des sœurs jumelles dizygotes. En conséquence, il n’y au aucune raison pour que l’écriture pour le web soit si différente que celle destinée au papier. Si vous maitrisez l’enchainement des idées, la grammaire et l’orthographe, votre prose sera lisible sur tout les supports !

→ Lire Bien rédiger [ pour le web ] [ tout court ]

Justification des textes: L’alignement des textes au «fer à gauche» garantit un espacement constant entre les mots, ce qui améliore la lisibilité. Les textes justifiés offrent quant à eux l’avantage de produire des marges régulières à droite et à gauche, donnant au bloc de texte la forme d’un rectangle très net. HTML n’offre aucun mécanisme pour gérer les césures (je ne parle même pas des veuves et les orphelines.) ce qui entraine souvent des pavés de texte plein de trous (lézardes)…

→ Pour y remédier, jetez un œil sur Hyphenator — Gérer les césures avec Javascript.

Sortez du cadre !

Entre les idées toutes faites et les idées reçues, il reste de la place pour exprimer sa créativité : mélangez les polices de caractères et les couleurs, osez les structures de phrases alambiquées et l’imparfait du subjonctif (juste ce qu’il faut, hein ?). Jouez avec le sens de lecture pour maintenir l’attention de vos lecteurs et sortez du cadre (attention à la tête). Bref, soyez vous-même. Enfin, là, demandez quand même autour de vous, si c’est judicieux :-D

A suivre…

Linkographie

La lecture facile à l’écran,
De la typographie pour le web,
Confort de lecture : l’écart entre l’écran et le papier se réduit,
La macrotypographie de la page Web,
La typographie comme outil de design,
The 100% Easy-2-Read Standard,
How Users Read on the Web et iPad and Kindle Reading Speeds,
Stanford Poynter Project (Etude Eyes-tracking sur 67 personnes [en]).

Articles sur le même sujet

Votre blog d’entreprise clés en main ?

Bruno Bichet — Fri, 03 Oct 2008 18:14:04 +0000

La réputation des blogs pour accrocher les lecteurs, les moteurs de recherche en général et Google en particulier n’est plus à faire. Les raisons sont à la fois éditoriales et techniques. Dans ces conditions, le lancement d’un blog d’entreprise semble idéal pour établir une relation privilégiée avec les internautes

Editoriales — les blogs sont mis à jour régulièrement par des passionnés qui recherchent le contact avec d’autres passionnés. Les liens créés à l’occasion des interactions entre les blogueurs génèrent ces fameux backlinks (liens entrants) dont les blogmestres sont friands.
Techniques — les outils disponibles sur le marché sont user friendly (simple d’utilisation) et Search engine ready (prêt à être indexés par les moteurs de recherche).

De nombreuses entreprises ont pris la mesure du phénomène des blogs pour booster la visibilité de leur marque ou de leurs produits :

Certaines utilisent les services de blogueurs influents en leur proposant de tester des produits et de partager les résultats avec leur lectorat.

Cette démarche, si elle est transparente, est idéale : une personne connue et indépendante dit du bien de votre marque, teste vos produits et contribue à diffuser vos promesses.
D’autres créent des blogs auto-promotionnels où le seul intérêt des articles consiste à citer l’entreprise et ses produits le plus souvent possible.

Cette méthode est discutable au même titre que que les pages satellites ou les fermes de liens qui n’ont pas la cote auprès des moteurs de recherche.

Pour ma part, je préconise la mise en place d’un blog d’entreprise reprenant à son compte ce qui fait l’originalité des blogs par rapport aux sites web traditionnels : communiquer régulièrement et simplement sur son cœur de métier.

La simplicité et la régularité ne sont pas — malgré les apparences — faciles à obtenir. Pour cela, il est indispensable de faire le point avec votre service commercial ou votre département marketing sur les stratégies existantes dans votre société pour les décliner sous forme de billets.

Cette mise au point peut se concrétiser par la rédaction d’un texte fondateur (la charte rédactionnelle) pour lancer les lignes directrices du futur blog. Ce texte contiendra en annexe l’ensemble de mots-clés à propulser le plus haut possible dans les résultats des moteurs de recherche.

Une fois ce document validé, il est enfin possible de mettre en place le blog d’entreprise avec sa charte rédactionnelle et graphique pour capter l’attention de votre cœur de cible, ainsi qu’une périodicité optimale en fonction de votre secteur d’activité et de votre actualité.

Et voilà ! il ne reste plus qu’à alimenter le blog en contenu et suivre l’évolution des résultats grâce à un outil fiable (Google Analytics) pour mesurer l’audience en terme de visiteurs, de pages vues ou en fonction des mots-clés utilisés pour accéder au blog. La consultation des résultats sur les moteurs de recherche se faisant tout simplement en les interrogeant pour savoir ce qu’ils ont à dire sur les mots-clés choisis.

Il est tout à fait possible d’externaliser la partie rédactionnelle (ou la réécriture des billets) pendant la période de lancement du blog en attendant de finaliser la constitution et la formation de l’équipe chargée d’assurer l’animation du blog par la suite. Dans cette éventualité, il est primordial que vous ayez la possibilité de prendre les rênes du blog à tout moment pour les confier à votre équipe.

Il va sans dire que cette transmission ne peut se faire que si vos collaborateurs ont été formés régulièrement à l’outil ainsi qu’à l’ensemble des techniques mises en œuvre pour assurer votre notoriété dans la blogosphère.

Vous l’aurez compris, mettre en place un blog d’entreprise doit se faire en impliquant votre équipe et en choisissant un prestataire qui s’implique à son tour pour comprendre le secteur d’activité de votre entreprise, ainsi que les spécificités de vos produits.

Articles sur le même sujet

Une charte rédactionnelle pour votre blog d’entreprise

Bruno Bichet — Sat, 20 Sep 2008 23:50:16 +0000

Le blog est caractérisé par la liberté de parole dont jouit son auteur. Cette subjectivité — souvent revendiquée — ne nuit pas à son propos et fait même partie des éléments qui mobilisent les lecteurs et les poussent à revenir s’abreuver à la source d’une information qui apparait — sinon plus juste — du moins plus pertinente que l’information habituellement distillée par le comité de rédaction de l’entreprise candidate au blog corporate.

Pour autant, il n’est pas souhaitable que l’entreprise se mette à avoir l’esprit critique aussi aiguisé sur ses produits qu’un blogueur indépendant de toute contrainte de subordination vis-à-vis de l’organigramme : on ne scie pas la branche sur laquelle on est assis !

Si la question du contenu est souvent la plus débattue lors de la création d’un blog d’entreprise (les billets sont le nerf de la guerre), il ne faut pas oublier d’y mettre le ton et le bon ! De même que la charte graphique d’un blog peut contribuer à son succès, sa charte rédactionnelle — plus subtile à mettre en place et à faire vivre — est tout aussi importante.

Qu’est-ce qu’une charte rédactionnelle ?

La charte rédactionnelle est un document qui définit un style particulier de rédaction, en relation avec l’image de l’entreprise ou d’un produit. Plus précisément, la charte rédactionnelle peut formaliser et fixer des principes d’écriture :

Rédaction des titres (long, court, informatif, accrocheur, laconique, comique),
Style d’écriture (impliquer le lecteur, écrire à la 1re personne du singulier, à la 2ème personne du pluriel)
Nombre de mots optimum par billet et par paragraphe,
Illustration des billets (photos, dessin, graphique), *Comment citer l’entreprise et ses produits dans les liens hypertextes, ainsi que les collaborateurs, les marques déposées, les concurrents, etc.,
Déterminer la liste des mots interdits (dans le milieu médical, par exemple),
Et tout un tas d’autres choses dont l’énumération serait longue et fastidieuse.

Charte rédactionnelle ou règlement intérieur ?

De nombreuses chartes précisent le mode de fonctionnement du comité de rédaction (l’organisation des réunions, le planning, qui dirige, etc.), le règlement des litiges entre les rédacteurs (si, si) et toute une foule de choses dont la lecture n’incite pas à l’action.

Pourtant, écrire sur un blog, c’est être dans l’action ! Mon avis : vaut mieux laisser les rédacteurs libres d’écrire, quitte à revenir a posteriori sur ce qui pose problème. L’intérêt étant avant tout de publier régulièrement et de susciter l’intérêt des lecteurs.

Les aspects réglementaires du blog devraient faire partie du règlement intérieur de l’entreprise dans la rubrique Utilisons internet dans la joie et la bonne humeur, ce qui aurait l’avantage d’impliquer dans la vie du blog les rares lecteurs de ce genre de littérature…

Concernant la charte d’un blog d’entreprise, je pense qu’il est important de se limiter aux aspects purement rédactionnels en donnant des exemples concrets comme : faites, ne faites pas. L’idéal serait d’avoir un exemple de billet bien formé (nombre de mots, titres bien choisis et paragraphes bien structurés), avec des exemples de liens et de citations diverses.

Politique de modération des commentaires

Un blog est vivant. Une fois écrit, le billet est indexé par les moteurs de recherche, lu par des êtres humains dont les plus intéressés laisseront des commentaires. Si dans l’idéal le style des commentaires devrait être proche du style général du blog, on ne peut pas toujours compter dessus : il peut être utile de créer une page pour préciser la politique de modération.

Notez que les options concernant la modération des commentaires sur la plate-forme WordPress sont complètes : il est possible d’autoriser tous les commentaires ou de faire une validation manuelle de manière systématique. Entre les deux, on peut autoriser les commentaires qui suivent une première validation.

Politique de modification des billets après parution

Il peut être utile de réfléchir également à la modification des billets après leur parution. Ces modifications peuvent elles aussi être formalisées, notamment dans les cas où la modification fait suite à un commentaire : faut-il garder une trace de la suppression et indiquer ce qui a été ajouté, faire comme si de rien n’était ?

Chacun doit juger en fonction des conséquences prévisibles. Quelque soit l’option choisie, il ne faut pas léser le lecteur qui peut avoir cité le billet sur son propre blog et/ou qui verrait la disparition d’un paragraphe qu’il vient de commenter d’un œil suspect.

Pour conclure

Il manque à ce billet un exemple de charte rédactionnelle. Mais je suis persuadé que la rédaction de ce document fondateur et fédérateur doit être un moment de partage entre les rédacteurs plutôt qu’un vague copié-collé. Je vous laisse néanmoins avec un peu de lecture en compagnie du blog de 1ère position qui a fait un billet intéressant sur le sujet de la création de contenu pour les blogs corporate.

Articles sur le même sujet

Optimisez les textes d'ancrage des liens

Bruno Bichet — Mon, 01 Sep 2008 04:59:35 +0000

Les liens sont le sang du web, à tel point que l’acronyme HTML (HyperText Markup Language) leur réserve deux lettres sur quatre. C’est dire leur importance. Une page web sans lien est un cul-de-sac réticulaire ! On pourrait penser que la plupart des liens présents dans les pages web sont arrangés aux petits oignons, mais il n’en est rien. La plupart du temps, les liens hypertextes semblent ajoutés à la va comme je te pousse.

Optimiser les liens pour promouvoir sa marque, ou ses produits ?

Ce cas de figure est certainement le plus intéressant car il regroupe de nombreux pièges : fait-on la promotion de la dénomination du site ou bien du contenu (produits, services, tutoriels, etc.) ? La plupart du temps, le texte d’ancrage va souvent à l’encontre du but recherché.

En général, le blogmaster cherche à se placer sur un certains nombre de mots-clés en relation avec son secteur d’activité. L’intérêt à se positionner sur son propre nom de domaine dépend de la présence des mots-clés qui le compose ou d’une stratégie de branding.

référencement-blog est un bon exemple qui associe les deux termes sur lesquels le blog doit se placer dans les SERP ! De cette manière, Alexandre Villeneuve fait la promotion de sa marque et de ses produits !

Prenons un autre exemple avec mon blog et partons du principe que css4design est la marque et que les termes HTML, CSS, jQuery, WordPress, etc. sont les produits. S’il est important de communiquer sur la marque, il faut se rappeler qu’elle n’est pas une fin en soi.

Parmi les quelques 100 à 200 personnes qui saisissent chaque mois css4design dans Google, on peut imaginer deux possibilités :

Ceux qui veulent retrouver le site sans se soucier de l’extension. Ils ont juste la « flemme » de saisir l’URL complète du blog ;)

Il faut seulement s’assurer que le site arrive en première position et que les 100 pages qui suivent ne concernent que votre blog.
Ceux qui recherchent des informations sur « css4design » sur d’autres sites pour en apprécier la notoriété ou la réputation. Peu importe que votre blog soit en première position. Ces visiteurs le connaissent et sont à la recherche d’informations tierces pour se faire une idée plus juste de votre site. Ils cherchent à savoir dans quelle mesure ils peuvent vous faire confiance.

Ceux-là ne demandent pas non plus d’efforts particuliers sur les backlinks. ils suffit qu’il y en ait beaucoup et que votre site soit montré sous un jour favorable (de préférence sur des sites en rapport avec le vôtre).

Les textes d’ancrage qui pointent vers votre site doivent donc satisfaire tous ces visiteurs. Il faut donc qu’une partie des liens incluent votre marque dans le texte d’ancrage. Plus important encore, la majorité d’entre eux devrait contenir des mots-clés représentatifs de votre contenu tout en offrant une diversité attrayante pour les moteurs de recherche, et tout ça, sans quitter votre thématique :

Utilisez des synonymes, des antonymes, des paronymes, des pantomimes… (ah, ça marche plus, là),
Si vous utilisez un vocabulaire technique, trouvez des alternatives grand public et vice-versa,
Utilisez les différentes formes d’un mot, comme le singulier, le pluriel, le substantifs, la forme verbale (intégrateur web , intégrateurs web, intégration web, intégrer un site web, etc.)

Exemples de liens

Ainsi, un lien de la forme…


    css4design

…n’aura pas d’impact significatif sur le positionnement de mon blog sur les termes CSS ou design car le chiffre quatre n’a malheureusement pas de pouvoir séparateur. Toutefois, la « marque » sera visible du premier coup d’œil dans les blogroll et les articles qui citent votre site.

Il est possible d’améliorer un peu ce lien en ajoutant l’attribut title :


    css4design

En supposant que les termes CSS, design et HTML soient important pour mon référencement et mon positionnement sur Google, le lien idéal serait de la forme :


    Des CSS pour votre design HTML

Le contenu de l’attribut title précédent sert maintenant de texte d’ancrage et title est composé d’une phrase qui pourrait servir de baseline pour le blog. Idéal pour optimiser le RSB.

La formule gagnante est donc : BLO = TA x ^MC + AT x ^MC

css4design vs css 4 design

Ce n’est pas valable pour toutes les dénominations, mais dans mon cas, il est possible de créer les liens en séparant les mots pour obtenir : css 4 design de manière à faire ressortir les termes css et design.

Copinage : ce n’est pas mon anniversaire, mais serait-il possible que les personnes qui ont eu la gentillesse de faire un lien vers mon blog prennent 2 secondes pour ajouter ces deux espaces ? Ce serait vraiment sympa ! D’avance, je vous en remercie et à charge de revanche :)

Optimiser les liens externes dans un article

Vous le savez sans doute, les liens de la forme ici ou là ne sont pas ce qui se fait de mieux :

Il n’indiquent rien sur la destination du lien (sauf si l’attribut title est correctement renseigné),
Ils sont trop courts et ils manquent de visibilité,
Ils ne mettent pas la page de destination en valeur,
Ils saccadent la lecture,
etc.

A la place, il vaut mieux chercher dans la phrase deux ou trois mots consécutifs qui donnent une idée du contenu à venir. Le lien gagne en visibilité et met la destination en valeur. De plus, la lecture est plus fluide car il n’y a pas de solution de continuité. Toutefois, il faut bien choisir les mots en question.

Voici trois exemples de liens, du meilleur au moins bon :

Exemple de lien concernant l’écriture web,
Exemple de lien concernant l’écriture web,
Exemple de lien concernant l’écriture web.

Adapter son style rédactionnel

Conclusion : selon votre style rédactionnel, le placement des liens dans la phrase sera plus ou moins harmonieux et vous obligera parfois à modifier la structure de la phrase en profondeur. Les liens rythment votre page web et la rendent plus vivante. Faites en sorte que les liens qui ont nourrit votre réflexion irriguent votre texte et permettent à vos lecteurs d’approfondir les thèmes abordés. Nul homme n’est une île !

Articles sur le même sujet

Martine 2.0 fait du blog d’entreprise

Bruno Bichet — Sun, 27 Jul 2008 10:25:48 +0000

Le sujet des blogs d’entreprise est souvent traité de manière roborative dans la blogosphère. Il faut souvent lire des kilomètres de mise en garde sur les dix ou vingt erreurs à éviter et autres dangers qui peuvent impacter une marque en terme de contre-performance, avant de tomber sur un article intéressant. Toutes ces tentatives pour mettre en place une plate-forme anxiogène à propos des blogs d’entreprise de la part de sociétés de conseil en marketing et autres agences de publicité qui en veulent à votre porte-feuille vous seront épargnées ici.

Les secrets pour avoir un blog d’entreprise efficace sont à portée de clic. Je vous les résume rapidement : un ton positif, gai et plein d’entrain avec un soupçon d’auto-dérision. C’est tout. Du positivisme qui ne s’interdit pas une certaine complexité par moment : le visiteur doit sortir de la blogosphère pour renaître, ou comme vous l’aurait dit Kyle MacLachlan : le dormeur doit se réveiller (ça, c’était avant de devenir Trey MacDougal)…

Cette digression cinématographique étant terminée, je reviens vers vous sur le thème des blogs corporate sur lequel j’ai lu quelques billets (le blogueur doit s’influencer lui-même avant de s’adresser aux autres), et je me suis mis à rêver.

Ah… Les blogs d’entreprise ! J’imagine le responsable d’une fabrique de jouets poser la question suivante :

Dites-moi Martine, nous avons bien un blog, n’est-ce pas ?: Et l’assistante du service Communication de répondre :; Heu… Personne ne m’a mise au courant. Je vais me renseigner de ce pas !

A partir de là, Martine va en voir de toutes les couleurs :

En fin de journée, la question du patron arrive dans l’oreillette du Responsable du Département Communication qui flaire-là une bonne occasion de grignoter le budget du Chef du Département Marketing qui grossit un peu trop à son goût (le budget, pas le Chef).
Et hop ! l’affaire est dans le sac. Martine, qui s’y connait un peu, bouscule le service informatique qui lui fait une petite place sur le serveur de l’entreprise et lui ouvre un accès FTP.
Martine est une grande fille. Ca tombe bien parce que le service informatique n’a pas que ça à faire. Elle installe donc elle-même DotPress et roule ma poule : pendant la première pause-déjeuner le premier billet est publié. Elle rigole pas, Martine !
Comme elle a quelques talents d’écriture et de synthèse (ça tombe bien, ce sont exactement les compétences qu’on lui a demandé à l’embauche) et qu’elle est rapide et organisée, elle poste un billet par jour sur la vie de la société, les trucs et astuces pour mieux utiliser les jouets, une information par-ci par-là pour débiner la concurrence dans la joie et la bonne humeur :) Pendant son temps libre, elle filme ses enfants qui jouent avec les jouets de la société. Et hop, ça alimente le blog de l’entreprise.
Peu à peu, l’audience du blog dépasse le cadre de l’entreprise, et les statistiques grimpent, grimpent… Les commentaires se bousculent après chaque billet. Il faut dire que Martine qui ne connait pas l’url rewriting, a néanmoins trouvée l’option qui permet d’avoir ces belles adresses qui plaisent tant à Google.
Chaque visiteur y va de son expérience sur les jouets, et parmi eux, de véritables experts proposent même des améliorations, voire des idées de nouveaux jouets !
Chaque idée est soigneusement notée et suivie par Martine qui met en place des sondages sur le blog afin que le département Conception & Prospective puisse sortir une série limitée immédiatement proposée aux visiteurs les plus assidus.
Martine, qui commence à se prendre au jeu, propose aux visiteurs les plus motivés de la rejoindre sur le blog comme rédacteurs pour décrire précisément la merveille qu’ils viennent de recevoir et l’utilisation qu’il en font.
Ces retours précieux permettent d’optimiser les jouets qui partent en production dans l’usine délocalisée quelque part dans le monde. Les fournisseurs font bien leur travail, mais selon les pièces disponibles, ils prennent parfois quelques libertés : une pièce en moins ici, une forme légèrement différente par là, et c’est au final tout le mode d’emploi qui n’est plus respecté. Parce que dans la boite de Martine, les modes d’emploi sont rédigés avant la mise en production : ils ne tiennent pas compte des modifications de dernière minute. Maintenant, vous savez pourquoi tout est si difficile à monter soi-même…
Revenons au blog de Martine. Elle a ouvert une nouvelle rubrique où les erreurs des notices techniques sont corrigées au fur et à mesure par la communauté qui grandit, grandit…Cette affluence qui ne ne cesse de grossir se répercute peu à peu sur les ventes de l’entreprise.
Le bouche à oreille fonctionne très bien. Et puis Martine sait comment se faire accepter dans les forum consacrés aux petits et aux grands : elle y donne régulièrement des conseils.
C’est là qu’elle a découvert que de nombreux parents vendaient sur eBay les jouets qui n’étaient plus adaptés à leurs enfants. Et hop, après discussion avec les gars du marketing (qui suivent de près les progrès du blog et qui n’attendaient qu’une occasion pour se rendre utiles), une plate-forme de vente pour les jouets d’occasion est mise en place…

Driiiiiiing Driiiiiiing… Driiiiiiing Driiiiiiing… Le téléphone ne s’arrête plus ? Et non, c’est le réveil qui sonne… Ce n’était donc qu’un rêve ?..

Articles sur le même sujet

11 ressources pour mieux bloguer en français

Bruno Bichet — Thu, 24 Jul 2008 18:42:31 +0000

La rédaction web, c’est aussi de la rédaction tout court ! Ce billet vous propose des ressources sur la grammaire, la conjugaison et l’orthographe. Tiens, à propos d’orthographe, vous êtes plutôt old school, ou up to date ?

Rédiger pour le web, d’accord, mais avec quelle orthographe ?

Rappelons-nous : le 6 décembre 1990, le Journal Officiel publiait le rapport du Conseil supérieur de la langue française. Voici le site d’information sur la nouvelle orthographe française qui résume clairement ce qu’il faut retenir.

Rédiger pour le web, c’est bien. Bien écrire pour le web, c’est mieux !

Voici une liste de liens regroupant des ressources pour parfaire notre connaissance de la langue française. Et comme il est toujours bon de remonter à la source, voici le blog des correcteurs du journal Le Monde.

BonPatron, un boss qui vous veut du bien

Vous avez écrit votre texte et avez un doute sur l’orthographe, mais aussi sur certaines tournures de phrase et votre secrétaire de rédaction est absent ? BonPatron.com est l’outil idéal pour identifier les fautes d’orthographe et les problèmes de grammaire.

A ce propos BonPatron identifie le terme blog comme une faute d’orthographe et propose blogue à la place. Pourquoi pas bogue à la place de bug pendant qu’on y est ! Mise à part ce léger désaccord, je trouve l’outil très bien fait.

RankSpirit propose même un outil pour soumettre plusieurs pages web à BonPatron : malgré quelques défauts dûs à des problèmes de reconnaissance de caractères (sur ma page de test, l’apostrophe est remplacée par un point d’interrogation, ce qui provoque des fausses alertes en séries…), cet outil peut aider à dégrossir le travail.

Dernière chose avec BonPatron, les textes soumis à l’analyse sont enregistrés anonymement sur le serveur à fins d’analyse. Si votre prose revêt un caractère confidentiel, pensez-y !

Orthographe, grammaire : il vaut mieux prévenir que guérir

Avec orthozen, plus d’excuse : ce blog nous aide à améliorer notre orthographe avec des petits rappels faciles à retenir pour réviser en douceur… Allez, hop, un flux supplémentaire dans Google Reader !

Je blogue, tu blogues, il blogue, nous bloguons, vous bloguez, ils bloguent.

La conjugaison… que de souvenirs ! Enfin quand je dis souvenirs, je me comprends ;) car il m’arrive souvent de confondre la première personne du futur avec celle du conditionnel : je bloguerai vs je bloguerais. Enfin, ça reste virtuel puisque le verbe bloguer n’existe pas encore sur leconjugueur.com. Malgré cette lacune, ce site devient rapidement indispensable pour se diriger sans encombre dans l’espace-temps parfois sinueux de notre belle langue française.

Dans la peau d’Erik Orsenna

Depuis toujours, j’aime de passion la grammaire, toutes les grammaires, toutes les grilles et tous les codes enfouis sous la poussière du temps.

Mais c’est la colère qui m’a poussé à écrire. Une colère de papa : je ne comprenais plus les questions posées en classe de français à mes enfants. Un jargon inconnu de moi leur était tombé sur la tête, comme par exemple la » focalisation omnisciente « . Pourquoi ces complications inutiles ? Les enfants de sixième ou de cinquième ne doivent pas être des linguistes ! Ils doivent seulement savoir lire et écrire. Et aussi apprendre à savourer la langue, à y trouver des surprises, des ravissements.

Comme Erik Orsenna, je vous invite donc à lire La grammaire est une chanson douce et suivre Jeanne, Thomas et tous ses personnages dans leur promenade. Si les échantillons vous ont plu, n’hésitez pas à parcourir également Les Chevaliers du Subjonctif où nous retrouvons nos héros de la grammaire… Vous en voulez encore ? La révolte des accents est pour vous. Attention, une fois que vous aurez lu ces livres de pure poésie, vous ne serez probablement plus la même personne. Vous voilà prévenu ;)

Divers

Améliorer son français

Améliorer son français — Si la langue est la mère de tous les mots, la grammaire est celle de bien des maux de tête. Ce site a pour but de vous aider à y voir plus clair dans vos problèmes de grammaire, de conjugaison et de vocabulaire. Et puisque le français a une histoire pleine de rebondissements, pourquoi ne pas nous y intéresser aussi ?

PS : cet article a été publié initialement sur Notorious Blog. Connaitre les raisons de ce transfert ?

Articles sur le même sujet

Notes de lecture : Facebook, on s'y retrouve !

Bruno Bichet — Fri, 16 May 2008 07:40:20 +0000

J’ai profité de quelques jours (parfois pluvieux) au bord de la mer pour terminer la lecture du livre Facebook, on s’y retrouve ! rédigé par Eric Delcroix et Alban Martin. Très rapidement, ce livre fait prendre conscience qu’il manquait une documentation pour vraiment s’y retrouver dans Facebook. Maintenant, c’est fait. D’autant plus que cet ouvrage traite exclusivement de la version française de Facebook, de sorte que les captures d’écran et les différentes explications sont « raccords » avec ce que vous verrez dès votre inscription ! Après deux billets publiés sur Notorious blog, il m’a semblé utile d’en faire une présentation ici car même les intégrateurs web peuvent trouver un intérêt à Facebook ;)

Parmi les myriades d’options, les nombreuses applications possibles et la multitude d’usages possibles, nombreux sont celles et ceux qui éprouvent des difficultés à cerner l’utilité de ce réseaux social dont tout le monde parle, mais que personne ou presque n’est capable de décrire simplement.

Heureusement, ce livre a réussi le tour de force de prendre le lecteur néophyte par la main en lui proposant des pas à pas pour s’inscrire et profiter au mieux des différents services proposés par Facebook, tout en tenant en éveil l’utilisateur régulier qui en profitera pour faire le plein d’astuces, ou simplement redécouvrir certaines options peu visibles mais néanmoins intéressantes (en particulier la gestion de la protection de sa vie privée)…

Avec plus de 200 captures illustrant tutoriels, fiches pratiques et explications pas à pas ! Sans compter de nombreux conseils des spécialistes du domaine (journaliste, chasseurs de tête, blogueurs, patron, directeur d’école…)

L’ouvrage est découpé en deux grandes parties. La première, comprend entre autres : les détails de l’inscription et de la gestion de ses données personnelles ; la production et la diffusion de contenus, tout en passant en revue les principales applications à connaitre. La deuxième partie présente Facebook d’un point de vue plus professionnel : apprentissage et formation ; recrutement et ressources humaines ; organisation de campagnes publicitaires et sondages marketings.

Pour finir, les auteurs nous proposent d’en faire plus avec Facebook : gagner de l’argent, s’amuser, faire des rencontres ou militer pour une cause. Par ailleurs, on notera la place accordée aux usages mobiles de Facebook, qu’il s’agisse des widgets et applications que l’on peut installer sur son poste de travail (ou de loisirs) ou des fonctions principales de Facebook auxquelles on peut accéder depuis un téléphone portable ou un PDA.

Grosso modo, si vous hésitiez encore à vous inscrire sur Facebook parce que vous craignez pour votre vie privée ou parce que vous ignorez ce que vous pourriez y faire, je vous invite à lire ce livre plein d’informations, d’astuces et d’espiègleries, de conseils et de tutoriels. Bref, un livre plein d’humour agréable à lire, ce qui ne gâche rien ;)

Articles sur le même sujet

Rédigez vos billets avec Windows Live Writer — part II

Bruno Bichet — Sat, 15 Mar 2008 17:40:39 +0000

Dans un premier billet, j’avais conclu en disant que Windows Live Writer était vraiment un très bon logiciel, mais que certains « bugs » le rendait impropre à un consommation équilibrée, notamment à cause de sa tendance à ignorer l’encodage UTF-8 et à remplacer les caractères accentués par les entités HTML. (les autres petits soucis n’étant pas bloquants).

Il semble que WLW ait amélioré sa gestion de l’encodage UTF-8 : désormais, le corps du texte affiche bien les accents. En revanche, la zone de titre semble avoir été oubliée, ce que je trouve assez surprenant.

Comme ce n’est pas un logiciel que j’ai installé « volontairement », j’ignore le numéro de version précédente. Pour mémoire, j’utilise actuellement la version 2008 (build 12.0.1367.1128) fr

Si d’autres utilisateurs de Windows Live Writer pouvait me dire s’ils rencontrent les mêmes problèmes d’encodage… Je les en remercie par avance.

PS : A noter que je n’ai effectué aucune modification dans les paramètres du blog entre temps.

Articles sur le même sujet

Background CSS : des fonds hachurés avec la "positive attitude"

Bruno Bichet — Wed, 16 Jan 2008 14:01:10 +0000

Les fonds de page web hachurés sont particulièrement appréciés des webdesigners pour une raison double : les zébrures donnent de la vibes aux pages web tout en conservant un ratio poids/agrément des plus satisfaisant, vu qu’il s’agit d’un motif de petite taille (généralement quelques pixels) qui se répète sur tout ou partie de la page.

De la graphologie appliquée à la zébritude

Toutefois, cet angle peut avoir deux directions qui peuvent en dire long sur votre humeur si l’on met en rapport le sens des zébras avec certaines conclusions issues de la graphologie. Cette dernière nous indique qu’une écriture penchée vers la droite est synonyme de dynamisme et de regard tourné vers l’avenir ; vers la gauche, on se tourne vers le passé et l’introspection.

Voici un exemple qui présente des hachures dirigées vers la droite. (capturé sur jarodxxx)

Le même exemple avec les zébrures dirigées dans l’autre sens

Les fonds zébrés obéissent-ils à cette dichotomie ? Je n’ai pas de certitude. En revanche, ce que je sais, c’est que les fonds hachurés qui donnent sur la gauche peuvent contrarier le sens de lecture d’une page occidentale qui – comme chacun sait – s’effectue de la gauche vers la droite.

Les exemples présentés ici semblent relativement similaires au regard du sens de lecture, et ce pour plusieurs raisons :

La taille de la capture d’écran privilégie la surface de texte et minimise l’impact des hachures,
Les hachures n’apparaissent que sur le côté gauche,
Les hachures sont relativement peu contrastées dans cet exemple.

Et vous, vos fonds zébrés penchent vers la droite ou vers la gauche ?

Sélection de sites permettant de générer des motifs répétés en quelques clics

Autres sites proposant des trucs et astuces pour les backgrounds

http://www.kianhean.com/archives/101: Le fond de la page change grâce à un petit javascript qui détecte l’heure et affiche la feuille de style avec le background approprié
http://inner.geek.nz/javascript/parallax/: Etonnant effet où le texte défile à la vitesse normale, tandis qu’une partie du fond défile plus lentement et une autre plus rapidement. Le scroll fonctionne avec la molette, les flèches du clavier, les touches « haut » et « bas » de page et avec la barre d’espace.
http://scriptasylum.com/background/alien/alien.html: Le meilleur pour la fin : allez, je vous laisse découvrir ;)