ダイアログ


ダイアログは、ユーザからの応答を引き出すウィンドウの型です。多くのダイアログ(たとえば、印刷ダイアログなど) では、一度に複数の応答を人々が提供できます。ダイアログは、文書モーダルアプリモーダルモードレス の 3 つの方法で表示されます。

ヒント

アラートは、エラー状態に関する重要な情報を提供したり、潜在的に危険な状況や結果についてユーザに警告する特殊な型のダイアログです。ガイダンスについては、アラート を参照してください。


文書モーダルダイアログ


文書モーダルダイアログはシートとして文書に添付され (シート を参照のこと)、ダイアログが閉じられるまでユーザが文書内で何もしないようにします。ユーザは引き続き他の文書やアプリに切り替えることができます。[保存] ダイアログは、文書モーダルダイアログの例です。保存ダイアログ を参照してください。



アプリモーダルダイアログ


アプリモーダルダイアログは、ダイアログが閉じられるまで、ユーザがアプリで何もできないようにします。ユーザは引き続き他のアプリに切り替えることができます。[開く] ダイアログは、アプリモーダルダイアログの例です。開くダイアログ を参照してください。



モードレスダイアログ


モードレスダイアログは通常、パネル と呼ばれます。ユーザは、文書やアプリを中断することなく操作し続けることができます。標準の検索ダイアログは、モードレスダイアログの例です。検索ダイアログパネル を参照してください。



データ入力


ダイアログは、ユーザによる詳細な操作を必要としない、小さくて一時的なウィンドウを対象としているため、データ入力が効率的であることを確認することが重要です。


可能な限り、コントロールとフィールドにデフォルト値を提供します。 情報を最初から入力するよりも、ユーザが情報を確認する方が簡単です。


最初のフォーカスを、ユーザ入力を受け入れる最初の場所に設定します。 そうすることで、ユーザはテキストフィールドやリストなどの特定の項目をクリックしなくても、すぐにデータの入力を開始できます。


静的テキストを選択可能にします。 たとえば、ユーザは、エラーメッセージ、シリアル番号、IP アドレスなどの有用な情報をコピーして、他の場所にペーストすることができる必要があります。


データ入力中にエラーがないか確認してください。 ユーザがダイアログを閉じようとしたときに待ってアラートを表示する代わりに、データ入力中にエラーがないかどうかを確認して、ユーザがコンテキストの問題を修正できるようにします。入力直後に値を確認するのが最適です。キーを叩くたびに検証することは避けてください。検証の頻度多すぎると、アプリの速度が低下し、煩わしいものになります。


可能な限り、無効な入力の可能性を最小限に抑えてください。 たとえば、ユーザにデータの入力を求めるのではなく、ポップアップボタンを使用して選択肢を提供し、日付ピッカーと数値フォーマッタを使用して、日付と数値が正しく入力されていることを確認します。関連するガイダンスについては、ポップアップボタン日付ピッカー、および テキストフィールド > データ入力 を参照してください。


ユーザが変更を同意する前にプレビューできるようにする [適用] ボタンを含めることを検討してください。 [適用] ボタンは、モードレスダイアログで、すばやく適用し、プレビューし、および元に戻すことができる変更に適しています。[保存] ダイアログや、ユーザが簡単にプレビューできない変更を加えることができるその他のダイアログには、[適用] ボタンを含めないでください。



レイアウト


開示コントロールを使用して、たまにしか必要とされない情報や機能を提供します。 開示コントロールは、詳細オプションなどの情報または機能を非表示にし、ユーザがコントロールをクリックしたときにのみ表示します。ガイダンスについては、開示コントロール を参照してください。


ダイアログのサイズが変更されたときに、インターフェイス要素が適切にスケーリングされることを確認してください。 ダイアログでサイズ変更が許可されている場合、ダイアログに合わせて拡大縮小できる要素はそれに応じてそうできる必要があります。一般に、ボックス、タブビュー、テーブルなどのビューは、ダイアログ全体に拡大する必要があります。テーブルでは、既存のコラムを展開し、必要に応じて新しい列と行を表示する必要があります。ボタン、チェックボックス、セグメント化されたコントロールなど、通常はサイズ変更されない他の要素は、同じサイズのままで、ダイアログの側面 (または中央) に固定する必要があります。



