web-dev-qa-db-fra.com

Une meilleure façon de disposer la barre d'outils avec des titres de largeur variable et des groupes de boutons?

J'ai une barre d'outils qui affiche le titre du contexte actuel dans les liens de navigation du fil d'Ariane et possède un ensemble de boutons pour effectuer des actions sur le contexte affiché.

Le titre va varier en largeur, ce qui signifie que les boutons changeront de position lorsqu'ils seront appuyés contre le titre, comme le montre l'image:

Example of varying width title affecting button placement

Mon premier réflexe est de déplacer les boutons sur le côté droit du menu, mais une intuition me dit que les utilisateurs attendent des boutons alignés à gauche.

Empiler le titre au-dessus des boutons est moins attrayant car cela prendra plus de place verticale, mais je penche pour que cela fonctionne.

Il n'y a pas plus de 5 boutons par menu pour le moment.

Avez-vous des idées pour améliorer cela sans sacrifier trop d'espace vertical?

1
circuitBurn

Les menus sont généralement ancrés en haut à gauche

Pour la plupart des applications, les menus sont là pour fournir un point d'entrée simple et prévisible permettant aux utilisateurs d'accéder aux fonctionnalités de l'application.

Il est donc important que le menu apparaisse dans une position prévisible. Cela est particulièrement vrai pour les menus dans le File Edit ... format dans lequel les utilisateurs reconnaissent instantanément cet idiome et s'attendent à ce qu'il soit en haut à gauche de la fenêtre de l'application.

À moins que vous n'ayez vraiment besoin de placer le fil d'Ariane avant le menu (c'est-à-dire que les utilisateurs sont 10 fois plus susceptibles d'utiliser le fil d'Ariane que le menu), je ne le placerais pas à gauche.

L'endroit conventionnel pour placer le fil d'Ariane est en dessous du menu, afin que la navigation ne soit pas confondue avec d'autres opérations de menu, comme dans l'exemple A ci-dessous. Mais si vous avez vraiment besoin de le placer dans la barre de menus, pensez à le placer à droite, comme dans B ci-dessous.

menu

Vous pouvez utiliser des ellipses pour tronquer le fil d'Ariane, car il s'agit d'une pratique courante pour contraindre le texte long (par exemple, les longs chemins d'accès dans un système de fichiers).

1
tohster