Focus Sur L'arborescence
Focus Sur L'arborescence
Focus Sur L'arborescence
Depuis le temps que je voulais publier un billet sur le document qu'est l'arborescence,
c’est maintenant chose faite ! J’espère que ce billet vous fera réagir car c’est un sujet sur
lequel je souhaite discuter et partager des retours d’expérience !
• l’arbo générale ou "high level" : elle ne s’attache pas aux détails et propose
une vue macro du site,
• l’arbo détaillée ou "low level" : elle permet d’être très précise, et ce pour un
certain nombre d’éléments (les pages, les liens, les gabarits...)
Dans les projets un tant soit peu importants, on devrait avoir à chaque fois ces 2 types
d’arbos. Le problème, c’est que bien souvent l’arborescence se résume à cela :
Dès lors, on peut dire qu’elle ne sert qu’à lister les pages et les visualiser dans l’espace.
Bref, un bon vieux fichier Excel ferait la même chose...
Pour que notre arbo soit un peu plus fine que "1 case = 1 page", elle doit contenir plus
d’informations précises et plus utiles, histoire qu’elle serve de vrai document de référence
à toute l’équipe projet.
Petits conseils :
• pour chacune des pages, on peut définir si elle est statique, dynamique, si
c’est une popup,
• on peut également afficher les différents gabarits de page qui seront utilisés
(par exemple avec un picto "G4" qui correspond au Gabarit n°4)
• on peut visualiser les pages similaires ou groupes de pages (les stacks)
• on peut afficher les grands process qui seront utilisés (sign in, ajout au panier...)
par exemple avec un picto "P4" qui correspond au Process n°4 par exemple,
• on peut différencier les pages des nœuds d’arborescence (ces derniers
permettent de visualiser les différentes sections)
• ainsi, si l’on utilise une mise en page verticale, l’arbo permet de définir
précisément le niveau de profondeur du site. On sait donc qu’il me faudra N
clics pour passer de la home page à la fiche produit par exemple.
• on peut afficher différents types de liens : liens internes / externes, liens direct
/ après identification...
• on peut également y inclure les étapes de développement ultérieurs (v1, en
v2...) en colorant les pages par exemple ou en utilisant de petites pastilles
Contrairement aux
wireframes, je ne connais pas
de très bons logiciels pour
créer des arbos. Personnellement, je les faisais avec Illustrator car j’avais récupéré un
certain nombre d’éléments graphiques pour annoter mes arbos, mais j’avoue que ce n’est
pas l’outil le plus pratique. En
effet, la notion de "connecteur" lui
est inconnue, donc quand vous
devez insérer ou modifier votre
arbo, c’est la galère car il ne
déplace pas automatiquement les
pages et les liens...
CONCLUSION
L’arborescence est, il me semble, un des livrables qui n’a que très peu évolué
depuis ces dernières années. Bien adaptée pour des sites de taille moyenne, elle
peut devenir très complexe pour des sites qui comportent des centaines de
pages.
Créer une arborescence avec des outils non spécialisés est assez fastidieux et
avec le succès d’Ajax et des interfaces riches, on ajoute un niveau de
complexité (avec les inserts de zones dynamiques présentes dans chaque page,
une page peut en contenir plusieurs à la fois...)
Le zoning : contrainte ou aide précieuse ?