ボタンを期待どおりに配置します。 ダイアログの右下にあるボタンは、ダイアログを閉じる必要があります。ダイアログの主要なアクションを開始するアクションボタンは、最も右側にある必要があります。キャンセルボタンは、アクションボタンのすぐ左にある必要があります。3 番目の閉じるボタンが存在する場合は、[キャンセル] ボタンの左側にある必要があります。ヘルプボタンはずっと左端にある必要があります。ダイアログを展開して追加の詳細を表示するためのボタンなど、ダイアログ自体のコンテンツに影響を与えるボタンは、ヘルプボタンの右側に配置するか、ヘルプボタンがない場合はずっと左端に配置する必要があります。


破壊的なボタンを非破壊的なボタンから分けます。 [保存しない] などの破壊的なボタンは、[保存] や [キャンセル] などの安全なボタンから十分に離れている必要があるため、ユーザはボタンをクリックするために意図的に努力する必要があります。可能であれば、少なくとも 24 ポイント分離します。


ダイアログの却下


ユーザの最も可能性の高いアクションが無害である場合にのみ、デフォルトのボタンを提供します。 ユーザは、そのコンテンツを読まずにダイアログを閉じるためだけに Return キーを押すことがあるため、デフォルトのボタンで無害なアクションを開始することが重要です。デフォルトのボタンがない場合、Return キーを押しても効果はありません。ダイアログを閉じるには、ユーザはボタンを明示的にクリックする必要があります。または、ダイアログによって破壊的なアクションが発生する場合は、[キャンセル] をデフォルトのボタンとして設定できます。


ダイアログのテキストフィールドで Return キーがまだ使用されていない場合にのみ、デフォルトのボタンを提供します。 1 つのキーに対して 2 つの動作があると、混乱を招き、インターフェイスの予測が難しくなります。ユーザ が Return キーを何度も押して、誤ってデフォルトボタンをアクティブにする可能性があります。


標準のキャンセルキーボードショートカットに応答する [キャンセル] ボタンを含めます。 [キャンセル] ボタンは、ダイアログから抜け出すための明確で安全な方法を提供し、ダイアログが表示される前の状態にコンピュータを戻します。キーボードショートカットの Command-period と Esc (エスケープ) キーが [キャンセル] ボタンにマッピングされていることを確認してください。


[キャンセル] ボタンを押すと、適用されたすべての変更が取り消されます。 [キャンセル] ボタンは、[適用] をクリックしてプレビューしたユーザの変更を静かに託すことはできません。


意図したとおりに、[適用]、[OK]、および [キャンセル] ボタンを使用します。 [適用] をクリックすると変更がプレビューされますが、ダイアログは閉じません。[OK]をクリックすると、変更を受け入れる意図が確認され、ダイアログが閉じます。[キャンセル] をクリックすると、適用された変更がすべて破棄され、ダイアログが閉じます。


ダイアログのアクションが迅速に行われるようにします。 一般に、ユーザはダイアログからアクションを開始した後、ほぼ即時の結果を確認する必要があります。完了するまでに数秒以上かかるアクションの場合は、進行状況情報を表示して、アクションが開始されたこと、アクションにかかる時間、およびアクションがいつ完了したかをユーザに知らせます。関連するガイダンスについては、進捗インジケータ を参照してください。







前:コラムビュー 次:イメージビュー

目次

Xcode の新機能



macOS

テーマ

macOS 11 の新規事項

視覚的インデックス


アプリの構造

フルスクリーンモード

ロード

モダリティ

搭載

優先

状態の復元

セキュリティ


ユーザの操作

アカウント

データ入力

ドラッグアンドドロップ

ファイル処理

ゲームコントローラ

ヘルプ

キーボード

マウスとトラックパッド

ユーザフィードバックの提供

許可の要求


システムの能力

自動セーブ

ドック

Finder

ミッションコントロール

通知

印刷

クイックルック

格付けとレビュー

検索とスポットライト


視覚的デザイン

アニメーション

カラー

ダークモード

透明さ

印刷


アイコンとイメージ

イメージのサイズと解像度

アプリのアイコン

文書のアイコン

多項目のドラッグイメージ

システムのイメージ


ウインドウとビュー

ウインドウの構造

アラート

ボックス

コラムビュー

ダイアログ

イメージビュー

