exclu mondiale :)
formation UX design !
53h de vidéo
60 études de cas
150 livrables - 160 wireframes
places limitées

arborescence fonctionnelle

icone arborescence fonctionnelle
écrit en 2010
et révisé en 2016 par
Julien Muckensturm
Architecte de l'information
icone linkedin
icone viadeo

Intérêt des arborescences fonctionnelles

Pourquoi réaliser une arborescence fonctionnelle ?

Concrètement, il s'agit de représenter visuellement les imbrications et les connexions entre les différents gabarits composants le support interactif, ce qui revient à en illustrer le fonctionnement.

La représentation de la mécanique du support interactif sous forme d’arborescence fonctionnelle permet à tous les acteurs du projet de partager une vision commune de la dimension dynamique du dispositif.

Les arborescences fonctionnelles permettent de modéliser la mécanique ainsi que le fonctionnement du support : l’arborescence fonctionnelle est particulièrement précieuse pour compléter l'arborescence éditoriale dont elle agrègera les contenus, échanger avec les interlocuteurs techniques et préparer l'inventaire des gabarits.

Exemples d'arborescences fonctionnelles

arborescence fonctionnelle exemple d'arborescence fonctionnelle
référence ux Sécurité routière
2011 - esquissé par Julien MUCKENSTURM
arborescence fonctionnelle exemple d'arborescence fonctionnelle
référence ux IAFACTORY
2010 - esquissé par Julien MUCKENSTURM
arborescence fonctionnelle exemple d'arborescence fonctionnelle
référence ux Urbact
2013 - esquissé par Julien MUCKENSTURM

Objectifs des arborescences fonctionnelles

Modéliser le fonctionnement

avec l'arborescence fonctionnelle, on dispose d'une excellente vision synthétique du fonctionnement du dispositif.

Les objectifs prioritaires visés par nos arborescences fonctionnelles :

  • matérialiser le fonctionnement du support interactif,
  • mettre au jour toutes les composantes fonctionnelles du dispositif,
  • représenter visuellement les imbrications des composantes fonctionnelles,
  • fournir la documentation permettant de fluidifier les processus de travail,
  • faciliter les échanges avec les interlocuteurs techniques,
  • favoriser le travail de rédaction des spécifications techniques.

L’arborescence fonctionnelle est une pièce maîtresse dans la documentation du projet ; elle n’est pas indispensable mais facilite grandement les interactions entre les équipes, et par extension, tous projets complexes nécessitera tôt ou tard le recours à ce type de représentation.

Méthode pour réaliser des arborescences

Projection du fonctionnement...

tout est dans tout, l'arborescence fonctionnelle est liée à l'arborescence éditoriale et au storyboard du dispositif...

L’arborescence fonctionnelle est réalisée en phase de conception, parallèlement à la réalisation des storyboards et aux ajustements d’arborescence éditoriale.

La méthode de travail consiste à projeter le fonctionnement du site sous forme de cartographie, et exige de fait une très bonne connaissance des processus et composantes fonctionnelles impliquées par chaque chantier ou brique fonctionnelle.

Ce travail fait généralement l’objet de nombreux ajustements au cours des évolutions de conception-création du projet.

Arborescences fonctionnelles, et après ?

Travaux complémentaires aux arborescences

après ou plutôt en parallèle, l'arbo fonctionnelle est à mixer avec l'arbo éditoriale et les wireframes.

L’arborescence fonctionnelle, qui représente la logique d’articulation, d’imbrication et de relations entre les gabarits du support interactif, est à concevoir de paire avec l’arborescence éditoriale dont elle emmagasinera les contenus… Chaque composante fonctionnelle doit également être modélisée sous forme d'écran au sein des wireframes.

Vous préférez réaliser vos arbos vous-même ?

Téléchargez des modèles d'arborescence

Vous avez raison, c'est un document ultra dynamique qui tôt ou tard nécessite d'être piloté côté commanditaire du projet.

Vous souhaitez internaliser ou réaliser vous-même des arborescences ?

IAFACTORY vous propose de nombreux modèles documentaires ainsi que des bibliothèques de formes à télécharger afin de réaliser par vous-même des arborescences : ces documents sont disponibles et consultables au sein de notre site dédié aux modèles documentaires.

Suivez notre programme elearning IA - UX

mais oui, suivez "donc" notre programme de formation en ligne ! Vous saurez tout de l'IA - UX :).

Nous proposons également un programme elearning IA - UX (iafactory learn) en architecture de l'information et design d'expérience utilisateur super pragmatique et très complet autour de 50h de vidéos, incluant 150 modèles prêts à l'utilisation et 160 écrans de wireframes clés en main pour travailler sur vos projets !

Ressources arborescences ?

Pour aller plus loin

