Modality

Modality - App Architecture - iOS - Human Interface Guidelines - Apple Developer

モダリティ、モーダルの挙動

Modality creates focus by preventing people from doing other things until they complete a task or dismiss a message or view. Action sheets, alerts, and activity views provide modal experiences. When a modal view appears onscreen, the user must make a choice by tapping a button or otherwise exiting the modal experience. Some apps implement modal views, such as while editing an event in Calendar or choosing a bookmark in Safari. A modal view can occupy the entire screen, an entire parent view, such as a popover, or a portion of the screen. A modal view typically includes completion and cancel buttons that exit the view.

モダリティは、タスクを完了したり、メッセージや表示を閉じるまで、ユーザの他のアクションを防ぐことによって、目的へのフォーカスを維持します。アクションシート、アラート、およびアクティビティビューはモーダルな体験を提供します。モーダルビューが画面上に現れるとき、ユーザはボタンをタップして何かを選択するか、モーダル経験を終了しなければいけません。一部のアプリでは、カレンダーでイベントを編集するときやSafariでブックマークを選択するときなど、モーダルビューが実装されています。モーダルビューは、画面全体、ポップオーバーなどの親ビュー全体、または画面の一部を占有することができます。モーダルビューには通常、ビューを終了する完了ボタンとキャンセルボタンが含まれます。

Minimize the use of modality. Generally, people prefer to interact with apps in nonlinear ways. Consider creating a modal context only when it’s critical to get someone’s attention, when a task must be completed or abandoned to continue using the app, or to save important data.

モダリティの使用を最小限に抑えます。 一般に、人々は非線形の方法でアプリとやり取りすることを好みます。ユーザの注意を引くことが重要な場合、アプリケーションの使用を続けるためにタスクを完了または中断する必要がある場合、または重要なデータを保存する場合にのみ、モーダルコンテキストを作成することを検討してください。

Provide an obvious and safe way to exit a modal task. Make sure people always know the outcome of their action when they dismiss a modal view.

モーダルタスクを終了するための明らかで安全な方法を提供します。 モーダル閉じる時に、ユーザが行動の結果を常に知っていることを確認してください。

Keep modal tasks simple, short, and narrowly focused. Don’t create an app within your app. If a modal task is too complex, people can lose sight of the task they suspended when they entered the modal context. Be especially wary of creating modal tasks that involve a hierarchy of views because users can get lost and forget how to retrace their steps. If a modal task must contain subviews, provide a single path through the hierarchy and a clear path to completion. Avoid using Done buttons for things other than completing the task.

モーダル作業を簡単に、短く、焦点を絞った状態に保つ。 アプリ内にアプリを作成しないでください。モーダルタスクが複雑すぎると、モーダルコンテキストに入ったときに中断したタスクを見失う可能性があります。ユーザーは迷子になり、手順を辿る方法を忘れることがあるため、階層的なビューを含むようなモーダル・タスクを作成する時には特に注意してください。モーダルタスクにサブビューが含まれている必要がある場合は、階層を通る単一のパスと完了までの明確なパスを提供します。タスクを完了する以外の目的では、完了ボタンを使用しないでください。

Display a title that identifies a task, if appropriate. You might also provide text in other portions of the view that more fully describes the task or provides guidance.

必要に応じて、タスクを識別するタイトルを表示します。 タスクやガイダンスをより完全に説明できる箇所にテキストを表示することもできます。

Reserve alerts for delivering essential—and ideally actionable—information. An alert interrupts the experience and requires a tap to dismiss, so it’s important for people to feel that the intrusion is warranted. To learn more, see Alerts.

必須である（かつ、理想的なアクションを提示する）情報を提供するために、アラートを使用します。 アラートは体験を中断させ、閉じるためのタップを必要とするため、侵入が正当であると感じられるものでなくてはいけません。詳細については、アラートを参照してください。

Respect notification preferences. In Settings, people specify how they want to receive notifications from your app. Abide by these preferences so they aren’t tempted to turn off your app’s notifications entirely.

