Conseiller en expérience utilisateur et formateur passionné
blogue
Récemment
En effet ! | Accueil | En vacances ! »
22 juin 2007
Vive les grandes surfaces !
La Ville de Québec est en train d'élaborer la prochaine version de son site Web ... et ils ont pensé à moi pour les aider =). Depuis novembre dernier, à temps partiel, on a rencontré des préposées aux renseignements (et d'autres personnes) pour connaître le citoyen, les raisons de ses appels, etc. C'est fou ce qu'on apprend quand on parle directement aux gens qui parlent aux gens. Par exemple, savez-vous que la raison d'appel numéro 1 est ... eh non, je ne vous le dirai pas tout de suite ;-) Tout ça pour dire que je ne l'aurais pas deviné comme ça, sans enquête utilisateurs. Un indice ? Disons que Claude Meunier jouait un personnage à la télévision qui en faisait une vraie obsession !
Cela dit, chaque renseignement a été colligé et documenté dans un rapport. Bien entendu, on a identifié des personnages. Puis on a écrit chacun de ces renseignements (personnage, déclencheur, raison d'appel, etc.) sur des Post-it qu'on a collés sur un grand mur pour en faciliter l'organisation et dériver une première arborescence du site. Il n'y a rien de tel qu'une grande surface (un espace partagé) pour avoir une vue d'ensemble et pouvoir réfléchir. Voici de quoi ça avait l'air après quelques séances :
Par la suite, pour chacun des noeuds et des feuilles de l'arborescence, un wireframe a été produit rapidement en équipe sur poster papier à l'aide d'un crayon feutre. Oui oui, du papier. Dans un processus d'idéation et de création, il n'y a rien de tel que les outils « low-tech ». Et on n'a pas perdu notre temps. L'architecture du site s'est réalisé en 10 jours, la conception des wireframes en 30 jours et je documente le tout ces jours-ci sur mon iMac à l'aide de OmniGraffle Pro (quel logiciel extraordinaire, bien fait, bien pensé !).
Pour la première fois, je réalise une arborescence détaillée, c'est-à-dire que chaque noeud et chaque feuille de l'arborescence est illustré à l'aide d'un wireframe et non d'une simple boîte. Ouf ! C'est pas mal de travail mais ça commence à prendre forme (j'ai 60 % de fait). Voici d'ailleurs de quoi ça a l'air aujourd'hui à 15h :
Je sais, c'est un peu petit sur mon blogue mais sachez que le tout sera imprimé sur une bannière d'environ 4 pieds de large sur 14 pieds de long... et fort probablement en couleurs. D'un coup d'oeil, on pourra non seulement voir l'ampleur du futur site Web de la Ville de Québec mais aussi en apprécier le contenu et les parties interactives. J'ai vraiment hâte de voir le produit final !
Bon, trêve de blogue et retour à OmniGraffle. Je dois continuer (et terminer) ce diagramme si je veux « tomber en vacances » vendredi prochain...
Voici de quoi a l'air la version finale :
Voici une page agrandie :
Je dois dire que la version imprimée est impressionnante. 14 pieds (environ 4,3 m), c'est long... mais quelle vue d'ensemble on a. Je vais certainement répéter l'expérience lors d'un prochain mandat.
Écrit par Daniel le juin 22, 2007 02:41 PM
Vos commentaires
15 pieds, 14 pieds, comme on le dit, ce n'est pas la longueur qui compte mais ce qu'on en fait ;-)
Écrit par: Daniel le juin 22, 2007 04:53 PM
Tu nous en dira plus sur ce travail? Ce serait intéressant d'avoir quelques détails...
Écrit par: Gaetano le juin 23, 2007 07:30 AM
Probablement, mais avec l'accord du client. Dites-moi, qu'est-ce qui vous intéresse en particulier?
Écrit par: Daniel le juin 23, 2007 08:40 AM
Salut Daniel,
Très intéressant ce boulot !
J'aimerais savoir comment ton client percevra ton travail : son avis sur les aspects factuels, sa appréciation subjective.
À suivre donc, et bon courage !
:::
Écrit par: Martin le juin 23, 2007 10:51 AM
Ça va être un site d'environ combien de pages?
Environ combien d'heures d'ouvrages (heures-personnes) aurez vous mis?
Quels autres logiciels mac aurais-tu à me conseiller?
Merci
Écrit par: Martin Bittner le juin 24, 2007 09:43 PM
Ouf! Beaucoup d'autres heures de travail en perspective.... ;) Je ne suis pas certaine que j'ai hâte de voir ton arborescence détaillée en vrai... va peut être falloir que je reprennes des vacances après l'avoir vu!
Écrit par: Sylvie le juin 28, 2007 02:05 PM
C'est facile : les vidanges. "Quel jour?" J'en suis certain!
Omnigraffle est en effet un outil extraordinaire. Je l'utilise depuis quelques années et je n'ai jamais rien vu de tel ailleurs. Les autres logiciels qu'on dit comparables en font pas assez ou beaucoup trop. Omnigraffle, c'est l'équilibre parfait entre les fonctions souhaitables et la légèreté.
J'ai déjà imprimé une bannière représentant une arborescence de ce genre lors de la réalisation d'un mandat gouvernemental. Elle mesurait 15 pieds de long par 4 de haut! (ahah, mon arbo est plus grande que la tienne, lalalère!)
Écrit par: Michael le juin 22, 2007 04:29 PM