Vidéos UX à visionner :

Livrables UX à télécharger :

Articles du bunker blog à méditer :

Etudes de cas UX à lire :

Travaux UX à visualiser :

Supports de cours (débutant) à étudier :

Livres UX à bouquiner :

Autres ressources sur le web :

Vous souhaitez réaliser des arborescences vous-même ?

Vous avez raison, on n'est jamais mieux servi que par soi-même...
Gagnez du temps en utilisant nos modèles conçus avec amour et surtout prêt à l'utilisation !

vignette modèles livrables arborescence fonctionnelle
format Powerpoint .PPTX compatible MAC / PC

Modèle livrable arbo fonctionnelle A TELECHARGER

Des modèles clés en main pour établir l'arborescence fonctionnelle

  • définissez le fonctionnement du dispositif efficacement !
  • 6 modèles clés en main : architecture fonctionnelle, flux, processus...
  • facile à personnaliser et prêt à l'utilisation
  • rendu sobre et élégant
  • optimisé pour l'impression et la lecture à l'écran
72 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette modèles livrables trame ux
format Powerpoint .PPTX compatible MAC / PC

25 modèles de livrable trame UX A TELECHARGER

Plus de 25 modèles pour concevoir un livrable UX sur-mesure !

  • concevez et personnalisez vos projets rapidement avec cette trame UX !
  • documentez efficacement les fondamentaux de la conception UX !
  • 25 modèles clés en main homogènes, cohérents et prêts à l'utilisation
  • outil facile à prendre en main et rendu design
  • optimisé pour l'impression et la lecture à l'écran
198 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette modèles livrables kit complet
format Powerpoint .PPTX compatible MAC / PC

150 modèles de livrables A TELECHARGER

Kit ultime de livrables pour documenter vos projets digitaux de A à Z !

  • 150 modèles de livrables clés en main homogènes, cohérents et prêts à l'utilisation
  • livrables souples et flexibles 100% personnalisables pour vos projets digitaux
  • formalisez et documentez toutes les étapes de vos projets efficacement et rapidement :)
  • documentez efficacement toutes les étapes de vos projets digitaux !
  • outil facile à prendre en main et rendu design
  • optimisé pour l'impression et la lecture à l'écran
378 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette modèles wireframe iafactory shop
format Powerpoint .PPTX compatible MAC / PC

iafactory shop CENTRE DE TELECHARGEMENT

Des outils puissants prêts à l'utilisation pour vos projets digitaux

  • outils et modèles de livrables pour documenter toutes les étapes de vos projets
  • modèles de wireframes clés en main pour concevoir votre interface
  • ebook pratique pour progresser
  • outil facile à prendre en main et rendu design
  • modèles disponible à la carte ou en kit complet
30 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé

Pourquoi IAFACTORY propose des modèles ?

IAFACTORY est d’abord un cabinet de conseil en architecture de l’information. Notre métier consiste, principalement, à modéliser des solutions de conception.
Avec modestie. Avec haute précision.
Pour vous faire gagner du temps, nous avons modélisé, plus de 150 modèles prêts à l’utilisation.

Ces modèles, ce sont les outils que nous utilisons.
Pour la méthode. Et pour la rationalisation.
C’est aussi le framework qui constitue le socle de nos formations.
L’ensemble représente plusieurs années de formalisation.

Les modèles font gagner du temps à tous les acteurs du projet, parce qu’ils sont à la fois souples, pointus et diversifiés.
Nos produits sont exclusifs, faits mains, et garantis satisfaits ou remboursés.
C’est une pratique plutôt rare dans le métier.
Vous ne prenez donc aucun risque si vous achetez...

Partager ces modèles est une bonne idée.
Par vos avis, l’outil peut évoluer.
Par vos achats, vous contribuez à le financer.
Au final, tout le monde est satisfait :).

Découvrez notre programme de formation vidéo en ligne

10 années de pratique condensées dans un format digeste et ludique :)
Une solution innovante à moindre coûts pour progresser et acquérir rapidement les bases et les outils !

vignette conception interaction video à la demande vod Ux design
5H de vidéo format .MP4 compatible MAC / PC

Vidéo wireframes + livrables A TELECHARGER

Tout ce qu'il faut savoir sur la conception et le design d'interaction.

  • 1 vidéo "Scénaristion des interactions" - 92 minutes
  • 1 vidéo "Modélisation du zoning" - 84 minutes
  • 1 vidéo "Conception des écrans, wireframing" - 154 minutes
  • 26 cas d'étude illustrés
  • + 30 modèles inclus pour concevoir des wireframes
294 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette arborescence video à la demande vod Ux design
4H de vidéo format .MP4 compatible MAC / PC

Vidéo arborescence + livrables A TELECHARGER

