Human Interface Guidelines


全画面表示


iPhone、iPad、および Mac は、気を散らすことのない環境を可能にするフルスクリーンモードを提供し、多くの場合、人々が行動を起こしてそれらを明らかにするまで、システムとアプリのコントロールを非表示にします。




ベストプラクティス


経験の意味にあった場合は、フルスクリーンモードを有効にします。 人々は、ゲームをプレイしたり、メディアを再生したり、没入型のタスクを実行したりするときにフルスクリーンモードを高く評価しますが、すべてのアプリがそのような体験を可能にするわけではありません。たとえば、macOS の計算機はフルスクリーンモードをサポートする必要はありません。これは、一般的に、計算機を使用して計算を実行し、結果を他の場所に貼り付けるためです。


人々がフルスクリーンモードを終了せずにタスクを完了できるように、必須のアプリ機能へのアクセスを維持します。 たとえば、フルスクリーンのメディア体験では、再生コントロールを永続的に利用できるようにするか、必要なときに簡単に表示できるようにする必要があります。


一般に、iPadOS または macOS アプリがフルスクリーンモードのときに、人々に Dock を開かせます。 Dock へのアクセスを維持して、人々がアプリやその他の Dock 項目をすばやく開けるようにすることが重要です。例外は、スクリーンの端が体験の一部を可能にする没入型ゲームです。


必要に応じて、フルスクリーンスペースを活用するようにインターフェイスを調整して下さい。 フルスクリーン体験に利用できるスペースは、通常、フルスクリーンでないスペースよりも大きくなります。macOS などの一部の場合では、ウィンドウがフルスクリーンモードに入ると、その幅と高さの両方が大きくなります。必須の領域に焦点を合わせ、スペースをうまく使用するには、インターフェイスの比率を微妙に調整することをお勧めします。このタイプの調整があなたのアプリで意味をなす場合は、不快な移行を避け、インターフェイスがすぐに認識できるようにしてください。


フルスクリーンモードをいつ終了するかを人々に選択させます。 一般に、別のアプリに切り替えたり、映画やゲームのプレイなどの没入型アクティビティを終了したりしたときに、フルスクリーンモードが自動的に終了することは期待していません。



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


tvOS または watchOS ではサポートされていません。



iOS、iPadOS


意味がある場合は、ホームスクリーンインジケータの自動非表示を許可します。 自動非表示を有効にすると、人々がスクリーンに数秒間触れなかった場合にインジケータがフェードアウトし、再びスクリーンに触れたときに再度表示されます。この動作は、ビデオや写真のスライドショーの再生などの体験の表示、およびゲームプレイ中にのみ有効にしてください。


macOS


システムが提供するフルスクリーン体験を使用します。 システムのフルスクリーンサポートを使用すると、フルスクリーンウィンドウがすべてのコンテキストで適切に機能することが保証されます。開発者向けガイダンスについては、toggleFullScreen(_:) を参照してください。


カスタムフルスクリーンのサポートを使用する場合は、システムが定義した領域に依存して、フルスクリーンウィンドウのコンテンツが隠されないようにします。 たとえば、一部の Mac モデルには、スクリーンの上部中央の領域を占めるカメラハウジングが含まれています。システムのフルスクリーンのサポートを使用すると、この領域に自動的に対応します。カスタムフルスクリーンの体験を使用する場合は、コンテンツを配置するときにシステムが定義する領域を考慮する必要があります。macOS は、カスタムフルスクリーンの体験を使用するときにコンテンツを配置するのに役立つ 2 つの方法を提供します。


  • safeAreaInsets プロパティには、スクリーンの安全領域を定義する top、bottom、left、および right の値が含まれています。top の値を使用して、スクリーンの上部からコンテンツを挿入し、隠されないようにします。

  • auxiliaryTopLeftArea プロパティと auxiliaryTopRightArea プロパティは、スクリーン上部の長方形を定義します。これは、カメラハウジングの左右、および安全領域の外側の隠されていない領域を表します。

  • タスクを実行するために必要な場合は、ツールバーを表示したままにします。コンテンツに焦点が当てられている場合は非表示にします。 フルスクリーンウィンドウを設定して、ツールバーを常に表示するか、人々がポインターをスクリーンの上部に移動したときにのみ表示するように設定できます。たとえば、カレンダー には常にツールバーが表示され、必須のナビゲーションとスケジュール管理のコントロールにすばやくアクセスできます。一方、プレビュー ではツールバーが非表示になるため、人々はコンテンツの読み取りや表示に集中できます。メニューバーは、他の人がそれを明らかにしない限り、通常フルスクリーンモードで非表示になることに注意してください。


    常に人々をミッションコントロールに入らせてください。 あなたのアプリだけに焦点が当てられている場合でも、Mission Control を呼び出して、開いている他のウィンドウ、フルスクリーンアプリ、デスクトップ、スペースをプレビューしてナビゲートすることを期待しています。あなたのアプリで使用できる体験の種類に関係なく、Mission Control に入るときに使用するキーボードのショートカットとジェスチャーを尊重してください。


    人々があなたのフルスクリーンアプリから離れた後、彼らが戻ったときに彼らが中断したところから再開するのを手伝ってください。 たとえば、ゲームやスライドショーは、人々がアプリを離れるときに自動的に一時停止して、何も見逃さないようにする必要があります。


    フルスクリーンモードで使用するための補助ウィンドウを構成します。 フルスクリーンの補助ウィンドウは、フルスクリーンのコンテンツの上に表示するために適切に構成する必要があります。開発者向けガイダンスについては、fullScreenAuxiliary を参照してください。


    あなたのアプリを使用しているときにファイルにアクセスすることを人々が期待している場合は、フルスクリーンモードでアクセスするための便利な方法を提供してください。 ファイルを開いたり、イメージをインポートしたり、ファイルを保存したり、同様の操作を行ったりするために、人々にフルスクリーンモードを終了させないでください。たとえば、現在のモードに関係なく、人々があなたのアプリでイメージを開くことができるアプリ固有のイメージブラウザを実装できます。



    リソース


    関連


    レイアウト


    マルチタスク



    開発者用文書


    NSScreen — AppKit (NSScreen)


    NSWindow.CollectionBehavior — AppKit (NSWindow.CollectionBehavior)






    目次
    Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

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

    リソース


    アプリのアイコン

    ベストプラクティス

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

    仕様

    リソース


    ブランド化

    ベストプラクティス

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

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

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

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

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

    リソース


    アイコン

    ベストプラクティス

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

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

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

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

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

    リソース


    マテリアル(材料)

    ベストプラクティス

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

    リソース


    モーション

    ベストプラクティス

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

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

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

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

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

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

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

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

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

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

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

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

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

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

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

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

    リソース


    データ入力

    ベストプラクティス

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

    リソース


    フィードバック

    ベストプラクティス

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

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

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

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

    リソース


    全画面表示

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

    iPhone iPad

    macOS

    ベストプラクティス

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

    リソース


    起動

    ベストプラクティス

    起動画面

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

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

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

    リソース


    ロード中

    ベストプラクティス

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

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

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

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

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

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

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

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

    リソース


    ヘルプの提供

    ベストプラクティス

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

    リソース


    搭載

    ベストプラクティス

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

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

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

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

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

    リソース


    ビデオの再生

    ベストプラクティス

    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 で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン















    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