WireFrame à toutes les sauces… | Carnet de Gilles Gissinger, consultant web

WireFrame à toutes les sauces…

Publié le 05 sept 2007 par leGizz dans Web Design

Vous connaissez sans doute tous les wireframes, il s’agit du design d’une page web de manière schématique, on y place uniquement les principaux blocs d’informations et éléments d’interactions. Les wireframes permettent de structurer une page web avant même d’avoir attaqué le design. Pour vous faire une idée, voici à quoi cela peut ressembler . En général les wireframes sont utilisés au sein de l’équipe projet pour identifier les interactions entre les pages, la disposition des éléments etc. Les wireframes sont très pratique lorsque l’on passe à la conception du site.
Pour ma part je m’en sers à toutes les sauces, je m’explique :  La semaine passée j’ai eu un rendez-vous avec un client qui souhaite développer son activité sur Internet

. Le projet avait déjà été vaguement évoqué avec un commercial. En gros, le client ne savait pas trop ce qu’il voulait, il a un petit budget, de faibles connaissances de l’Internet souhaite se lancer dans le e-commerce. Le client a tout de même quelques spécificités propres à son métier (identifié par le commecial).
La demande était tout de même assez vague, mais il y a tout de même moyen de broder quelque chose ! Afin de ne pas me pointer les mains vides et d’argumenter ma proposition je lui ai présenté son « futur site » sous forme de wireframe. Je lui avais préparé quelques exemples de structures de site répondant à ses besoins et lui ai montré les différentes interactions possible avec les pages. Nous avons ainsi très rapidement réussi à nous entendre sur la tournure du projet.

Je lui ai naturellement expliqué que le design se fera dans une étape secondaire…
Résultat : le client à tout de suite mordu

Bien sur j’aurai tout autant pu lui présenter quelques sites de concurrents (en masquant adresses et logos), mais en lui présentant la structure de son futur site j’ai réussi à l’impliquer sans risquer qu’il souhaite que je re-pompe le design d’un concurrent. De plus le client ne possède aucune charte graphique (même pas de logo).

De cette manière j’ai fait d’une pierre deux coups, présentation de mes idées au client et préparation du travail pour le développement du site…

J’avais procédé quasiment de la même manière il y a de cela quelques mois pour un autre client. Cette fois-ci c’était pour lui présenter les différentes interactions entre le site et les utilisateurs en terme de Marketing.

Ce genre d’utilisation des wireframes reste sporadique, mais toutefois utile

Pour plus d’information sur les Wireframes et sur les méthodes de conception je vous conseille la série d’article d’Eric (Superfiction) sur les Wireframes.

Tags : gestion de projet, wireframe