Tout ce qu'il faut savoir pour structurer les contenus.

  • 1 vidéo "Structuration et segmentation des contenus" - 91 minutes
  • 1 vidéo "Structuration et architecture éditoriale" - 63 minutes
  • 1 vidéo "Le métier d'architecte de l'information" - 60 minutes
  • 9 cas d'étude illustrés
  • + 30 modèles inclus pour organiser les contenus
294 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette galaxie de sites video à la demande vod Ux design
2H de vidéo format .MP4 compatible MAC / PC

Vidéo galaxie de sites + livrables A TELECHARGER

Tout ce qu'il faut savoir pour travailler sur une galaxie de sites.

  • 1 vidéo "Inventaire et architecture d'écosystème de sites" - 133 minutes
  • 4 cas d'étude illustrés
  • Des explications précises sur les méthodes
  • Des conseils techniques et opérationnels
  • + 20 modèles inclus pour formaliser
120 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette formation video UX
53H de vidéo + 150 livrables + 160 wireframes !

Formation elearning IA-UX design ACCES 1AN

Programme vidéo complet de 53H d'auto-formation en UX design.

  • découvrez iafactory learn : 50 vidéos soit plus de 53h de vidéo en streaming illimité
  • 150 modèles de livrables prêts à l'utilisation et 160 wireframes pour vos projets
  • formation illustrée par 60 exemples de projets UX
  • 7 exercices pratiques, 1 étude de cas UX à réaliser
  • support de formation inclus de 1350 pages
720 euros

accès immédiat via iafactory learn / on croit en nos formations : satisfait ou remboursé

Pourquoi IAFACTORY propose des formations ?

D’abord nous aimons notre métier.
Pour être à la pointe, nous faisons tout pour progresser.
Naturellement, nous avons aussi envie de partager...

Ces formations représentent un important travail de capitlisation.
Mais aussi de formalisation.
Depuis plusieurs années, nous les améliorons.
En vidéo nous les mettons à votre disposition.

2 formules au choix pour progresser.
Formule VOD pour les plus pressés...
Formule ELEARNING pour un programme complet...

Nous réalisons parallèlement des formations professionnelles en design d’expérience utilisateur et architecture de l’information.
D’ailleurs, auprès de la région Alsace, IAFACTORY est déclaré comme organisme de formation.
Nous sommes également partenaire de l’université de Strasbourg et intervenons auprès d’étudiants en voie de professionnalisation.

Les formations sont conçues pour vous faire progresser. Nous fournissons le matériel adéquat pour vous y coller...
Nos formations sont originales, artisanales, humaines, et garantis satisfaits ou remboursés.
C’est une pratique plutôt rare dans le métier.
Vous ne prenez donc aucun risque si vous essayez...

Partager ces formations est, nous en sommes convaincus, une bonne idée.
Par vos avis, les formations peuvent évoluer.
Par vos achats, vous contribuez à la financer.

Vous avez un projet en tête ?

nous confectionnons vos arborescences dans une logique d'ensemble,
et nous porte grande attention, en toute logique, à l'ensemble des détails !

Arborescences fonctionnelles : références

Arborescences : la prestation IAFACTORY

Concrètement ce que nous faisons

Les travaux cartographiques et les représentations visuelles débouchent invariablement vers la réalisation d’arborescence éditoriale puis la modélisation du fonctionnement mécanique du dispositif : nous réalisons les arborescences éditoriales ainsi que les arborescences fonctionnelles de vos projets, qu’elles qu’en soient la complexité et même s’il faut éditer un panneau 4 X 3.

Notre prestation en matière d'arborescences fonctionnelles :

  • analyse de l’existant lorsque l’intervention porte exclusivement sur l'arborescence fonctionnelle,
  • inventaire des gabarits du dispositif,
  • mise en place d'une nomenclature pérenne pour identifier les gabarits,
  • rationalisation du fonctionnement du dispositif,
  • modélisation et projection de l'arborescence fonctionnelle.
Vos arborescences réalisées par un artisan.

Je réalise personnellement vos arbos.
Avec amour, précision, originalité.
Pas de sous-traitance à Singapour.

Objectif : visualisation du fonctionnement.
Si vous souhaitez vous faire accompagner en phase de conception

A partir de là, les internautes lisent aussi

CADRAGE FONCTIONNEL
Identification et listing des gabarits dans une optique de maitrise et de rationalisation du fonctionnement.
inventaire fonctionnel
CADRAGE FONCTIONNEL
Visualisation détaillée des interactions impliquées dans un processus : inscription, commande, transaction...
conception des processus
CONCEPTION D'INTERFACE
Esquisse d'interface utilisateur, projection des contenus et fonctionnalités à l'écran.
wireframing