XCode 13.4 日本語化計画 : Human Interface Guidelines

ウインドウの構造

ウィンドウは、ユーザがアプリのコンテンツを表示および操作できるようにする、フレーム領域と本体領域で構成されます。ウィンドウは、他のウィンドウと一緒にスクリーン上に表示することも、スクリーン全体に表示することもできます (フルスクリーンモード を参照)。フルスクリーン表示ではないウィンドウでは、ユーザはフレームをクリックしてドラッグし、スクリーン上のウィンドウの位置を変更できます。ウィンドウがサイズ変更をサポートしている場合、ユーザはウィンドウの端をクリックしてドラッグし、サイズを変更することもできます。

開発者向けガイダンスについては、NSWindow (NSWindow) を参照してください。

ウインドウの型

macOS にはさまざまな型のウィンドウがあります。

ウィンドウのフレーム

フレームは、本体のコンテンツを囲むウィンドウの部分です。ウィンドウのフレームには、タイトルバー、ツールバー、タブバー、および (まれに) 下部バーを含められます。

タイトルバー

タイトルバーはウィンドウの上部にあり、ウィンドウを閉じる、最小化する、ズームする (またはフルスクリーンモードに拡大する) ためのオプションが含まれています。これらのオプションは通常表示されますが、QuickTime Player で映画を再生する場合などはグループとして非表示にすることもでき、フルスクリーンアプリを最小化できない場合などは個別に無効にすることもできます。ほとんどのタイトルバーにはファイル名が表示されますが、常にそうであるとは限りません。たとえば、アラートのタイトルバーは空です。文書ウィンドウのタイトルバーにはアイコンも表示され、ユーザがタイトルをクリックして文書のファイル名、タグ、及び場所を変更できます。タイトルバーは表示する必要がありますが、ゲームのような没入型アプリでは非表示にできます。

不要なコンテキストがない限り、タイトルを付けてください。 文書ウィンドウの場合、タイトルは文書の名前または 無題(新しい文書の場合) です。アプリのウィンドウの場合、タイトルはアプリの名前です。他のウィンドウの場合、タイトルは Inspector (インスペクタ) などの特定の型の機能です。

ファイル名をウィンドウタイトルとして使用する場合は、表示名を使用してください。 表示名は、ファイル拡張子を表示または非表示にするユーザの環境設定を反映しており、ローカライズされたテキストも含まれます。

タイトルバーにファイルまたはフォルダのパスを表示しないでください。 パスは通常、長すぎてクリッピングなしだとタイトルバーに収まらず、一目で解析するのは困難です。代わりに、タイトルバーにはファイル名を表示してください。完全なパスを公開する場合は、インスペクタペインなど、別の方法で公開して下さい。

重複するタイトルを区別するには、数字の接尾辞を使用します。 タイトルの最初のインスタンスには、数値の接尾辞を付けないでください。同じタイトルの他のウィンドウがある場合、ウィンドウには 2 から始まる数字の接尾辞を含める必要があります。たとえば、無題、無題 2、無題 3 などです。

タイトルバーを非表示にした場合でも、ユーザがウィンドウを操作できることを確認してください。 ウィンドウを閉じて最小化するための別の方法 (メニューなど)を提供します。ユーザがフレームをクリックしてドラッグし、ウィンドウを移動できることを確認してください。ウィンドウにツールバーがあり、タイトルバーがない場合は、ツールバー項目をアクティブにせずにウィンドウをクリックしてドラッグするのに十分なスペースがツールバーにあることを確認してください。

ツールバー

ツールバーは、含まれている場合、タイトルバーの下にあり (またはタイトルバーと統合されています)、頻繁に使用されるコマンドや機能にすばやくアクセスできるコントロール (ツールバーアイテムと呼ばれます) が含まれています。たとえば、メール 内のメッセージビューアウィンドウ上のデフォルトのツールバーには、メッセージの作成、アーカイブ、削除、返信、転送、フラグ付け、検索などのタスクを実行するためのコントロールが含まれています。

タイトルバーとツールバーを分離

統合されたタイトルバーとツールバー

フルスクリーンモードでツールバーを非表示にして、コンテンツへのフォーカスを増すことができます。多くのアプリでは、アイテムを追加および削除したり、アイテムをアイコン、テキスト、またはその両方として表示するかを選択することで、ユーザがツールバーをカスタマイズすることもできます。

ガイダンスについては、ツールバー を参照してください。

タブバー

