L’arborescence d’une application permet de visualiser sur un diagramme sa structure de navigation. Cette étape suppose que l’information est été étudiée minutieusement au préalable. En effet il est nécessaire de classer l’information en rubriques et sous rubriques et de la hiérarchiser pour pouvoir ensuite construire le schéma d’arborescence. Pour cela, le commanditaire doit avoir réunis tout le contenu qu’il souhaite voir apparaitre sur son application et aider le prestataire à classer ce contenu.
Un diagramme d’arborescence peut contenir de façons très schématique un nombre non négligeable d’informations. Pour réaliser cela, vous pouvez utiliser des outils comme Visio, PowerPoint, Photoshop ou Gimp, Illustrator ou Inkscape … Le choix de l’outil dépend de vos moyens et de vos préférences. Sur le sujet, je vous recommande la lecture des articles de Eric Di Pol sur son blog Super Fiction . Pour ma part j’utilise le logiciel vectoriel Inkscape avec lequel j’ai dessiné un certain nombre de symboles génériques que je réutilise maintenant sur différents projets. Pour réaliser ces symboles, je me suis largement inspiré de la méthode de Eric Di Pol décrit dans l’article « Méthodologie, focus sur l’arborescence. »
Voici par exemple le set de symboles que j’ai dessiné pour schématiser mes arborescences :

Application concrète sur le thème Wordpress pixenjoy :

A la prochaine étape, je présenterai les dessins de zoning et de wireframes des différents gabarits du thème.
5 commentaires
S'abonner aux commentaires via RSS
(URL de trackback)
le 05.03.08 (10:54)
bonjour,
je suis élève en terminale STG. En vue de mon projet pedagogique du baccalaureat, l’arboresence du site de frontignan la peyrade m’a été demandé. Il serait généreux de me faire joindre ceci à l’adresse ci-dessus.
Cordialement.
le 05.03.08 (11:08)
Bonjour Matton,
Il serait généreux de me faire joindre ceci à l’adresse ci-dessus.
De quoi veux-tu parler lorsque tu dis « ceci » ? De quoi s’agit-il, peux tu préciser s’il te plait.
le 26.03.08 (10:39)
Vraiment intéressant !
pour ma part j’utilise Illustrator… cela doit être un vieux réflexe
de graphiste !
Toi personnellement tu utilises quel logiciel ?
le 06.06.08 (12:34)
Bonjour Martial,
J’utilise aussi un logiciel de dessin vectoriel : Inkscape, équivalent Illustrator mais c’est un logiciel libre.
le 07.11.09 (10:14)
il y a peut etre une erreur dans ton arborescence, car le résultat de la recherche devrait renvoyer lui aussi vers les articles et commentaires, non ? enfin c’est un détail ^^