Human Interface Guidelines


マルチタスク


マルチタスクを使用すると、人々は 1 つのアプリから別のアプリにすばやく切り替えて、それぞれでタスクを実行できます。



人々は自分のデバイスでマルチタスクを使用することを期待しており、アプリで許可されていない場合は何かがおかしいと思うかもしれません。一部のフルスクリーンのみの iPad アプリなど、まれな例外を除いて、すべてのアプリはマルチタスクで適切に動作する必要があります。


アプリの切り替えに加えて、マルチタスクはさまざまなデバイスでさまざまな体験を可能にします。


iPhone では、マルチタスクを使用すると、FaceTime を使用したり、Picture in Picture でビデオを視聴したりしながら別のアプリを使用できます。



アプリスイッチャーには、現在開いているすべてのアプリが表示されます。


現在の FaceTime 通話は、人々が別のアプリを使用している間も続行できます。


iPad では、人々は同時にいくつかの異なるアプリのウィンドウを表示して操作することができます。個々のアプリで複数のウィンドウを有効にすることもでき、これにより、人々は同じアプリで一度に複数のウィンドウを表示して操作できます。


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


マルチタスク


マルチタスクを使用すると、Notes、Maps、Photo などの複数のアプリのウィンドウを同時にスクリーン上で利用できます。


複数のウインドウ


カレンダーを使用すると、複数のカレンダーウィンドウを同時に開くことができます。



Apple TV では、Picture in Picture (サポートされている場合) で映画やテレビ番組を再生しながら、コンテンツを再生または閲覧できます。


Mac では、マルチタスクがデフォルトのユーザー体験です。これは、通常、人々が一度に複数のアプリを実行し、作業中にウィンドウとタスクを切り替えるためです。


対照的に、watchOS を使用すると、お気に入りのアプリや最近使用したアプリを簡単に切り替えることができますが、人々は watch で一度に複数のアプリを開くことはありません。



ベストプラクティス


優れたマルチタスクの体験は、人々が切り替えたときに現在のコンテキストを即座に一時停止し、切り替えたときにシームレスに復元することで、複数のアプリでタスクを実行するのに役立ちます。人々がいつマルチタスクを開始するかわからないため、あなたのアプリやゲームは常にコンテキストを保存して復元できるように準備する必要があります。


離れるときに人々の注意または積極的な参加を必要とする活動を一時停止します。 たとえば、あなたのアプリがゲームやメディア視聴アプリの場合、人々が別のアプリに切り替えるときに何も見逃さないようにしてください。彼らが元に戻ったとき、彼らが決して去ったことが何もないかのように彼らを続けさせてください。


