Apple HIG: Menus and Buttons
Concevoir des menus et boutons de style Apple
Assurez-vous que vos interfaces macOS et iOS respectent les normes de conception d'Apple. Cette compétence fournit des conseils officiels sur la structure des menus, les styles de boutons et le placement des barres d'outils à partir des Human Interface Guidelines d'Apple.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "Apple HIG: Menus and Buttons". Je crée une application macOS et j'ai besoin d'un menu pour les opérations sur les fichiers comme Nouveau, Ouvrir, Enregistrer et Exporter. Que devrais-je faire ?
Résultat attendu:
Pour les opérations sur les fichiers dans une application macOS, utilisez la structure de menu Application standard :
1. Placez Nouveau, Ouvrir et Enregistrer dans le menu Fichier (premier menu après le menu de l'application)
2. Utilisez les raccourcis clavier standard : Commande+N pour Nouveau, Commande+O pour Ouvrir, Commande+S pour Enregistrer
3. Ajoutez Exporter au menu Fichier sous Enregistrer, éventuellement avec Commande+Maj+E s'il s'agit d'une action fréquemment utilisée
4. Respectez l'ordre : À propos, Nouveau, Ouvrir, Ouvrir récents, [séparateur], Fermer, Enregistrer, [séparateur], Exporter/Imprimer
Cela respecte les conventions de la barre de menus d'Apple où le menu Fichier est l'emplacement principal pour les commandes liées aux documents. Assurez-vous que chaque commande est également accessible via la barre de menus, même si vous fournissez des raccourcis de barre d'outils ou des menus contextuels.
Utilisation de "Apple HIG: Menus and Buttons". Dois-je utiliser un menu contextuel ou une sheet d'action pour la suppression d'élément sur iOS ?
Résultat attendu:
Sur iOS, utilisez une sheet d'action pour la suppression d'élément, pas un menu contextuel :
**Sheet d'action (Recommandée)**
- Présente les actions destructives de manière proéminente avec une couleur rouge
- Force un choix utilisateur explicite avec des zones de tapotement claires
- Fonctionne mieux pour l'interface tactile avec de grandes zones de touche
- Peut inclure un message de confirmation et une option Annuler
**Menu contextuel (Non recommandé pour les actions destructives)**
- Meilleur pour les actions secondaires ou de commodité (Copier, Partager, Renommer)
- Plus difficile à découvrir pour les actions critiques
- Le geste d'appui long peut ne pas être évident
De plus, ne placez jamais une action destructive uniquement dans un menu contextuel — fournissez toujours un chemin d'accès principal. Pour la suppression, la sheet d'action vous donne le style de bouton destructif, une hiérarchie visuelle claire et le modèle de choix explicite qu'Apple recommande pour les actions irréversibles.
Audit de sécurité
SûrStatic analysis detected 893 potential security issues across 11 files (1527 lines). All findings are false positives from a pure documentation skill containing Apple Human Interface Guidelines. Hardcoded URLs are legitimate documentation image references to developer.apple.com. 'Weak cryptographic algorithm' and 'C2 keyword' detections are triggered by common UI/UX terminology (button, control, push, etc.). 'Ruby/shell backtick execution' patterns are from markdown code blocks and inline code formatting. No executable code, no network operations, no external commands - read-only reference documentation.
Score de qualité
Ce que vous pouvez construire
Concevoir une structure de menu macOS
Un développeur créant une application macOS doit organiser les éléments de menu, définir des raccourcis clavier et implémenter les menus Édition standard. Il utilise cette compétence pour s'assurer que sa barre de menus respecte les conventions d'Apple et inclut tous les éléments standard attendus.
Choisir les styles de boutons pour une application iOS
Un designer iOS crée un formulaire avec plusieurs boutons d'action et doit déterminer quels styles de boutons utiliser. Cette compétence l'aide à sélectionner les rôles de boutons appropriés (primaire, annuler, destructif) et à assurer une hiérarchie visuelle appropriée.
Implémenter des menus contextuels
Un développeur multiplateforme souhaite ajouter des menus contextuels par clic droit à son application iPad et macOS. Il consulte cette compétence pour comprendre quelles actions appartiennent aux menus contextuels par rapport à l'interface principale, et comment assurer l'accessibilité.
Essayez ces prompts
Quel type de menu devrais-je utiliser pour [cas d'utilisation spécifique] sur [plateforme] ?
J'ai besoin de boutons pour [décrire le scénario - action principale, action destructive, etc.] sur [plateforme]. Quels styles et rôles de boutons devrais-je utiliser ?
Examinez ma conception de barre d'outils pour [plateforme]. J'ai ces actions : [liste des actions]. Sont-ce les bons choix pour la barre d'outils par rapport aux menus ?
Comment le composant [menu/bouton] doit-il se comporter différemment sur [plateforme 1] par rapport à [plateforme 2] ? Quels sont les raccourcis clavier et les exigences d'accessibilité ?
Bonnes pratiques
- Chaque commande doit être accessible depuis la barre de menus sur macOS — les barres d'outils et menus contextuels complètent, ne remplacent pas, les éléments de menu
- Utilisez les styles et rôles de boutons définis par le système plutôt que des conceptions personnalisées pour maintenir la cohérence et l'accessibilité de la plateforme
- Limitez les boutons proéminents à un ou deux par vue pour réduire la charge cognitive et guider les utilisateurs vers les actions principales
Éviter
- Placer des commandes uniquement dans des menus contextuels sans également les fournir dans la barre de menus ou l'interface principale
- Utiliser plusieurs styles de boutons proéminents dans la même vue, ce qui crée une confusion visuelle sur l'action privilégiée
- Encombrer les barres d'outils avec trop d'éléments — hiérarchisez les commandes fréquemment utilisées et déplacez les actions moins courantes vers les menus de débordement