Passer au contenu principal

ToolsSidePanel

ToolsSidePanel dans Storybook

Utilisation​

Présentation​

Le panneau latéral des outils est un panneau réductible situé sur le côté droit de l’écran. Il fournit aux utilisateurs des outils, des paramètres ou des informations contextuelles supplémentaires sans perturber leur workflow principal. Ce panneau est conçu pour améliorer la productivité en offrant un accès rapide aux actions et ressources clés.

Quand l'utiliser​

  • Les utilisateurs ont besoin d’accéder rapidement aux commandes sans quitter la zone de contenu principale.
  • Le panneau contient des paramètres réglables qui ont un impact sur la vue en cours.
  • Le panneau sert d’assistant contextuel, offrant des options pertinentes en fonction de la sélection de l’utilisateur.

Quand ne pas l'utiliser​

  • Les actions à l’intérieur sont primordiales et doivent faire partie de l’interface utilisateur principale.
  • Le panneau contient trop d’options complexes, ce qui le rend trop imposant pour les utilisateurs.
  • Les utilisateurs doivent effectuer des actions en plusieurs étapes qui nécessitent toute leur attention (envisagez plutôt l’utilisation d’une fenêtre modale).
  • Le panneau entre en conflit avec d’autres éléments de l’interface utilisateur, ce qui nuit à l’utilisation.

Structure​

Exemple illustrant un panneau latéral avec des outils et un bouton d’icône réductible

  1. Conteneur de panneau : structure principale qui contient tous les composants du panneau latéral.
  2. Éléments d’outil : le panneau se compose d’icônes sans étiquette de texte.
  3. Bouton d’icône réductible : bouton fléché qui permet aux utilisateurs d’agrandir ou de réduire le panneau.

Tous les éléments ne sont pas obligatoires. N'incluez que ce qui est nécessaire pour votre cas d'utilisation spécifique. Le panneau latéral des outils est un panneau ouvert et flexible qui peut accueillir divers éléments en fonction de cas d'utilisation spécifiques. Les équipes peuvent le personnaliser en ajoutant différents composants, outils et fonctionnalités selon les besoins, tout en conservant une expérience rationalisée.

Comportement​

  • Apparaît sur le côté droit de l'écran et s'étend de l'en-tête au bas de la page.
  • Peut être réductible ou persistant, selon les besoins de l'application.
  • Pousse le contenu plutôt que de venir en superposition, ce qui garantit une mise en page claire et structurée.
  • Fournit un accès rapide aux outils ou aux actions contextuelles sans interrompre le workflow principal.