Valentin Pringuay

Des articles de blog pensés comme des œuvres d’art

J’ai récemment découvert le blog de Paddy Donnelly, UX designer (spécialisé dans l’expérience utilisateur) irlandais vivant en Belgique : IamPaddy.com
Ce qui rends son blog hors du commun ? Paddy prend le temps nécessaire pour que le design de ses articles transmette une partie de son message. Il a accepté de partager avec nous le processus de création de l’un de ses articles.
English reader, you can find a version for you here.

Inspiration.

Je garde toujours sur moi un carnet en moleskine sur lequel je prends en note toutes les idées et pensées que j’ai pour des articles. Mes thèmes sont généralement des concepts ancestraux (la pliure de la page, l’orthographe, le minimalisme) auxquels j’essaye de donner une nouvelle dimension. J’essaye de faire en sorte que les gens pensent différemment ces concepts et, avec un peu de chance, leur inspirer une ouverture d’esprit dans leurs propres travaux.

Écriture.

Je commence toujours par l’écriture. J’ai généralement une vague idée de ce que sera le design, et cela influence souvent l’écriture de l’article dans une étape suivante, mais l’écriture vient toujours en premier.

Je m’enferme sur Ommwriter, n’avoir aucune distraction est la meilleure façon que j’ai trouvé pour écrire mes articles.

L’Esquisse.

De trop nombreux designers ouvrent Photoshop directement, sans avoir une idée générale de ce que sera leur création. Je vais toujours faire une esquisse d’un article dans son intégralité, ce qui peut prendre un certain nombre de pages. C’est seulement lorsque je suis satisfait de l’aspect général que j’ouvre Photoshop.

Photoshop comme outil de publication.

Je traite Photoshop comme s’il s’agissait d’un outil de publication : je vais créer la mise en page pour que cela corresponde le mieux possible avec mes dessins. Le design influence généralement l’article, certaines choses vont donc devoir être changées, effacées ou ajoutées. Cela prends énormément de temps et je vais très souvent abandonner pour recommencer de nouveau jusqu’à ce que je sois content du résultat.

Découpage & HTML/CSS.

Le découpage du fichier Photoshop et la création de la page HTML vient ensuite. C’est peut être l’étape la plus longue du procédé. Des petites choses changent ici ou là en fonction de mon habilité à coder correctement. C’est facile de se déchaîner sur Photoshop et créer des choses très compliquées… mais c’est une toute autre histoire que d’essayer de les rassembler sur la page HTML et je dois donc parfois abandonner ou changer de petites choses.

Publication

Ensuite, une fois que je l’ai relu entièrement, et fais de petites modifications (et d’autres modifications encore, et encore d’autres) : je le publie pour le partager avec le monde. J’envoie un message sur Twitter à propos de l’article et, généralement, il suit sa propre vie en faisant son chemin sur le web. C’est fantastique de voir des personnes apprécier et tweeter à propos de quelque chose pour lequel j’ai mis tant d’efforts. Je m’assure d’annoncer mon prochain article à la fin de celui-ci, en choisissant une autre idée dans mon carnet en moleskine. Cela permet à mes lecteurs d’anticiper le prochain article. C’est aussi une très bonne manière de me garder motivé pour la création de l’article suivant.

Je vous laisse donc découvrir les œuvres de Paddy Donnelly sur son blog IamPaddy.com.

Si vous souhaitez découvrir d’autres blogs qui prennent autant de soin pour designer leur billet (comme l’excellent Dustin Curtis et son article You should follow me on Twitter) , je vous conseille de lire ce billet qui rassemble des liens vers quelques unes de ces créations et vous donne même une première piste pour réaliser un blog de la même façon.

Related Posts with Thumbnails
  • Excellente interview sur, ce que l'on pourrait presque dire, les oeuvres de Paddy Donnelly. J'adore lire ses billets, ils sont si riches et agréables à l'oeil !
  • Vaelentin
    Je dois avouer avoir été captivé par le blog de Paddy Donnelly avant même d'en lire une seule ligne.
    Je suis tout d'abord tombé sur "Life bellow 600px" et la manière dont il capte l'attention immédiatement, puis va prendre le rôle de narrateur en parlant directement au lecteur.

    Je dois avouer que je suis "jaloux" de ne pas pouvoir designer mon blog comme ça ;)
blog comments powered by Disqus