通知設定を優先する。ユーザは、特定のアプリから通知を受け取る方法を設定できます。これらの設定を遵守し、全アプリからの通知をオフさせてしまうような事態は避けてください。

Don’t display a modal view above a popover. With the possible exception of an alert, nothing should appear over a popover. In rare cases when you need to present a modal view after action is taken in a popover, close the popover before displaying the modal view.

ポップオーバーの上にモーダルビューを表示しないでください。 アラートを除いて、ポップオーバーより上には何も表示してはいけません。レアケースとして、ポップオーバー上でアクションを完了してモーダルをさらに表示する場合がありますが、その場合は新たなモーダルを開く前にそれまで表示していたポップオーバーを閉じてください。

Coordinate modal view appearance with your app. A modal view may include a navigation bar, for example. When this is the case, use the same appearance as the navigation bar in your app.

アプリごとにモーダルビューの外観を調整します。 モーダルビューは、例えばナビゲーションバーを含むことができる。このような場合は、アプリのナビゲーションバーと同じ外観を使用します。

Choose an appropriate modal view style. You can use any of these styles:

適切なモーダル表示スタイルを選択します。 次のいずれかのスタイルを使用できます。

Full screen. Covers the entire screen. Use for a potentially complex task that can be completed within the context of the modal view.

全画面表示。 画面全体をカバーします。モーダルビューのコンテキスト内で完了できる程度に複雑なタスクに使用します。

Page sheet. Partially covers the underlying content on larger devices held in landscape orientation. All uncovered areas are dimmed to prevent interaction with them. Covers the entire screen on smaller devices and in portrait orientation. Use for a potentially complex task that can be completed within the context of the modal view.

ページシート。大きめのデバイスで横長表示されていた場合に、背景コンテンツを部分的にカバーする形で表示します。カバーされていない領域全体を、背景のコンテンツが操作に干渉しないよう、淡色表示します。小さなデバイスであれば縦向きの画面全体をカバーします。モーダルビューのコンテキスト内で完了できる程度に複雑なタスクに使用します。

Form sheet. Appears centered on screen, but may be repositioned if a keyboard is visible. All uncovered areas are dimmed to prevent interaction with them. May cover the entire screen on smaller devices. Use for gathering information.

フォームシート。画面の中央に表示されますが、キーボードが表示されている場合は再配置されます。すべてのカバーされていない領域は、操作との干渉を防ぐために淡色表示されます。小さなデバイスでは画面全体を覆うことがあります。情報の収集に使用します。

Current context. Appears at the same size as its parent view. Use for displaying modal content within a split view pane, popover, or other view that is not full-screen.

現在のコンテキスト。親ビューと同じサイズで表示されます。スプリットビューペイン、ポップオーバー、またはフルスクリーンではない他のビュー内にモーダルコンテンツを表示する時に使用します。

Choose an appropriate transition style for revealing a modal view. Use a transition style that coordinates with your app and enhances the awareness of the temporary context shift. The default transition vertically slides the modal view up from the bottom of the screen and back down once dismissed. The flip-style transition appears to flip a view horizontally to reveal the modal view. Visually, the modal view looks like the back of the current view. It flips back once dismissed. Use consistent modal transition styles throughout your app.

モーダルビューを表示するための適切なトランジションスタイルを選択します。 アプリと適合していて、一時的な状況の変化への意識を強めるトランジションスタイルを使用します。デフォルトの遷移は、モーダルビューを画面の下から垂直方向にスライドさせ、閉じると元に戻します。フリップスタイルのトランジションは、ビューを水平方向に反転させてモーダルビューを表示します。視覚的には、モーダルビューは現在のビューの背面にあるかのように見せます。閉じれば再度反転して元に戻ります。アプリ全体を通して一貫したモーダルトランジションスタイルを使用します。

For modal view developer guidance, see UIViewController and UIPresentationController.

モーダルビューの開発者ガイダンスについては、「UIViewControllerおよびUIPresentationController」を参照してください。

（最終更新日：2018.09.05）