5 outils pour créer votre arborescence site web

Il est important, lors de la création d’un projet ou la refonte d’un site de définir l’architecture de votre projet. Une mauvaise structure peut avoir des conséquences pour l’ensemble des acteurs du projet.

L’arborescence permet de visualiser les imbrications et les connexions entrent les différentes pages d’un site ou d’une application mobile.

Cette représentation sous forme d’arborescence permet à l’ensemble des acteurs du projet de partager leur vision.

La création d’arborescence site web est aussi utilisée en SEO, lors de la conception de l’architecture de votre site, vous serait amener à travailler avec un référenceur. Découvrez mon article sur la complémentarité des métiers du référencement et de l’UX design.

Liste des outils pour créer votre arborescence site web

Flowmapp - 5 outils pour créer votre arborescence site web

FlowMapp

FlowMapp est un outil en ligne de création d’arborescence de site et de userflow visuels qui vous aide à concevoir et à planifier efficacement l’expérience utilisateur.

Wdd - 5 outils pour créer votre arborescence site web

Mindnode

MindNode vous aide à créer votre arborescence et donne une image claire de votre idée.

Slickplan - 5 outils pour créer votre arborescence site web

Slickplan

Visuel et intuitif, il vous aidera à créer facilement votre arborescences professionnel.

Dyno - 5 outils pour créer votre arborescence site web

Dynomapper

Un excellent outil pour développer vos arborescences interactifs.

Gloomaps - 5 outils pour créer votre arborescence site web

GlooMaps

Un outil 100% gratuit qui vous permet de réaliser une arborescence simple et efficace.

Retour à la boite à outils

L’arborescence site web permet d’avoir une vision globale du site et du chemin de navigation avant de préparer les modèles des pages principales.

Réaliser le plan de son propre site web est souvent une chose très difficile à faire. Il n’est jamais facile d’organiser les contenus, qui sont souvent plus hétérogènes que ce que l’on imaginait au départ.

Avant tout, concevoir un plan signifie établir un classement, faire des choix, ce qui peut prendre du temps et susciter des discussions en équipe. C’est un exercice difficile, mais ô combien important.

Sans une navigation bien pensée, un site web, aussi joli soit-il, a peu de chances d’atteindre ses objectifs. Ce billet doit vous donner toutes les clés pour comprendre les enjeux et créer concrètement la structure de votre site.

L’arborescence d’un site web, une étape fondamentale dans la création de votre site

L’arborescence, ou plan du site, est généralement présentée sous la forme d’un diagramme qui organise les pages du site en sections et définit les différents niveaux de navigation.

C’est généralement la première étape de la conception d’un site web. Une fois l’arborescence site web validée, toute l’équipe dispose d’une vue d’ensemble sur le site, et on peut descendre d’un niveau afin de vérifier les pages en vue de la production de maquettes.

L’étape suivante consiste à créer les zonages des pages, c’est-à-dire à découper les pages principales en zones, par exemple un rectangle horizontal pour le logo et le menu principal, un rectangle vertical à gauche pour le menu secondaire, etc.

Ensuite, nous passons des zonages aux wireframes où nous ajoutons les textes principaux et les éléments graphiques, puis enfin des wireframes aux modèles graphiques du site.

Conclusion : les objectifs d’une arborescence de site web :

  • Matérialiser les pages
  • Mettre en avant les fonctionnalités de chaque pages
  • Représenter les imbrications entres les pages
  • Compléter la documentation autour du projet
  • Faciliter les échanges entres les acteurs du projet