Comment bien prĂ©parer la nouvelle version d’un blog en cinq Ă©tapes

Le design actuel de Presse-citron a deux ans et trois mois et, comme vous le savez sĂ»rement, une nouvelle version est en gestation, avec un objectif de publication fin mars ou dĂ©but avril prochain. Pour cette refonte, j’ai confiĂ© la mission Ă  un prestataire reconnu, une web agency ayant une forte expertise en WordPress et

Le design actuel de Presse-citron a deux ans et trois mois et, comme vous le savez sûrement, une nouvelle version est en gestation, avec un objectif de publication fin mars ou début avril prochain.

Pour cette refonte, j’ai confiĂ© la mission Ă  un prestataire reconnu, une web agency ayant une forte expertise en WordPress et en blogdesign.

teaser_presse-citron_v4

Mais le meilleur prestataire du monde ne pourra pas grand chose si vous ne lui fournissez pas tous les Ă©lĂ©ments pour mener Ă  bien sa mission. C’est pourquoi j’ai prĂ©alablement Ă©tabli un brief Ă©crit, sorte de cahier des charges simplifiĂ©, qui donne les grandes lignes de ce que je souhaite pour la version 4 de Presse-citron.

Une fois la nouvelle version en ligne, je publierai ici ce brief afin que chacun puisse en profiter et l’utiliser comme bon lui semble. En attendant, voici en quelques points la mĂ©thodologie que j’applique pour prĂ©parer et rĂ©aliser cette refonte.

1. Faire un Ă©tat des lieux

Je pense que pour un blog comme Presse-citron, le rythme de renouvellement doit se situer entre vingt-quatre et trente-six mois. Je m’Ă©tais donc fixĂ© comme objectif de lancer une nouvelle version fin 2009. Mon emploi du temps chargĂ© la dĂ©fection d’un partenaire sur qui je comptais en ont dĂ©cidĂ© autrement. Ce sera donc printemps 2010. On est encore dans les temps.

La réflexion en amont porte sur plusieurs points :

  • faire un Ă©tat des lieux de la version actuelle, sur le design, l’ergonomie, les fonctionnalitĂ©s et la ligne Ă©ditoriale
  • relever ses points forts et ses points Ă  amĂ©liorer/supprimer
  • tenir compte des avis et souhaits des visiteurs du blog
  • lister les fonctions et les hiĂ©rarchiser par ordre d’importance

2. DĂ©finir et tracer les principales orientations

Il faut ensuite se dĂ©terminer sur ce que l’on souhaite : pourquoi une nouvelle version, que doit-elle apporter et de quelles rĂ©fĂ©rences elle pourrait s’inspirer ? C’est le moment de l’Ă©tude dĂ©taillĂ©e des meilleures pratiques. En langage corporate on appelle ça un benchmark. Le mien a consistĂ© simplement Ă  observer en dĂ©tail plusieurs blogs et sites que j’apprĂ©cie et Ă©tablir une liste des Ă©lĂ©ments qui me paraissaient intĂ©ressants sur chacun d’entre eux. Cette liste a constituĂ© ma boĂźte Ă  idĂ©es brute, dans laquelle j’ai ensuite Ă©laguĂ© pour ne garder que celles que j’estimais pertinentes et reproductibles.

C’est au cours de cette phase que l’on pourra Ă©galement dĂ©terminer si l’on souhaite une charte graphique dans la continuitĂ© de la prĂ©cĂ©dente ou au contraire en rupture totale, en repartant d’une feuille blanche.

3. Être crĂ©atif, inventer des fonctions inĂ©dites

MĂȘme si l’on peut penser que tout a Ă©tĂ© inventĂ© sur les blogs, des innovations sont toujours possibles. Si elles ne concernent pas les fonctions, elles peuvent amĂ©liorer l’ergonomie, faire progresser le nombre de pages vues ou mĂȘme avoir un impact sur la ligne Ă©ditoriale. Voir par exemple Moodlight, un plugin que j’avais imaginĂ© pour indiquer visuellement aux lecteurs la tendance des commentaires (favorables ou dĂ©favorables).

4. RĂ©diger le brief

Une fois que l’on a tous les Ă©lĂ©ments qui vont dĂ©terminer la feuille de route de la nouvelle version, il est temps de coucher sur le papier son cahier des charges. Ce travail prĂ©sente deux avantages :

  • il permet une approche mĂ©thodique et « professionnelle » (je mets des guillemets car cela vaut aussi pour un blog personnel et ne doit pas ĂȘtre pris au sens commercial du terme) vis-Ă -vis du prestataire
  • il permet de mettre ses idĂ©es au clair et de les organiser, mĂȘme si vous faites la nouvelle version vous-mĂȘme sans passer par un prestataire

