Chaque projet doit commencer par le contenu

couverture produit mini session découverte

Vous souhaitez gagner en clarté sur votre PME ? Déployer une identité de marque différenciée ? Prospérer et vous libérer des opérations quotidiennes de votre activité ?

Participez à notre atelier branding « mini session découverte ».

couverture livre étapes création site web

Vous est-il déjà arrivé de tomber sur le template du site web de vos rêves ?

Mais qu'après de longues heures de personnalisation vous vous retrouvez avec quelque chose de moche ?

Tôt ou tard, cela finit par créer de la frustration. Ce livre est fait pour que la frustration disparaisse.

Si vous gravitez autour du monde du design web depuis un moment, vous avez sûrement du entendre l’expression mobile-first, qui veut que le design et le développement soient pensés d’abord pour le mobile, mais quel rapport avec le fait que chaque projet devrait commencer par le contenu ?

Beaucoup d’entre vous par contre n’ont pas tellement entendu parler du content-first, qui veut que tout processus de design commence par le contenu.

1. Pourquoi chaque projet devrait commencer par le contenu ?

La plupart des clients que nous recevons au studio veulent un site web, un magazine ou une identité visuelle. Ils ont tout en tête quand ils franchissent le seuil de notre porte : la forme de leur futur logo, les couleurs et même des idées de mise en pages.

Mais à 90%, ils n’ont pas l’essentiel, le contenu.

Le content-first représente un des point de vue phylosophique majeur dans le processus de design. Pour la première fois (dans le monde du design web) défendu par le fondateur de A List Apart Jeffrey Zeldman en 2008, il  a déclaré que, dans le but de concevoir le design idoine pour un projet donné, vous devez savoir ce qu’est le contenu avant que vous ne commenciez à designer.

Le contenu précède le design. Le design en l'absence de contenu n'est pas du design, mais de la décoration
Le contenu précède le design. Le design en l’absence de contenu n’est pas du design, mais de la décoration

Logique, n’est-ce pas ? Après tout un designer print ne commence pas à faire la mise en pages d’un livre avant que le livre soit écrit. Et un architecte ne commence pas à dessiner de plans avant de savoir pour quel type de bâtiment ce sera. Pour ces deux professions, la forme doit être soumise à la fonction, et pour la plupart des sites web, la fonction est atteinte via le contenu.

Exemples : un site de marketing amène les gens à utiliser un produit ou un service avec un message et des visuels persuasifs qui illustrent ce qu’est le produit ou le service et à qui il est destiné. Un site de restaurant amène les gens à traverser la porte en rendant disponibles des informations sur le style de cuisine, les types d’aliments et l’adresse. Les boutiques en ligne proposent des détails sur les produits et les moyens de commander.

Page d'accueil d'un site web de restaurtant
Page d’accueil d’un site web de restaurant

Cela devrait être évident que le contenu n’est pas seulement le message. Le contenu englobe une variété de médias, incluant des images, des vidéos, et oui, du bon vieux texte.

En bref, le design content-first porte sur le fait de connaître votre objectif de design, et de savoir comment votre design l’atteindra, avant que vous commenciez à designer.

Dans un monde idéal, vous avez d’abord le contenu en main avant que vous ne commenciez à designer quoi que ce soit. Mais ce n’est pas obligé — le simple fait de simplement planifier les types de contenu dont vous aurez besoin (c’est-à-dire concevoir une stratégie de contenu) vaut mieux que balayer cette étape entièrement.

2. Les avantages du design content-first

Travailler avec une approche content-first offre plusieurs avantages qui vont de permettre une meilleure vision d’ensemble du design à ferrer les problèmes dans le design avant qu’ils ne deviennent des problèmes réels.

Le design content-first facilite le fait :

2.1. De construire une architecture d’information sensée

Quand vous savez ce que vous avez et/ou ce dont vous avez besoin, il est facile de définir le plan de site complet et de construire une hiérarchie logique.

2.2. De designer pour optimiser le contenu

Si vous savez que les blogueurs de votre client emploient beaucoup les citations, vous pouvez designer de belles manières de présenter les citations et les extraits. S’ils sont fans de listicles (articles presentés sous la forme d’une liste numérotée ou à puce), peut-être une mise en pages en carte ou en galerie fonctionnerait mieux qu’une longue liste de titres numérotée ?

2.3. De créer de la cohérence à travers le site (et d’alléger votre code)

Si vous savez que votre site aura un blog, un centre d’aide, et des pages de marketing, vous pouvez designer votre hiérarchie typographique pour qu’elle fonctionne à travers ces différents domaines. Ceci vous aidera à créer une interface plus cohérente (et de ce fait, plus facile à apprendre) et vous gardera du fait de devoir créer une myriade de classes pour vos CSS.

2.4. D’éviter des itérations à l’infini

Beaucoup trop souvent, quand le design est lancé sans contenu, le processus de développement s’enlise dans un incessant aller-retour entre le designer et les commanditaires. Ce qui signifie d’habitude un tas de petits, frustrants changement de texte que le designer doit mettre à jour et maquetter, puis enregistrer.

3. Bâtir l’empathie en designant avec du vrai contenu

La chose unique avec un CMS (Content Management System) ou système de gestion de contenu est que vous designez pour deux groupes d’utilisateurs :

  1. Les créateurs de contenu qui se serviront du tableau de bord que vous aurez paramétré et
  2. Les utilisateurs finaux du site web qui vont consommer le contenu publié par les créateurs
Tableau de bord WordPress.com
Tableau de bord WordPress.com

En partant sur l’approche content-first, vous allez développer une compréhension profonde des types de contenu publiés par vos créateurs. Vous apprendrez comment ils écrivent les titres, quelle est leur longueur d’article préférée, le type de contenu qui apparaît le plus souvent…

Alors, que vous soyez client (commanditaire) ou designer, donnez les meilleures chances de réussite à vos projets en commençant par le contenu.