CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre à Prototyper - Sites Internet et application

Gestion du Panneau d'Arborescence dans un Prototype

Retour à la formation
Chapitre 4 Leçon 2
Précédent
Suivant

Apprenez à gérer les pages de votre prototype en utilisant le panneau d'arborescence.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous abordons l'utilisation du panneau d'arborescence, essentiel pour l'organisation des pages d'un prototype. Situé en haut à gauche de l'écran, ce panneau vous permet de gérer plusieurs pages, telles que la home et ses sous-rubriques. Initialement, les pages apparaîtront avec un petit carré blanc indiquant leur vacuité. Cependant, au fur et à mesure que votre design évolue, vous verrez apparaître un aperçu miniature de chaque page active. Vous pouvez également accéder rapidement à chaque page en double-cliquant sur son nom dans le panneau ou en cliquant sur l'onglet en haut.

Ce panneau offre aussi la possibilité de réorganiser les pages via un simple drag and drop. Notez que cette réorganisation n'affecte pas l'ordre des pages dans le panneau d'arborescence. Enfin, pour alléger votre espace de travail, il est possible de fermer des onglets, sans pour autant impacter la structure des pages dans le panneau.

Objectifs de cette leçon

Les objectifs de cette vidéo incluent la maîtrise de la gestion et l'organisation des pages via le panneau d'arborescence, ainsi que l'optimisation de votre espace de travail.

Prérequis pour cette leçon

Avoir des notions de bases en design et en prototypage de sites web ou applications est recommandé.

Métiers concernés

Cette compétence est particulièrement utile pour les métiers de designer UX/UI, développeur frontend et chef de projet numérique.

Alternatives et ressources

Vous pouvez également utiliser d'autres outils de prototypage qui offrent des fonctionnalités similaires, tels que Sketch, Figma ou Adobe XD.

Questions & Réponses

On peut accéder aux différentes pages soit en double-cliquant sur le nom de la page dans le panneau d'arborescence, soit en cliquant sur l'onglet en haut de la page.
Le drag and drop permet de réorganiser les pages pour une meilleure gestion, mais n'affecte pas l'ordre des pages dans le panneau d'arborescence.
La suppression d'un onglet allège simplement l'espace de travail sans affecter l'organisation des pages dans le panneau d'arborescence.