5. Trouver le prestataire

Cette Ă©tape ne concerne Ă©videmment que les blogueurs qui sous-traitent la refonte de leur site. Je ne perds pas de vue le fait que la plupart le font eux-mĂȘmes, ce qui est aussi mon cas pour mes autres sites et blogs. Je conseille vraiment de prendre le temps de sĂ©lectionner le bon prestataire, en fonction du budget dont vous disposez mais Ă©galement du feeling que vous pouvez avoir avec lui. Visez une agence ou un indĂ©pendant spĂ©cialisĂ© dans les blogs, qui a dĂ©jĂ  plusieurs rĂ©alisations Ă  son actif dans ce domaine. Il y a indĂ©niablement une sensibilitĂ© particuliĂšre et un savoir-faire spĂ©cifique dans le blogdesign, et ceci doit ĂȘtre pris en compte dans votre choix.

Une fois le prestataire trouvĂ©, et mĂȘme si tout peut se faire en ligne (c’Ă©tait le cas pour la version actuelle de Presse-citron) il n’est pas inutile de le rencontrer pour relire ensemble le brief afin d’ĂȘtre sĂ»r qu’il l’a bien compris (ou que vous l’avez bien expliquĂ©) afin de partir sur de bonnes bases.

Dans les travaux sur la nouvelle version de Presse-citron, ces cinq Ă©tapes ont Ă©tĂ© franchies et nous en sommes actuellement Ă  la phase des maquettes graphiques, sachant que design et contenu sont Ă©troitement dĂ©pendants Ă  ce stade du projet : l’ajout d’une rubrique ou d’une fonctionnalitĂ© peut remettre en cause l’Ă©quilibre gĂ©nĂ©ral d’un design de page et c’est pourquoi il est prĂ©fĂ©rable de bien y rĂ©flĂ©chir en amont.

Je ferai un prochain point d’Ă©tape avant le lancement de la nouvelle version, et j’espĂšre que ce petit partage d’expĂ©rience pourra vous ĂȘtre utile pour vos propres rĂ©alisations.

