Une question préalable lors d'un échange entre un prestataire et un futur client est l'existence du fameux "cahier des charges". Le drame commence souvent là car il comporte quelques petits défauts :

  • Un cahier des charges est souvent l'expression d'une finalité rarement l'expression du chemin pour y arriver.
  • L'entreprise dispose souvent de peu de temps. Elle fait réaliser son étude par un nouveau salarié. La raison invoquée est que ce nouveau salarié pourra ainsi s'approprier les valeurs de l'entreprise avec une vision neuve.
  • Trop simple, il laisse la place à des réponses tellement variées en terme de prix et de prestations qu'elles rendent le jugement plus difficile.
  • Trop strict, il ferme la porte à la recherche d'une solution plus imaginative ou plus adaptée.
  • ...

Si le cahier des charges est produit par un spécialiste, le résultat n'est pas forcément plus probant. En effet, il faut se l'approprier ! C'est à dire le lire, le commenter, y réfléchir. Or les filtres d'analyse sur un dossier web sont à la fois technique, marketing, graphique, ergonomique... Et le document produit est dense, souvent plusieurs dizaines de page. Disposez vous du temps nécessaire pour cela ?

Le cahier des charges est-il donc inutile ? Force est de constater que son usage dans le cadre d'un projet web est souvent inapproprié. Je préfère donc y substituer les termes suivants : expression du besoin. A partir de cette base, je vous propose le déroulement suivant :

1 - L'organigramme

Ses principaux objectifs sont de fixer : les rubriques, les premières interactivités attendues (formulaire de contact, fonction transmettre...) et la navigation.

2 - Le croquis
J'épargnerai au lecteur un croquis issu de ma main. Toutefois, je tiens à souligner que le prototypage se réalise avec un logiciel. Et parfois, la peur de la page blanche est encore plus importante. Face à la difficulté de conceptualiser une idée, se superpose la complexité de l'outil informatique. Un dessin est souvent le plus court chemin pour exprimer sa créativité. Dans le même esprit qu'un Wireframe, on ne lui demande pas d'être beau et académique. Non, il doit simplement être pratique pour expliquer vos premières idées.

3 - Le Prototypage ou le Wireframe

Le Wireframe est la réalisation de chaque écran de votre site web. Il consiste à découper les grandes masses logiques. Par exemple, un grand carré signalera l'emplacement de la publicité, un autre celui de l'actualité... Ce découpage vise à poser également les fonctionnalitès. Enfin, il convient de déterminer les interactions. Au final, l'utilisateur se déplace de page en page, clique sur des lien, remplie des formulaires. D'une manière caricatural, l'internaute consulte des "images" et non pas de véritables pages HTML beaucoup plus longues à concevoir.

4 - Et après ?...
Un projet internet ne s'arrête évidemment pas à la réalisation du Wireframe. Toutefois, le travail des graphistes et des codeurs s'en trouvent grandement facilité. Les étapes suivantes sont :

  • Le design de l'interface
  • La maquette à blanc et l'encodage HTML
  • Le développement informatique (accès aux données, processus métiers...)
  • Test et recettage

Cette méthode de gestion de projet dans laquelle le Wireframe joue un rôle essentiel me paraît la seule voie pour réaliser de bons projets web. Les avantages du Wireframe sont les suivants :

  • Obtenir la réaction des utilisateurs
  • Favorise le travail d'équipe et la collaboration
  • Permet aux porteurs du projet d'agir "créativement" (sans pour autant avoir des connaissances techniques ou graphiques)
  • Evite les guerres d'opinions
  • Identifie les problèmes avant la phase de développement informatique

Pour découvrir les prestations de gestion de projet orientées utilisateurs