アウトラインビュー

パネル

ポップオーバー

スクロールビュー

シート

サイドバー

スプリットビュー

タブビュー

表のビュー

ツールバー

Web ビュー

Drawer(引き出し)*

プラカード*


メニュー

メニューの構造

コンテクストメニュー

ドックメニュー

メニューバーのメニュー


ボタン

チェックボックス

開示コントロール

勾配ボタン

ヘルプボタン

イメージボタン

ポップアップボタン

プルダウンメボタン

押しボタン

ラジオボタン

スコープボタン

スイッチ

ベベルボタン*

ラウンドボタン*


フィールドとラベル

コンボボックス

ラベル

検索フィールド

テキストフィールド

トークンフィールド


セレクタ

色の源

日付の選別

イメージウェル

パスコントロール

セグメントコントロール

スライダ

ステッパ


インジケータ

レベルインジケータ

プログレスインジケータ


タッチバー

タッチバー概観

視覚的デザイン

グリフとイメージ

コントロールとビュー


拡張機能

アクション拡張機能

オートメータアクション

ファインダー同期拡張機能

メニューバーの追加

サービス

共有拡張機能



iOS


tvOS


watchOS


Technologies

アクセシビリティ

序文

ベストプラクティス

ユーザとの対話

ナビゲーション

テキストのサイズと太さ

色とコントラスト

外観の効果と動き

コンテンツ


AirPlay

メディア再生

アイコン

社説


アプリクリップ

序文

ユーザ体験

アプリクリップカード

アプリのクリップコード

印刷ガイドライン

法的要件


Apple Pay(アップルペイ)

序文

Apple Pay の提供

チェックアウトと支払い

エラー処理

サブスクリプションと寄付

ボタンとマーク

社説


拡張現実

ホームスクリーンのアクション

マルチタスクと複数のウィンドウ

通知

印刷

クイックルック(検索)

評価とレビュー

スクリーンショット

TV プロバイダー


CareKit

序文

データとプライバシー

ビュー

ユーザー体験

シンボルと商標化


CarPlay

序文

オーディオアプリ

自動車メーカーのアプリ

伝達および VoIP アプリ


アーキテクチャ

バッジ付け

エラー処理

ロード

ナビゲーション

テスト


対話

オーディオ

車のデータ

iPhone

ノブとコントロール

タッチスクリーン

Voice (Siri)


視覚的デザイン

アニメーション

商標化

レイアウト

タイポグラフィ(印刷)


アイコンと画像

画像のサイズと解像度

アプリのアイコン

カスタムアイコン

システムアイコン


システム要素

アクションシート

活動指標

アラート

ボタン

コレクション

ラベル

ナビゲーションバー

スクロールビュー

タブバー

テキストビュー

Web ビュー


CareKit

序文

データとプライバシー

ビュー

ユーザ体験

シンボルと商標化


ゲームセンター

序文

アクセス・ポイント

ダッシュボード

実績

順位表

マルチプレイヤー

カスタムダッシュボードリンク


象形文字

HealthKit

HomeKit

序文

用語とレイアウト

設定

Siri の作用

カスタム機能

アイコン

社説


iCloud

アプリ内購入

序文

自動更新可能なサブスクリプト


inclusion(含有)

ライブ写真

Mac Catalyst

序文

アプリの構造

ユーザとの対話

視覚的デザイン

Mac 慣用句


マシン学習

序文

マシン学習の役割


入力

明示的なフィードバック

暗黙のフィードバック

較正

訂正


出力

間違い

複数のオプション

自信

帰属

制限事項


地図(Maps)

アプリとウェブサイトの地図

Apple Watch の地図

屋内の地図


ResearchKit

序文


右から左へ

序文

テキストと文字

コントロール

画像と象形文字


SharePlay

Apple でサインイン

序文

データ管理

ボタン


Siri

序文

システムインテント

カスタムの注視

ショートカットと提案

編集ガイドライン


ソーシャルメディア

SF Symbols

Wallet(財布)

序文

許可証のデザイン


小道具

序文

コンテンツ

編集と対話

デザイン




Human Interface Guidelines


概要


リソース


ビデオ


新規事項



ニュース

見つける

デザイン

開発

配信

サポート

アカウント
(セキュリティの面で、リンクを提供できませんでした。)













トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