Apple HIG: Presentation Components
Apple HIG : Boîtes de dialogue et modales
Obtenez les directives d'interface humaine d'Apple pour les alertes, feuilles, popovers et feuilles d'action. Choisissez le bon motif modal pour chaque plateforme et évitez les erreurs d'UX courantes avec les boîtes de dialogue interrompant l'utilisateur.
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: Presentation Components". Dois-je utiliser une alerte ou une feuille d'action pour une confirmation de suppression ?
Résultat attendu:
Utilisez une feuille d'action sur iPhone lorsqu'il y a plusieurs choix (Supprimer vs Enregistrer le brouillon). Utilisez une alerte lorsqu'il s'agit d'une simple confirmation avec deux boutons (Confirmer la suppression vs Annuler). La feuille d'action glisse depuis le bas sur iPhone, ce qui indique clairement qu'il y a plusieurs options.
Utilisation de "Apple HIG: Presentation Components". Comment gérer les actions destructrices dans les alertes ?
Résultat attendu:
Marquez les boutons destructeurs avec du texte rouge en utilisant le rôle destructeur. Placez les boutons destructeurs en haut où les utilisateurs sont moins susceptibles de taper par réflexe. Incluez toujours un bouton Annuler. Évitez de faire du bouton destructeur le bouton par défaut.
Utilisation de "Apple HIG: Presentation Components". Quand dois-je utiliser des feuilles au lieu de modales plein écran ?
Résultat attendu:
Utilisez les feuilles pour des tâches ciblées qui bénéficient du maintien du contexte avec le contenu sous-jacent. Les feuilles glissent depuis le bord (iOS) ou s'attachent à une fenêtre (macOS). Idéal pour créer des éléments, modifier des paramètres, ou des formulaires multi-étapes où voir le contenu parent est utile.
Audit de sécurité
SûrAll static findings are false positives. The skill contains Apple's Human Interface Guidelines documentation for UI presentation components. The flagged patterns (backticks, URLs, generic English words) are legitimate documentation elements, not security threats.
Problèmes à risque moyen (1)
Problèmes à risque faible (2)
Score de qualité
Ce que vous pouvez construire
Choisir le type de boîte de dialogue de confirmation
L'utilisateur veut confirmer une action destructrice (supprimer, effacer, retirer). La skill recommande alerte vs feuille d'action selon la plateforme et fournit des conseils de style pour les boutons.
Décision de présentation modale
L'utilisateur demande 'dois-je utiliser une feuille ou un popover ?' La skill explique quand les feuilles conservent mieux le contexte et quand les popovers fonctionnent sur iPad/Mac.
Réduire la fatigue des alertes
L'utilisateur se plaint de trop de modales dans son application. La skill suggère des alternatives inline, des motifs d'annulation, et quand éviter d'interrompre l'utilisateur.
Essayez ces prompts
Dois-je utiliser une alerte ou une feuille d'action pour [cas d'usage] ?
Comment le [composant] se comporte-t-il différemment sur iPhone vs iPad ?
Quelles sont les meilleures pratiques pour les libellés et l'ordre des boutons d'alerte ?
Quelles sont les alternatives à l'utilisation d'une modale pour [scénario] ?
Bonnes pratiques
- Utilisez les alertes avec parcimonie et uniquement pour les situations critiques nécessitant une attention immédiate
- Fournissez des libellés de boutons spécifiques et actionnables (Supprimer, Enregistrer) au lieu de OK/Annuler génériques
- Incluez toujours un bouton Annuler pour les confirmations d'actions destructrices
Éviter
- Utiliser des alertes pour des messages informatifs qui pourraient être affichés inline
- Placer des actions destructrices comme bouton par défaut
- Utiliser le même composant pour tous les scénarios modaux sans considérer les alternatives