Apple HIG: Presentation Components
Apple HIG:ダイアログとモーダル
アラート、シート、ポップオーバー、アクションシートのための Apple Human Interface Guidelines を入手。各プラットフォームに適したモーダルパターンを選択し、ユーザーの操作を妨害するダイアログの一般的な UX ミスを回避しましょう。
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「Apple HIG: Presentation Components」を使用しています。 削除確認にはアラートとアクションシートのどちらを使うべきですか?
期待される結果:
複数の選択肢(削除 vs 下書き保存)がある場合は iPhone でアクションシートを使用してください。2 つのボタン(削除を確認 vs キャンセル)の単純な確認の場合はアラートを使用してください。アクションシートは iPhone で下部からスライドアップし、複数の選択肢があることが明確になります。
「Apple HIG: Presentation Components」を使用しています。 アラートで破棄的アクションをどのように処理すべきですか?
期待される結果:
破棄的ボタンに destructive role を使用して赤いテキストでマークしてください。破棄的ボタンを上部に配置して、ユーザーが反射的にタップする可能性を低くしてください。必ずキャンセルボタンを含めてください。破毀的ボタンをデフォルトにすることは避けてください。
「Apple HIG: Presentation Components」を使用しています。 フルスクリーンモーダルの代わりにシートを使うべきなのはいつですか?
期待される結果:
基盤となるコンテンツとのコンテキスト維持の恩恵を受ける集中タスクにはシートを使用してください。シートはエッジからスライドインし(iOS)、ウィンドウにアタッチします(macOS)。アイテムの作成、設定の編集、または親コンテンツの表示が役立つマルチステップフォームに最適です。
セキュリティ監査
安全All 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.
中リスクの問題 (1)
低リスクの問題 (2)
品質スコア
作れるもの
確認ダイアログタイプの選択
ユーザーは破棄的アクション(削除、消去、除去)を確認したい。Skill はプラットフォームに基づいてアラートとアクションシートの推奨を行い、ボタンのスタイリングに関するガイダンスを提供する。
モーダルプレゼンテーションの決定
ユーザーは「シートとポップオーバーのどちらを使うべきか?」と尋ねる。Skill はシートがいつコンテキストをより良く維持するか、ポップオーバーが iPad/Mac でいつ有効に働くかを説明する。
アラート疲労の軽減
ユーザーはアプリ内のモーダルが多すぎると不満を述べる。Skill はインラインの代替案、元に戻すパターン、およびユーザーの操作を妨害するのを避けるべき場合を提案する。
これらのプロンプトを試す
[use case] にはアラートとアクションシートのどちらを使うべきですか?
[component] は iPhone と iPad でどのように異なる動作をしますか?
アラートのボタンのラベルと順序のベストプラクティスは何ですか?
[scenario] にモーダルを使う代替案は何ですか?
ベストプラクティス
- アラートは控えめに使用し、即座の注意が必要な重要な状況のみに使用する
- 一般的な OK/キャンセルの代わりに、具体的でアクション可能なボタンのラベル(削除、保存)を提供する
- 破毀的アクションの確認には常にキャンセルボタンを含める
回避
- インラインで表示できる情報メッセージにアラートを使用する
- 破毀的アクションをデフォルトボタンとして配置する
- 代替案を考慮せずにすべてのモーダルシナリオに同じコンポーネントを使用する