Web design : de la méthode svp !

Un article à conserver :

Bernard Prieur-Smester, Bernard Prieur-Smester, concepteur
multimédia et chargé de cours de méthodologie et d’écriture multimédia, vous donne les clés pour un création et réalisation d’un site web…là où le n’importe quoi règne !

C’est clair et utile.

Et vous avez droit à des schémas et un coup de gueule en plus…

admirable_design_createur.jpg

« Tu vois ce que je veux dire coco… (? !) »

Enfant naturel de la communication et de l’informatique, le multimédia a hérité d’un certain nombre d’archétypes et de travers. Lorsqu’ils se cantonnent à une « cool attitude » ou à une créativité exubérante, il n’y a pas de quoi s’inquiéter, c’est parfois bon signe. En revanche, dès qu’au détour d’une conversation est lancée le célèbre « tu vois ce que je veux dire coco», alors tout est à craindre.

Les exemples pourraient êtres longs et fastidieux et nous avons tous connu ces tirades du type : « tu me fais une page avec une super image tendance au milieu et sur la gauche un picto sexy, animé du genre euh…, enfin tu vois ce que je veux dire coco. C’est en ligne dans 1heure ok ! ». Pour anecdotique que cela puisse paraître, ceci révèle une faille importante justifiée par deux idées erronées mais courantes présupposant que :

1- Le multimédia serait avant tout un ensemble d’images, d’animations, de pages, et d’effets…

2- Le « on-line en temps réel et l’utilisation toujours plus aisée des matériels et logiciels rendent tout « possible » y compris les approximations.

admirable_design_webdesign2.jpg

Une réelle méthodologie de conception…

L’industrie ne lance pas sur le marché un « produit de hasard ». Le multimédia le fait. Il n’est pas rare de devoir travailler à partir de briefs de 2 lignes, ou de story-boards écrits sur un coin de table, entre deux portes ou 3 coups de fil tous très importants…Pire, dans certaines écoles de renom qui mettent le multimédia au fronton de leur programme, les méthodologies de conception et de production sont délaissées au profit d’une valorisation pseudo artistique : « Apprenez à faire de belles images et de beaux écrans, Internet fera le reste.». En stage ou en poste, ces « artistes » reproduiront les approximations apprises loin de la méthodologie et des spécifications détaillées.
Pour sa fonction « amont » dont les objectifs sont de préciser, écrire, décrire, clarifier, imaginer, cadrer, répartir, distribuer et préparer sur le papier tous les éléments nécessaires et indispensables, le cahier de spécifications demande une gymnastique d’esprit et une rigueur.

admirable_design_webdesign.jpg

Une méthodologie de réalisation appliquée…

C’est une sorte de « pré-vision » de la future application qui sera produite par une équipe de graphistes et de développeurs après une validation client. Ce même document, une fois corrigé sera la référence pour les équipes de réalisation qui y trouveront le travail à effectuer et les réponses aux éventuelles questions.
Comme un « guide line » ou charte d’un produit, il répond avec précision à une suite logique point par point :

1- Description du sujet et cadre général du projet,

2- Identification des utilisateurs ciblés

3- Liste des services et contenus proposés

4-Apports du projet (en liaisons avec les points précédents)

5- Description de l’architecture. (Organigramme détaillé et description des parcours utilisateurs types)

6- Ergonomie générale et orientations graphiques proposées. (Structure et charte éditoriale, orientations graphiques …)

7-Recommandations techniques. (Résolution, type de cadrage, bande passante, formats, plug-in, navigateurs cibles…)

8- Story-board cinématique – écran par écran. (Illustration, type d’écran, objectif, sources et sous-ensembles techniques , actions, références des images, des sons, des vidéos, des textes, des animations. Définition des actions et des effets, commentaires…)

9- Planning prévisionnel et suivi de Projet. (Plan de suivi, récapitulatif des anomalies, compte rendu réguliers…)

Ainsi, après avoir goûté au plaisir de travailler sur la base d’un cahier de spécifications détaillées, si quelqu’un vous lance à nouveau « tu vois ce que je veux dire coco… », sans attendre la fin de la démonstration, coupez-le par un très ferme et mais poli : « non, je ne vois pas ce que tu veux dire coco »… Vous verrez, c’est radical, et cela permet de repartir sur de bonnes bases.