タブバーが含まれている場合、ユーザは 1 つのウィンドウ内で複数の本体コンテンツビューを切り替えることができます。たとえば、Safari ウィンドウでは、ユーザは個別のタブを作成でき、各タブには異なる Web サイトが表示されます。タイトルバーとツールバーの下にタブバーがあり、ユーザはタブをクリックしてそのコンテンツを表示できます。ユーザは、タブをクリックしてタブバーからドラッグして、別のウィンドウに表示することもできます。macOS 内の Finder および他の多くのアプリは、タブ付きウィンドウをサポートしています。すべてのウィンドウで、デフォルトでタブが有効になっています。

ウィンドウの本体

本体の領域には、ウィンドウのメインコンテンツが表示されます。このコンテンツは、Safari ウィンドウ内の Web サイトやプレビューのイメージなど、本体全体を埋めることができます。また、コンテンツをサブビューに分割することもできます。たとえば、Finder ウィンドウの本体の領域には、サイドバーとコラムビューを含めることができます。本体の領域内の親ビューの境界を超えて拡張するコンテンツはスクロール可能です。

関連するガイダンスについては、サイドバー と スクロールビュー を参照してください。

スコープバー

スコープバーを本体のコンテンツの上に含めると、ユーザは検索操作を絞り込んだり、特定の属性に基づいてコンテンツをフィルタリングしたりできます。たとえば、Finder でファイルやフォルダを検索する場合、スコープバーには、検索を特定の場所や属性 (ファイル名、型、拡張子、タグなど) にスコープするためのコントロールがあります。スコープバーは、タイトルバー、ツールバー、およびタブバーの下にあります。

関連するガイダンスについては、検索とスポットライト、および 検索フィールド を参照してください。

ウィンドウの状態

スクリーン上に表示されるウィンドウは、最後にアクセスされた日時に基づいて階層化されています。最近アクセスしたウィンドウは上位に階層化され、ユーザがアプリとウィンドウを切り替えると階層が変化します。ウィンドウ階層内には、3 つのウィンドウ状態があります。

メインウィンドウの状態

アプリ内でユーザの注意を引く最も重要なウィンドウは、そのアプリのメインウィンドウです。アプリごとに存在できるメインウィンドウは 1 つだけです。

キーウィンドウの状態

現在ユーザ入力を受け入れるウィンドウは、キーウィンドウ (アクティブウィンドウと呼ばれることもあります) です。ウィンドウを閉じるための Command-W のようなキーボードショートカットは、常にキーウィンドウをターゲットにします。スクリーン上に表示できるキーウィンドウは常に 1 つだけです。多くの場合、前面のアプリのメインウィンドウはまたキーウィンドウでもあります。ただし、これが常に当てはまるとは限りません。メインウィンドウの上に浮かぶパネルがキーウィンドウになる場合があります。

アクティブでないウィンドウの状態

前景にないウィンドウはアクティブでないウィンドウです。

ウィンドウの外観

メインウィンドウ、キーウィンドウ、およびアクティブでないウィンドウは、スクリーン上の外観が異なります。アクティブでないウィンドウは抑制され、後方に倒れているように見え、メインウィンドウとキーウィンドウに遅れをとっています。閉じる、最小化、及びズームするためのタイトルバーのオプションは、キーウィンドウでは色分けされ、他のウィンドウでは灰色になります。これらの違いにより、ユーザはメインウィンドウとキーウィンドウをすばやく簡単に識別できます。

ウィンドウ内では、ツールバーやサイドバーなどの要素を不透明にすることも、鮮やかさを採用して半透明を実装することもできます。鮮やかさは、明暗のテクニックの注意深いバランスを使用して、前景と背景を動的にブレンドする微妙なぼかし効果です。この効果は、ビューとコントロールが背景にあるコンテンツを示唆できるようにすることで、奥行き感を呼び起こします。アクティブでないウィンドウでは、鮮やかさが無効になっていることに注意してください。

ガイダンスについては、Translucency (透明さ) を参照してください。

ウィンドウの活性化

複数のウィンドウが表示されている場合、ユーザはクリックしてウィンドウを活性化できます。これにより、ウィンドウが前面に表示され、キーウィンドウになります。ユーザは、アプリの Dock アイコンをクリックして、そのアプリのすべてのウィンドウを前面に表示することもできます。最後にアクセスしたアプリウィンドウがキーウィンドウになります。

ウィンドウコマンドのメニューを提供することを検討してください。 多くのアプリには ウィンドウ メニューがあり、キーウィンドウの最小化、キーウィンドウのズーム、タブのナビゲート、個々のウィンドウの前面への移動、すべてのウィンドウの前面への移動などのコマンドが含まれています。

Mission Control を使用すると、ユーザはアプリのウィンドウ間を移動することもできます。ミッションコントロール を参照してください。

前：システムのイメージ 次：アラート