26 commentaires

  1. Je pense qu’une rupture totale serais bien !
    Par contre revenir à un design avec moins de colonnes serais plus agréable aussi.
    Plus sobre et plus simple

  2. J’en suis Ă  mon 4e… tous plus laids et dĂ©sorganisĂ©s les uns que les autres…
    Donc je sens que ça va me servir, merci Eric !
    PS : ton teaser fait dĂ©jĂ  saliver, c’est bien :-)

  3. @Joomweb: Qu’est ce qui justifierait cette rupture totale demandĂ©e ?
    Si c’est parce qu’une Ă©tude des retours utilisateurs le suggĂšrent, alors oui. Si le site ne fonctionne pas du tout aujourd’hui, alors oui aussi.
    Si c’est juste une apprĂ©ciation personelle… je n’en suis pas certain.

    Qu’apporte une rupture totale? Des utilisateurs qui mettent du temps Ă  retrouver leurs marques, des critiques diverses et variĂ©es (on a toujours quelque chose Ă  redire sur un design, une ergonomie…) VS un effet un peu WOW et un peu de bruit au moment du lancement. Dans l’ensemble, les bĂ©nĂ©fices d’une rupture totale me semblent bien faibles.

    A contrario, une Ă©volution dans la douceur, l’ajout de fonctionnalitĂ©s ou le retrait de certaines inutiles, la simplification ou l’adaptation de l’interface Ă  une nouvelle ligne Ă©ditoriale sont autant de façon de faire mieux tout en conservant les utilisateurs dĂ©jĂ  acquis.

    Cf l’article de F.Cavazza sur l’Ă©volution de grands sites (certes qui n’ont rien Ă  voir avec l’audience et les objectifs d’un blog): http://bit.ly/dgzLla

  4. Peux-tu en dire plus sur les agences crĂ©dibles pour la conception-rĂ©alisation de blogs ? Identifier une agence crĂ©dible, notamment sur le design, est moins simple qu’il ne parait…

  5. Perso je trouve que le blog http://www.geekandhype.com a sacrĂ©ment la classe en design, architecture de l’information, lisibilitĂ©, confort gĂ©nĂ©ral. Je le trouve ultra confortable. AprĂšs est ce que ça convient Ă  toutes les problĂ©matiques c’est une autre affaire.
    Hate de voir la nouvelle version.

  6. Avec le flux rss tout cela n’est pas trĂšs important, je ne viens sur Presse citron que pour y Ă©crire ce genre de commentaires pertinents et je ne vois que du blanc 😉

  7. Pingback: Web Inside : La revue web du 05 mars 2010 en retard. - any for geek

  8. ça me rappelle le blog de Loic il y a quelques annĂ©es, j’ai hĂąte de voir ton orientation Ă  ce sujet…

  9. Depuis quelques mois, je rĂ©flĂ©chis moi aussi Ă  une refonte totale de mon site. Actuellement sous GuppY, j’ai dĂ©jĂ  prĂ©parĂ© une maquette sous WordPress mais n’en suis pas encore totalement satisfait : je manque malheureusement de temps pour rechercher les « bons » plugins pour combler les fonctionnalitĂ©s manquantes en natif…

    Bref, merci pour ce billet dont les conseils me seront trĂšs utiles pour me recentrer.

  10. « l’ajout d’une rubrique ou d’une fonctionnalitĂ© peut remettre en cause l’équilibre gĂ©nĂ©ral d’un design »

    Amha, l’ajout d’une rubrique ou d’une fonctionnalitĂ© ne devrait *pas* remettre en cause l’Ă©quilibre gĂ©nĂ©ral d’un design.

  11. J’aimerais savoir combien ça coĂ»te de sous traiter ce type de lifting sur un blog
    Merci de votre reponse

  12. MonsieurS on

    Pour la V4 de presse citron sa sortie est lié à la V3 de WordPress ?

  13. [pub sauvage]: si vous recherchez un webdesigner crĂ©dible, sĂ©rieux, compĂ©tent, expĂ©rimentĂ© et original, pour des blogs (WP, Dotclear…, ou ecommerces: Magento…)

    me contacter ^^’

  14. Jimmy@Taiwan on

    il faudrait que je fasse lire cet article et le brief Ă  mes clients ! ça me changera des « je veux un site web pour ma boite » ou « je veux vendre sur internet, tu me fais une boutique en ligne ? » 😉

  15. Pingback: Mes favoris du 5-03-10 au 8-03-10 » Gilles Toubiana

  16. oui, « je veux un site qui… »,

    ou « fais-moi une boutique internet qui vend bien… »,

    et je t’invite (au Mac Do), alors que moi

    je pense +tot a La Cote St Jacques (a Joigny),

    (ils ont des pinards a 4850 € la bouteille,

    la bouffe en rapport, et un site tres bien).

    Mais en general les commandeurs de sites,

    dans leur tete c’est « ou est la caisse pour moi

    et les fonds de tiroir pour toi qui fais le boulot »

  17. citron+mecanic on

    Quand vous crĂ©ez un blog, ça vous arrive de penser Ă  la nĂ©cessitĂ© d’y autoriser les commentaires ? C’est une dĂ©cision importante et un questionnement qui peut sembler surprenant Ă  l’heure du tout-participatif forcenĂ© mais je ne pense pas que les commentaires des visiteurs soient absolument nĂ©cessaire partout et tout le temps.. faut-il ĂȘtre aveuglĂ©ment web 2.0 ? docilement Ă  la mode des usages du temps prĂ©sent ? est-ce si utile et intĂ©ressant ces commentaires ? parce que franchement ça a ses limites le cĂŽtĂ© participatif, sur ce blog ça va, l’audience est quand mĂȘme d’un certain niveau et les gens semblent capables de maĂźtriser leurs nerfs et d’argumenter leurs propos, mais sur un paquet de blogs, les commentaires sont complĂštements dĂ©biloĂŻdes, agressifs, prĂ©sentant une interminable collection de cacas nerveux de niveau bac-12, avec une audience et des « participants » pas avares de la premiĂšre connerie pulsionnelle venue, et on voit cela pas seulement sur des sites pour ados, depuis sa version 2.0 le web ressemble de plus en plus Ă  une espĂšce d’Ă©gout Ă  mauvaise humeur. Le critique de cinĂ© Serge Daney disait de la tĂ©lĂ© qu’elle Ă©tait un inconscient Ă  ciel ouvert, on pourrait dire la mĂȘme chose du net, souvent pour le pire…

  18. d accord, c est pour ca que je refais un nouveau
    site tres selectif, pas du tout grand public, et
    meme elitiste, n en deplaise le terme,
    coordonnees:

    http://frontpage001.webs.com

    vient d etre ouvert et vais demander une offre
    pour la presentation a:

    http://www.2advanced.com

    avez-vous une idée de qui peut faire quelque chose
    de ce niveau en echange ouverture sur un truc
    incommensurable, meme au niveau finance?

    pierre thibault

Lire les articles précédents :
Pas de notes pas de chocolat

Quand je suis en rendez-vous professionnel (client, interview, conférence... ) j'ai toujours mon fidÚle cahier avec moi sur lequel je...

Fermer