Human Interface Guidelines


起動


人々は合理化された起動体験を高く評価するため、あなたのアプリやゲームをすぐに使い始めることができます。



ベストプラクティス


プラットフォームで必要な場合は、起動スクリーンを提供して下さい。 iOS、iPadOS、および tvOS では、あなたのアプリやゲームが始まるとすぐにシステムが起動スクリーンを表示し、それを最初のスクリーンにすばやく置き換えて、人々にあなたの体験が高速で応答性が高いという印象を与えます。理想的な起動スクリーンは、最初のコンテンツのコンテキストを提供するだけなので、事実上人々には見えません。watchOS および macOS アプリは起動スクリーンを必要としません。


必要な場合にのみ、初期設定情報を求めてください。 あなたのアプリやゲームを開始したらすぐに何かを達成できるように支援し、追加情報をリクエストする前に成功させます。可能な限り、既存のデバイス設定とデフォルトからセットアップ情報を取得します。人々が何か便利なことをする前にサインインする必要がある場合は、Apple でサインイン を提供するか、iCloud などの同期サービスに依存することを検討してください。


補足情報を表示したり、レビューを求めたり、許可を求めたりする前に、人々にあなたのアプリを楽しんでもらう時間を与えてください。 最初の起動では、人々はすぐに飛び込みたいと思っています。彼らは、あなたが提供する体験を理解する前に、多くのコンテンツを読んだり、格付けを提供したり、個人データへのアクセスを許可されたくありません。最初の起動を合理化するために、以下のことを検討してください。


  • App Store に契約と免責事項を表示させて、あなたのアプリをダウンロードする前にそれらを読めるようにする

  • 人々があなたのアプリを正確に格付けし、潜在的な顧客が役立つと思う実質的なレビューを提供するのに十分な体験を積んだ後、格付けとレビューを求める (ガイダンスについては、格付けとレビュー を参照)

  • 可能であれば、人々が個人データの共有に関心があることを示した後で許可を求めます (ガイダンスについては、個人データへのアクセス を参照してください)。

  • あなたのアプリの再起動時に、以前の状態に戻し、中断したところから続行できるようにします。 あなたのアプリやゲームで以前の場所に到達するために、他の人々に手順をたどらせないようにします。以前の状態の詳細を可能な限り復元します。たとえば、ビューを人々の最新の位置までスクロールし、人々がウィンドウを離れたときと同じ状態と場所でウィンドウを表示します。



    起動画面


    起動スクリーンは、搭載された体験やスプラッシュスクリーンではなく、芸術的な表現の機会でもありません。起動スクリーンの唯一の機能は、起動が速く、すぐに使用できるように、体験の認識を高めることです。


    すべてのプラットフォームに起動スクリーンが必要なわけではありません。


  • iOS、iPadOS、および tvOS アプリは、起動画面を提供しなければなりません。

  • watchOS および macOS アプリには起動スクリーンは必要ありません。

  • あなたのアプリの最初のスクリーンとほぼ同じ起動スクリーンをデザインします。 アプリの起動が終了したときに外観が異なる要素を含めると、起動スクリーンとアプリの最初のスクリーンの間で不快なフラッシュが発生する可能性があります。また、起動スクリーンが ダークモード などのデバイスの現在の外観と一致していることを確認してください。



    起動スクリーン


    最初のスクリーン


    起動スクリーンにテキストを含めないでください。 起動スクリーンのコンテンツは変更されないため、表示するテキストはローカライズされません。


    起動体験を軽視します。 あなたのアプリやゲームの最初の画面への移行をスムーズにする起動スクリーンをデザインします。人々がすぐに体験に入るのを遅らせる起動スクリーンをデザインすることは避けてください。


    宣伝しないでください。 起動スクリーンはブランド宣伝の機会ではありません。スプラッシュスクリーンや "概要" ウィンドウのような画面を作成することは避け、あなたのアプリの最初のスクリーンの固定部分でない限り、ロゴやその他のブランド要素を含めないでください。あなたのゲームやその他の没入型アプリが最初のスクリーンに移行する前に単色を表示する場合は、その単色のみを表示する起動スクリーンを作成します。



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


    macOS または watchOS に関する追加の考慮事項はありません。


    iOS、iPad


    適切な方向で起動します。 あなたのアプリがポートレートモードとランドスケープモードの両方をサポートしている場合は、デバイスの現在の向きを使用して起動します。あなたのアプリが 1 つの方向でのみ実行される場合は、その方向で起動し、必要に応じてデバイスを回転させます。人々がデバイスを左または右に回転させてランドスケープの向きにしたかどうかに関係なく、ランドスケープのみのアプリが正しく応答することを確認します。ガイダンスについては、レイアウト を参照してください。


    tvOS


    tvOS アプリの多くを通じて、重ねられたイメージ とは異なり、起動スクリーンは静的です。


    ライブビューのアプリでは、人々がアプリを起動した直後に自動的に再生を開始することを検討してください。 人々はテレビを見るためにあなたのアプリに来るので、あなたは数秒間何も操作しなかった後に新しいまたは最近見たライブコンテンツの再生を開始したいかもしれません。ガイダンスについては、ライブビューのアプリ を参照してください。



    リソース


    関連


    搭載


    ロード中



    開発者用文書


    あなたのアプリの起動スクリーンを指定 (Specifying your app's launch screen)


    あなたのアプリの起動に対応する — UIKit (Responding to the launch of your app)


    ビデオ





    目次
    Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

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

    リソース


    アプリのアイコン

    ベストプラクティス

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

    仕様

    リソース


    ブランド化

    ベストプラクティス

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

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

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

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

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

    リソース


    アイコン

    ベストプラクティス

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

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

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

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

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

    リソース


    マテリアル(材料)

    ベストプラクティス

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

    リソース


    モーション

    ベストプラクティス

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

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

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

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

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

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

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

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

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

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

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

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

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

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

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

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

    リソース


    データ入力

    ベストプラクティス

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

    リソース


    フィードバック

    ベストプラクティス

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

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

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

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

    リソース


    全画面表示

    ベストプラクティス

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

    リソース


    起動

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

    iPhone iPad

    macOS tvOS

    watchOS

    ベストプラクティス

    起動画面

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

    リソース


    ライブビューのアプリ

    ベストプラクティス

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

    財布

    序文

    パスのデザイン

    注文追跡のデザイン















    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