音声の中断にスムーズに対応します。 場合によっては、別のアプリまたはシステム自体からの音声があなたのアプリの音声を中断することがあります。たとえば、Siri によって開始された電話の着信や音楽プレイリストによって、あなたのアプリの音声を中断する場合があります。このような状況が発生した場合、人々はあなたのアプリが以下のように応答することを期待します。


  • 音楽、ポッドキャスト、オーディオブックの再生など、主要なオーディオの中断のためにオーディオを無期限に一時停止します。

  • GPS 方向通知などの短い中断のために一時的にボリュームを下げるかオーディオを一時停止し、中断が終了したときに元のボリュームまたは再生を再開します。

  • ガイダンスについては、オーディオの再生 を参照してください。


    ユーザーが開始したタスクをバックグラウンドで終了します。 誰かがタスクを開始すると、あなたのアプリから切り替えてもタスクが終了することを期待します。あなたのアプリが追加の入力を必要としないタスクを実行している最中の場合は、一時停止する前にバックグラウンドでタスクを完了してください。


    通知は慎重に使用してください。 あなたのアプリは、一時停止またはバックグラウンドで実行されているときに通知を送信できます。人々があなたのアプリで重要なタスクや時間に依存するタスクを開始し、それから切り替えると、タスクが完了したときに通知を受け取って、あなたのアプリに戻って次のステップに進むことができると人々は高く評価します。対照的に、人々は通常、ルーチンまたは二次的なタスクが完了した瞬間を知る必要はありません。このシナリオでは、不要な通知を送信しないようにします。代わりに、人々があなたのアプリに戻ったときにタスクを確認できるようにします。ガイダンスについては、通知の管理 を参照してください。


    プラットフォームの考慮事項


    iOS、macOS、または tvOS に関する追加の考慮事項はありません。watchOS ではサポートされていません。



    iPadOS


    iPad でのマルチタスク


    iPadOS は、さまざまなワークフローをサポートするさまざまな構成でマルチタスクウィンドウを表示できます。システムは、人々がマルチタスク構成を切り替えることができるマルチタスクコントロールと、アプリで開いているすべてのウィンドウにアクセスできるアプリシェルフも提供します。



    マルチタスクコントロール



    アプリシェルフ


    以下の構成のいずれかを選択して、人々は iPad でマルチタスクウィンドウを開くことができます。


  • スライドオーバー は、最初のウィンドウをフルスクリーン表示で続けて、重ねて 2 番目のウィンドウを開きます。スライドオーバーウィンドウのスクリーン上の位置を人々は変更したり、オフスクリーンに非表示にして後で取得したりできます。スライドオーバーで人々は複数のウィンドウを開いて、スタックを形成することもできます。

  • 分割ビュー は、2 つのウィンドウを並べて表示し、ウィンドウの相対的な領域のサイズを変更して、人々が両方を操作できるようにします。分割ビューでウィンドウを並べて表示しているときに、人々はスライドオーバーで 3 番目のウィンドウを開くこともできます。

  • Picture in Picture は、フルスクリーンアプリの上に浮かぶ移動可能でサイズ変更可能なウィンドウでビデオを開きます。

  • スライドオーバー分割ビューPicture in Picture

    スライドオーバー


    分割ビュー


    Picture in Picture

    注意

    アプリはマルチタスク構成を制御したり、人々が選択した構成の指示を受け取ったりすることはありません。


    iPad アプリを分割表示またはスライドオーバーで開いたときに正しく応答できるように、さまざまなスクリーンサイズに適切に適応する ようにしてください。開発者向けガイダンスについては、iPad でのマルチタスク (Multitasking on iPad) を参照してください。人々が iPad のマルチタスク機能をどのように使用するかについて詳しくは、iPad でのマルチタスクの使用 を参照してください。


    iPad 上の複数のウィンドウ


    概念的には、iPad アプリはコンテンツを提供するために 2 種類のウィンドウを使用する傾向があります。


  • プライマリ ウィンドウ にはアプリの完全な階層が提示され、アプリのすべてのオブジェクトとそれに関連したアクションへのアクセスが提供されます。たとえば、メール はプライマリウィンドウを使用して、すべてのメールボックスとメッセージリストを表示します。

  • 補助 ウィンドウは、多くの場合モーダルの提示を使用して、アプリ内の特定のタスクまたは領域を表示します。 1 つの体験専用の補助ウィンドウでは、他のアプリエリアへのナビゲーションはできません。通常、補助ウィンドウには、タスクの完了後に人々がウィンドウを閉じるために使用するボタンが含まれています。たとえば、メール は補助ウィンドウを使用して単一のメッセージを表示します。

  • iPadOS 15 以降では、人々があなたのアプリで開く各ウィンドウの初期の外観を決定する提示スタイルを指定できます。ウィンドウを開いた後に人々は位置を変更することはできますが、提示スタイルを指定すると、ウィンドウのタスクまたはコンテンツの性質を視覚的に再強化できます。iPadOS は、以下の提示スタイルを定義しています。


  • 顕著。ウインドウを高くし、周囲の領域を暗くし、それらへの操作を防ぐモーダルの提示。

  • 標準。それぞれがアプリの全機能をサポートするピアウィンドウへの操作を可能にする横に並べた提示。

  • 自動。 あなたのアプリがウィンドウをリクエストするコンテキストに基づいてシステムが選択する提示。
  • ヒント

    単に人々にファイルを表示させる必要がある場合は、独自のウィンドウを作成せずにファイルを提示できますが、あなたのアプリで複数のウィンドウをサポートしなければなりません。開発者向けガイダンスについては、QLPreviewSceneActivationConfiguration を参照してください。


    顕著なスタイルを使用して、あなたのアプリの他の部分を開かずに人々が完了できる自己完結型のタスクを提示します。 たとえば、顕著なスタイルは、特定のファイルやコンテンツのコレクションを対象としたドキュメント編集や別のタスクを有効にするためにうまく機能します。顕著なウィンドウがそれ自体でも役立つことを確認してください。二次的なタスク、補助的なアクションを提示したり、メインのタスクに影響を与える項目を選択したりするためにそれを使用することは避けてください。


    標準スタイルを使用して、同じタスクまたはコンテンツの複数のバージョンを提示します。 たとえば、Safari は標準のスタイルを使用して、スクリーン上の 2 つの閲覧ウィンドウを同時に人々に表示および操作できるようにします。


    人々が明示的なアクションをとった場合にのみ、新しいウィンドウを開きます。 たとえば、アプリシェルフまたは App Exposé の [追加] (+) ボタンをタップするか、メニュー項目を選択できます。要求しない新しいウィンドウを開いて、人々を驚かさないでください。


    あなたのアプリのプライマリウィンドウが、有効にするすべてのタスクをサポートしていることを確認してください。 複数のウィンドウは便利で効率的なワークフローを提供できますが、人々は常に各プライマリウィンドウのすべてのアプリ機能にアクセスできる必要があります。


    人々が開く各ウィンドウの状態を保持します。 人々がウインドウに戻るとき、彼らがそれを去った時と同じ状態にあることを期待します。開発者向けガイダンスについては、アプリの状態の復元 (Restoring Your App’s State) をご覧ください。


    ジェスチャーを使用して人々が新しいウィンドウでコンテンツを開けるようにすることを検討してください。 たとえば、人々はピンチジェスチャを使用して、Notes アイテムを新しいウィンドウに展開できます。ジェスチャ対応の移行では、常に顕著な提示スタイルが使用されるため、結果のモーダルウィンドウは、アイテムやタスクを拡張した自然な結果のように感じられます。開発者向けガイダンスについては、collectionView(_:sceneActivationConfigurationForItemAt:point:) (コレクションビューアイテムから移行する場合) または UIWindowScene.ActivationInteraction (UIWindowScene.ActivationInteraction) (他のビューのアイテムから移行する場合) を参照してください。


    人々が新しいウィンドウでコンテンツを開くことができるメニュー項目を提供することを検討してください。 この動作を有効にすると、あなたのアプリが iPad または Mac Catalyst を使用している Mac で実行されている場合、メニューに "新しいウィンドウで開く" 項目が提示されますが、アプリが iPhone で実行されている場合は表示されません。あなたのアプリで意味がある場合は、"詳細を表示..." など、アプリが iPhone で実行されたときに表示する代替アイテムを提供できます。"新しいウィンドウで開く" 項目をコンテキストメニューまたはボタンとバーボタン項目に添付されたメニューに追加できます。開発者向けガイダンスについては、UIWindowScene.ActivationAction (UIWindowScene.ActivationAction) を参照してください。


    新しいウィンドウでコンテンツを開く方法を提供するときは、レイアウトを指定しないでください。 人々が使用しているマルチタスク構成がわからないため、"分割ビューで開く" や "前面で開く" などのメニュー項目を提供することは避けてください。


    ユーザー向けのコンテンツでは ウィンドウ という用語を使用して下さい。 システムは、タイプに関係なく、アプリウィンドウを ウィンドウ と呼びます。ウィンドウの実装を指すシーンなど、さまざまな用語を使用すると、人々を混乱させる可能性があります。



    リソース


    関連


    レイアウト


    開発者用文書


    アプリの起動への対応 — UIKit (Responding to the Launch of Your App)


    iPad でのマルチタスク— UIKit (Multitasking on iPad)



    ビデオ





    目次
    Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

    プラットフォームの考慮事項

    リソース


    アプリのアイコン

    ベストプラクティス

    プラットフォームの考慮事項

    仕様

    リソース


    ブランド化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

    プラットフォームの考慮事項

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

    プラットフォームの考慮事項

    リソース


    アイコン

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    マテリアル(材料)

    ベストプラクティス

    プラットフォームに関する考慮事項

    リソース


    モーション

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

    インターフェイスアイコン

    プラットフォームの考慮事項

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

    プラットフォームの考慮事項

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

    プラットフォームの考慮事項

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

    プラットフォームの考慮事項

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

    プラットフォームの考慮事項

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

    プラットフォームの考慮事項

    リソース


    データ入力

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    フィードバック

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

    クイックルックプレビュー

    プラットフォームの考慮事項

    リソース


    全画面表示

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    起動

    ベストプラクティス

    起動画面

    プラットフォームの考慮事項

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

    プラットフォームの考慮事項

    リソース


    ロード中

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

    TV プロバイダーアカウント

    プラットフォームの考慮事項

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

    プラットフォームの考慮事項

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    サポートされる
    プラットフォーム

    iPhone iPad

    macOS tvOS

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ヘルプの提供

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    搭載

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

    プラットフォームの考慮事項

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

    プラットフォームの考慮事項

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

    プラットフォームの考慮事項

    リソース


    印刷

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    格付けとレビュー

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    検索

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    設定

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    取り消しとやり直し

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    トレーニング

    ベストプラクティス

    プラットフォームの考慮事項

    リソース




    部品

    全ての部品


    コンテンツ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー


    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

    スクリーン上のキーボード

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    ゲージ

    レベルインジケータ

    進捗インジケータ

    格付けインジケータ

    システムの体験

    複雑化

    ホーム画面のクイックアクション

    ライブ活動

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の文字盤

    ウィジェット




    入力

    概観


    Apple Pencil と落書き

    ベストプラクティス

    落書きのサポート

    カスタムの描画

    プラットフォームの考慮事項

    リソース


    デジタルの竜頭

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    焦点と選択

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ゲームコントローラー

    ベストプラクティス

    ボタン

    プラットフォームの考慮事項

    リソース


    ジャイロスコープと加速度計

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    キーボード

    ベストプラクティス

    キーボードショートカット

    カスタムキーボードショートカット

    プラットフォームの考慮事項

    仕様

    リソース


    ポインティングデバイス

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    リモコン

    ベストプラクティス

    ジェスチャ

    ボタン

    互換性のあるリモコン

    プラットフォームの考慮事項

    リソース


    空間的相互作用

    ベストプラクティス

    デバイスの使用法

    プラットフォームの考慮事項

    リソース


    タッチバー

    ジェスチャ

    ベストプラクティス

    インターフェイスアイコン

    コントロールとビュー

    プラットフォームの考慮事項

    リソース


    タッチスクリーンジェスチャ

    ベストプラクティス

    標準的なジェスチャ

    プラットフォームの考慮事項

    リソース




    プラットフォーム

    概観

    iOS 用デザイン

    ベストプラクティス

    リソース


    iPadOS 用デザイン

    ベストプラクティス

    リソース


    macOS 用デザイン

    ベストプラクティス

    リソース


    tvOS 用デザイン

    ベストプラクティス

    リソース


    watchOS 用デザイン

    ベストプラクティス

    リソース




    テクノロジー

    AirPlay

    序文

    アイコン

    編集者用


    常にオン

    アプリクリップ

    序文

    ユーザー体験

    アプリクリップカード

    アプリクリップのコード

    印刷ガイドライン

    法的要件


    Apple Pay

    序文

    Apple Pay の提供

    チェックアウトと支払い

    エラー処理

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

    ボタンとマーク

    編集者用


    拡張現実

    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルとブランド化


    CarPlay

    序文

    アーキテクチャ

    操作

    視覚的デザイン

    アイコンとイメージ

    システム要素


    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    成果

    リーダーボード

    多数のプレイヤー

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


    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の操作

    カスタム機能

    アイコン

    編集者用


    iCloud

    アプリ内購入

    序文

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


    ライブ写真

    Mac Catalyst

    序章

    アプリの構造

    ユーザーの操作

    視覚的デザイン

    Mac の慣用句


    機械学習

    序文

    機械学習の役割

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正

    間違い

    複数のオプション

    自信

    属性

    制限事項


    マップ

    序文

    Apple Watch のマップ

    屋内のマップ


    ビジネス向けメッセージ

    序文

    ブランド化

    ボタン

    ダークモード

    ロゴ

    メッセージバブルの内容

    スクリーンショット


    NFC

    写真編集

    ResearchKit

    SharePlay

    ShazamKit

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムの意図

    カスタムの意図

    ショートカットと提案

    編集者用


    タップして iPhone で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン















    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