Barre d’outils vs. barre de menu (macOS)
Une barre d'outils place des actions courantes dans une fenêtre. La barre des menus garde toutes les commandes de l'application en haut de l'écran.
Mettez les actions courantes de document ou de sélection dans la barre d'outils. Gardez toutes les commandes, les raccourcis clavier et les actions moins courantes dans la barre de menu.
Voir ce que fait chaque modèle
Essayez chaque exemple. Puis lisez sur le travail pour lequel il a été conçu.
Unified Title Bar Toolbar
Une barre d'outils unifiée est une rangée de commandes intégrée à la zone de titre de la fenêtre. On peut la modifier, et elle contient les actions courantes du document ou de la vue.
Une application de notes combine le bouton de la barre latérale, la recherche, le partage et les outils de formatage dans une seule zone de barre de titre qu'on peut glisser.
- Utilisez-le lorsque
- Utilisez-le pour des commandes courantes liées à la fenêtre actuelle lorsque l'accès direct et le choix personnalisé aident le travail ci-dessous.
- Ne l'utilisez pas lorsque
- Ne le surchargez pas de commandes rares ou destructrices. Les éléments dépendants de la sélection peuvent rester à leur place et mettre à jour leur état activé ou sélectionné. Évitez les déplacements de mise en page inutiles et gardez les commandes essentielles accessibles dans la barre de menu.
- Nom utilisé dans le code
AppKit NSToolbar / SwiftUI toolbar
macOS Menu Bar
La barre de menu macOS est la bande en haut de l'écran. L'application active y place son ensemble complet de commandes dans des menus clairs.
Une application d'écriture garde les commandes Nouveau, Exporter, Rechercher et Fenêtre dans des menus Fichier, Édition et Fenêtre prévisibles.
- Utilisez-le lorsque
- Mettez ici l'ensemble complet des commandes de l'application. Incluez les commandes que les gens trouvent par le nom du menu ou exécutent avec un raccourci clavier.
- Ne l'utilisez pas lorsque
- Ne l'utilisez pas comme navigation à l'intérieur d'une fenêtre. Maintenez une commande ici même si elle apparaît également dans une barre d'outils ou un menu contextuel. Mettez à jour les commandes qui dépendent de l'état actuel.
- Nom utilisé dans le code
AppKit NSMenu / SwiftUI Commands
Comparaison rapide
| Modèle UI | Meilleur pour | Pas pour | Nom utilisé dans le code |
|---|---|---|---|
| Unified Title Bar ToolbarUnified Title Bar Toolbar | Utilisez-le pour des commandes courantes liées à la fenêtre actuelle lorsque l'accès direct et le choix personnalisé aident le travail ci-dessous. | Ne le surchargez pas de commandes rares ou destructrices. Les éléments dépendants de la sélection peuvent rester à leur place et mettre à jour leur état activé ou sélectionné. Évitez les déplacements de mise en page inutiles et gardez les commandes essentielles accessibles dans la barre de menu. | AppKit NSToolbar / SwiftUI toolbar |
| macOS Menu BarmacOS Menu Bar | Mettez ici l'ensemble complet des commandes de l'application. Incluez les commandes que les gens trouvent par le nom du menu ou exécutent avec un raccourci clavier. | Ne l'utilisez pas comme navigation à l'intérieur d'une fenêtre. Maintenez une commande ici même si elle apparaît également dans une barre d'outils ou un menu contextuel. Mettez à jour les commandes qui dépendent de l'état actuel. | AppKit NSMenu / SwiftUI Commands |
Avant d'expédier
- 01
Écrivez ce que la personne doit faire.
- 02
Tester le clavier, la mise au point, le toucher, le zoom, le chargement, les états vides et d'erreur.
- 03
Assurez-vous que les gens peuvent obtenir les mêmes informations sans survol ni mouvement.
- 04
Tester avec du contenu réel sur les petits et grands écrans.
Demande de comparaison que vous pouvez copier
Copiez ceci lorsque votre équipe a besoin d'aide pour choisir entre les modèles.
Choisissez le meilleur modèle parmi Unified Title Bar Toolbar (Unified Title Bar Toolbar), macOS Menu Bar (macOS Menu Bar) pour notre flux utilisateur réel. Utilisez cette règle : Une barre d'outils place des actions courantes dans une fenêtre. La barre des menus garde toutes les commandes de l'application en haut de l'écran. Notez la tâche, la quantité de contenu et le coût d'arrêt du flux. Vérifiez le clavier, le toucher, le chargement, l'erreur et le comportement à mouvement réduit. Expliquez votre choix, puis construisez la plus petite version accessible avec le système de conception du projet.