シートとアラートの比較（macOS）
短い答え
シートは1つのウィンドウに属し、短い作業を行います。アラートは、今すぐ確認が必要な短いメッセージや選択肢を表示します。
設定、保存、または1つのドキュメントに関連する短いフォームにはシートを使用します。警告、失敗、または1ステップの確認にはアラートを使用します。
各パターンが何をするかを見る
それぞれの例を試してみる。その後、それが作られた仕事について読む
macOS Sheet
↗ macOS Sheet
macOS Sheet は、一つの書類ウインドウに結びついたダイアログだよ。選択が終わるまでは、そのウインドウだけをブロックするよ。
名前のないドキュメントを保存すると、そのウィンドウにシートが開きます。他のドキュメントウィンドウは引き続き使用できます。
- 以下の場合に使用します
- 明確な選択や短い設定が行われるまで、1つの文書を安全に進められない場合に使用します。
- 以下の場合は使用しないでください
- シートで無関係なウィンドウを遮らないでください。ルーチンの事実をモーダルシートで表示しないでください。アプリ全体のタスクには別のサーフェスを使用してください。
- コードで使用する名前
NSWindow beginSheet / SwiftUI sheet
macOS Alert
↗ macOS Alert
macOS Alert は、大事な選択、失敗、状態を知らせるシステムのダイアログだよ。必ず気づいて、答えないといけないよ。
未保存のドキュメントを閉じると、保存、キャンセル、または変更を破棄するかどうかが尋ねられます。最も安全なデフォルトは明確です。
- 以下の場合に使用します
- 現在の作業を安全に進める前に重要な条件が回答または選択を必要とする場合にのみ使用してください。
- 以下の場合は使用しないでください
- 日常的な成功メッセージ、回復可能なインライン検証、取り消し可能な操作の確認は避ける。繰り返されるアラートは、読まずに無視する癖を人々に教える。
- コードで使用する名前
AppKit NSAlert / SwiftUI alert
クイック比較
| UIパターン | 最適 | のためではない | コードで使用する名前 |
|---|---|---|---|
| macOS SheetmacOS Sheet | 明確な選択や短い設定が行われるまで、1つの文書を安全に進められない場合に使用します。 | シートで無関係なウィンドウを遮らないでください。ルーチンの事実をモーダルシートで表示しないでください。アプリ全体のタスクには別のサーフェスを使用してください。 | NSWindow beginSheet / SwiftUI sheet |
| macOS AlertmacOS Alert | 現在の作業を安全に進める前に重要な条件が回答または選択を必要とする場合にのみ使用してください。 | 日常的な成功メッセージ、回復可能なインライン検証、取り消し可能な操作の確認は避ける。繰り返されるアラートは、読まずに無視する癖を人々に教える。 | AppKit NSAlert / SwiftUI alert |
出荷前に
- 01
その人が何をする必要があるかを書き留めてください。
- 02
キーボード、フォーカス、タッチ、ズーム、読み込み、空、エラー状態をテストしてください。
- 03
人々がホバーや動作なしで同じ情報を得られるようにしてください。
- 04
小さい画面と大きい画面の両方で実コンテンツを使ってテストしてください。
04
比較リクエストをコピーできます
パターンを選ぶ際にチームが助けを必要とする場合、これをコピーしてください。
実際のユーザーフローに最適なパターンをmacOS Sheet (macOS Sheet)、macOS Alert (macOS Alert)から選んでください。このルールを使用してください: シートは1つのウィンドウに属し、短い作業を行います。アラートは、今すぐ確認が必要な短いメッセージや選択肢を表示します。 タスク、コンテンツ量、フローを停止するコストを書き出してください。キーボード、タッチ、読み込み、エラー、動作軽減の挙動を確認してください。選択理由を説明し、その後、プロジェクトのデザインシステムで最小限でアクセシブルなバージョンを作成してください。