Apple HIG: Presentation Components
Apple HIG: Dialoge & Modals
Erhalten Sie die Apple Human Interface Guidelines für Alerts, Sheets, Popovers und Action Sheets. Wählen Sie das richtige modale Muster für jede Plattform und vermeiden Sie häufige UX-Fehler bei unterbrechenden Dialogen.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "Apple HIG: Presentation Components". Sollte ich einen Alert oder Action Sheet zur Bestätigung des Löschens verwenden?
Erwartetes Ergebnis:
Verwenden Sie ein Action Sheet auf dem iPhone, wenn es mehrere Auswahlmöglichkeiten gibt (Löschen vs. Entwurf speichern). Verwenden Sie einen Alert, wenn es eine einfache Bestätigung mit zwei Buttons gibt (Löschen bestätigen vs. Abbrechen). Das Action Sheet schiebt sich vom unteren Rand auf dem iPhone hoch, was deutlich macht, dass es mehrere Optionen gibt.
Verwendung von "Apple HIG: Presentation Components". Wie gehe ich mit destruktiven Aktionen in Alerts um?
Erwartetes Ergebnis:
Markieren Sie destruktive Buttons mit rotem Text unter Verwendung der destruktiven Rolle. Platzieren Sie destruktive Buttons oben, wo Benutzer weniger wahrscheinlich reflexart tippen. Schließen Sie immer einen Abbrechen-Button ein. Vermeiden Sie es, den destruktiven Button zum Standard zu machen.
Verwendung von "Apple HIG: Presentation Components". Wann sollte ich Sheets anstelle von Vollbild-Modals verwenden?
Erwartetes Ergebnis:
Verwenden Sie Sheets für fokussierte Aufgaben, die davon profitieren, den Kontext mit dem zugrundeliegenden Inhalt beizubehalten. Sheets schieben sich vom Rand ein (iOS) oder hängen an einem Fenster (macOS). Ideal zum Erstellen von Elementen, Bearbeiten von Einstellungen oder mehrstufigen Formularen, wo das Anzeigen des übergeordneten Inhalts hilfreich ist.
Sicherheitsaudit
SicherAll 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.
Probleme mit mittlerem Risiko (1)
Probleme mit niedrigem Risiko (2)
Qualitätsbewertung
Was du bauen kannst
Auswahl des Bestätigungsdialogtyps
Benutzer möchte eine destruktive Aktion bestätigen (löschen, entfernen). Skill empfiehlt Alert vs. Action Sheet basierend auf der Plattform und bietet Button-Styling-Anleitungen.
Modale Präsentationsentscheidung
Benutzer fragt 'Soll ich ein Sheet oder ein Popover verwenden?' Skill erklärt, wann Sheets den Kontext besser bewahren und wann Popovers auf iPad/Mac funktionieren.
Reduzierung von Alert-Müdigkeit
Benutzer beschwert sich über zu viele Modals in seiner App. Skill schlägt Inline-Alternativen, Rückgängig-Muster und wann man den Benutzer nicht unterbrechen sollte vor.
Probiere diese Prompts
Sollte ich einen Alert oder ein Action Sheet für [use case] verwenden?
Wie verhält sich [component] unterschiedlich auf iPhone vs. iPad?
Was sind Best Practices für Alert-Button-Beschriftungen und -Reihenfolge?
Was sind Alternativen zur Verwendung eines Modals für [scenario]?
Bewährte Verfahren
- Verwenden Sie Alerts sparsam und nur für kritische Situationen, die sofortige Aufmerksamkeit erfordern
- Verwenden Sie spezifische, handlungsorientierte Button-Beschriftungen (Löschen, Speichern) anstelle von generischem OK/Abbrechen
- Schließen Sie immer einen Abbrechen-Button für Bestätigungen destruktiver Aktionen ein
Vermeiden
- Verwendung von Alerts für informative Nachrichten, die inline angezeigt werden könnten
- Platzierung destruktiver Aktionen als Standard-Button
- Verwendung derselben Komponente für alle modalen Szenarien ohne Berücksichtigung von Alternativen
Häufig gestellte Fragen
Wann sollte ich einen Alert vs. ein Sheet verwenden?
Kann ich dasselbe Design auf iPhone und iPad verwenden?
Wie viele Buttons sollte ein Alert haben?
Wo wird der Abbrechen-Button platziert?
Soll ich OK oder spezifische Button-Beschriftungen verwenden?
Wie mache ich Modals zugänglich?
Entwicklerdetails
Autor
sickn33Lizenz
MIT
Repository
https://github.com/sickn33/antigravity-awesome_skills/tree/main/skills/hig-components-dialogsRef
main
Dateistruktur