アーキテクチャ


バッジ


アプリでは、新しく重要な情報が利用可能になったことを示すために、アプリアイコンに白い数字を含む小さな赤い楕円を表示できます。



バッジを直感的にします。 アプリアイコンにバッジが付けられている理由と、あなたのアプリを開いたときに関連情報を見つける方法を人々は知っておく必要があります。


バッジは最小限に抑えます。 頻繁に変更される大量の情報にバッジを関連付けて、ユーザーを圧倒しないでください。簡潔で重要な情報と、関心を引きそうな典型的でないコンテンツの変更を提示するために使用して下さい。


あなたのアプリ内の重要な情報にも注意を引いてください。 情報を目立たせるためにアプリアイコンのバッジだけに頼っていると、人々が情報を見逃す危険があります。タブバーやアプリ内の別の場所にバッジを表示することは、ユーザーを重要なコンテンツに誘導するもう 1 つの方法です。


アラートでバッジを補足することは避けてください。 新しい情報や重要な情報が利用可能になった場合でも、ユーザーはアプリを開いた瞬間にアラートが表示されることを望んでいません。代わりに、情報を検出可能にします。関連する設計ガイダンスについては、エラー処理アラート を参照してください。


バッジを最新の状態に保ちます。 対応する情報が表示されたらすぐに、アプリのバッジを更新してください。新しい情報や重要な情報が入手可能であると人々に思わせたくなければ。すでに見た物を検索するだけです。


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



エラー処理


アプリはエラーを適切に処理し、絶対に必要な場合にのみユーザーに報告する必要があります。


エラーを接続された iPhone ではなく、CarPlay で報告します。 ユーザーに問題を通知しなければならない場合は、CarPlay で明確に通知してください。エラーを読んだり解決したりするために iPhone を持ち上げるようにユーザーに決して指示しないでください。


アラートよりも邪魔にならないステータスメッセージが望ましいです。 アラートはユーザー体験を混乱させます。エラーメッセージはアラートに表示するのではなく、内容に沿って並べて表示します。



ロード


コンテンツのロード中に空白や静的なスクリーンが表示されると、あなたのアプリがフリーズしているように見え、人々がアプリを離れてしまう可能性があります。



ロードが行われていることを明確にします。 回転アクティビティインジケーターと説明テキストを表示することを検討してください。関連する設計ガイダンスについては、活動インジケーター を参照してください。


利用可能になり次第、主なコンテンツを表示します。 すべてのコンテンツがロードされるのを待ってから、期待するスクリーンが表示されるようにしないでください。プレースホルダーのテキストとグラフィックを使用して、今後追加されるコンテンツを識別して下さい。コンテンツのロード時にプレースホルダー要素を置き換えます。可能であれば、ユーザーがオーディオを聞いているときやメニューをナビゲートしているときに、バックグラウンドで次のコンテンツを前もってロードして下さい。



CarPlay には、主に 2 つのナビゲーションスタイルがあります。


フラットなナビゲーション。 通常は タブバー を使用して、複数のコンテンツカテゴリ間を切り替えます。電話アプリは、このナビゲーションスタイルを使用しています。



階層ナビゲーション。 通常は ナビゲーションバー を使用して、目的に到達するまでスクリーンごとに 1 つの選択を行います。別の目的に行くには、手順を再度たどるか、最初からやり直して別の選択をします。マップアプリは、このナビゲーションスタイルを使用しています。



Music アプリは、フラットと階層ナビゲーションの両方を実装しています。トップレベルでは、フラットナビゲーションにより、ライブラリ、プレイリスト、およびラジオを切り替えることができます。ライブラリ内のアルバム内など、さらに深く掘り下げると、コンテンツが階層的に表示されます。


コンテンツにすばやく簡単にアクセスできるようにします。 必要なタップ、スワイプ、およびスクリーンの数が最小限になるように情報を構造化します。


ユーザーがあなたのアプリに戻ったときに、以前のアプリの状態を復元します。 あなたのアプリ内の以前の場所に到達するために、誰かに手順を再度たどらせないでください。あなたのアプリの状態を保存および復元して、ユーザーが中断したところから続行できるようにします。ただし、あなたのアプリの主要な機能であり、ユーザーが期待している場合を除き、オーディオ再生の自動再開は避けてください。


一般に、各スクリーンへのパスを 1 つ提供します。 人々はあなたのアプリ内のどこにいるのか、次の目的への行き方を常に把握しておく必要があります。ナビゲーションスタイルに関係なく、コンテンツのパスが論理的で、予測可能で、たどりやすいことが不可欠です。


可能であれば、タブバーやテーブルビューなどの標準のナビゲーションコンポーネントを使用してください。 ユーザーはすでにこれらのコントロールに慣れており、あなたのアプリを操作する方法を直感的に知っています。オーディオアプリは、標準のナビゲーションコントロールを自動的に採用します。オーディオアプリ を参照してください。


ナビゲーションバーを使用して、データの階層を移動します。 ナビゲーションバーのタイトルは、階層内の現在の位置を示し、[戻る] ボタンを使用すると、前の場所に簡単に戻ることができます。具体的なガイダンスについては、ナビゲーションバー を参照してください。


タブバーを使用して、コンテンツまたは機能に似たカテゴリを表示します。 タブバーを使用すると、現在の場所に関係なく、すばやく簡単にカテゴリを切り替えることができます。具体的なガイダンスについては、タブバー を参照してください。



テスト


優れたアプリを設計および構築するには、徹底的なテストが不可欠です。


できれば車内で、実際の CarPlay 互換のディスプレイでテストして下さい。 ドライバーのさまざまな位置、さまざまな気象条件、1 日のさまざまな時間帯で、あなたのアプリが見やすく、ナビゲートしやすいことを確認してください。


トンネルを通過するときや携帯電話の受信のない場所など、ネットワークの状態が悪い状態でテストします。 あなたのアプリが接続の切断とデータ不足を適切かつプライバシーを侵害せずに処理することを確認してください。


インストールと設定をテストします。 あなたのアプリを実際の iPhone にインストールします。サインイン要件とプライバシーのダイアログに細心の注意を払い、あなたのアプリが CarPlay で期待どおりに表示されることを確認してください。



リソース


関連


CarPlay



ビデオ





目次
Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

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

    リソース


    アプリのアイコン

    ベストプラクティス

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

    仕様

    リソース


    ブランド化

    ベストプラクティス

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

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

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

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

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

    リソース


    アイコン

    ベストプラクティス

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

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

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

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

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

    リソース


    マテリアル(材料)

    ベストプラクティス

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

    リソース


    モーション

    ベストプラクティス

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

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

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

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

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

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

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

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

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

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

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

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

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

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

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

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

    リソース


    データ入力

    ベストプラクティス

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

    リソース


    フィードバック

    ベストプラクティス

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

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

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

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

    リソース


    全画面表示

    ベストプラクティス

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

    リソース


    起動

    ベストプラクティス

    起動画面

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

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

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

    リソース


    ロード中

    ベストプラクティス

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

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

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

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

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

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

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

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

    リソース


    ヘルプの提供

    ベストプラクティス

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

    リソース


    搭載

    ベストプラクティス

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

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

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

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

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

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

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

    リソース


    印刷

    ベストプラクティス

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

    リソース


    格付けとレビュー

    ベストプラクティス

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

    リソース


    検索

    ベストプラクティス

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

    リソース


    設定

    ベストプラクティス

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

    リソース


    取り消しとやり直し

    ベストプラクティス

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

    リソース


    トレーニング

    ベストプラクティス

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

    リソース




    部品

    全ての部品


    コンテンツ

    グラフ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー

    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

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

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    ゲージ

    レベルインジケータ

    進捗インジケータ

    格付けインジケータ

    システムの体験

    複雑化

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

    ライブ活動

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の文字盤

    ウィジェット




    入力

    概観


    アクションボタン

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース
  • 変更記録
  • Apple Pencil と落書き

  • ベストプラクティス
  • ホバー
  • ダブルタップ
  • 落書き

  • カスタムの描画
  • プラットフォームの考慮事項
  • リソース
  • 変更記録
  • デジタルの竜頭

    ベストプラクティス

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

    リソース


    焦点と選択

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース

  • ゲームコントローラ

  • ベストプラクティス
  • ボタン
  • プラットフォームの考慮事項
  • リソース

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

    ベストプラクティス

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

    リソース


    キーボード

  • ベストプラクティス
  • キーボードショートカット
  • カスタムキーボードショートカット
  • プラットフォームの考慮事項
  • 仕様
  • リソース

  • ポインティングデバイス

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース

  • リモコン

  • ベストプラクティス
  • ジェスチャ
  • ボタン
  • 互換性のあるリモコン
  • プラットフォームの考慮事項
  • リソース

  • 空間的相互作用

  • ベストプラクティス
  • デバイスの使用法
  • プラットフォームの考慮事項
  • リソース

  • タッチバー

  • ジェスチャ
  • ベストプラクティス
  • インターフェイスアイコン
  • コントロールとビュー
  • プラットフォームの考慮事項
  • リソース

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

  • ベストプラクティス
  • 標準的なジェスチャ
  • プラットフォームの考慮事項
  • リソース



  • プラットフォーム

    概観

    iOS 用デザイン

  • ベストプラクティス
  • リソース

  • iPadOS 用デザイン

  • ベストプラクティス
  • リソース

  • macOS 用デザイン

    ベストプラクティス

    リソース


    tvOS 用デザイン

    ベストプラクティス

    リソース


    watchOS 用デザイン

  • ベストプラクティス
  • リソース



  • テクノロジー

    全てのテクノロジー

    AirPlay

    序文

    アイコン

    編集者用

    常にオン

    アプリクリップ

    序文

    ユーザー体験

    アプリクリップカード

    アプリクリップのコード

    印刷ガイドライン

    法的要件


    Apple Pay

    序文

    Apple Pay の提供

    チェックアウトと支払い

    エラー処理

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

    ボタンとマーク

    編集者用


    拡張現実

    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルとブランド化

    CarPlay

    序文

    アーキテクチャ

    iPhone

  • バッジ
  • エラー処理
  • ロード
  • ナビゲーション
  • テスト
  • リソース

  • 操作

    視覚的デザイン

    アイコンとイメージ

    システム要素


    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    成果

    リーダーボード

    多数のプレイヤー

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


    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の操作

    カスタム機能

    アイコン

    編集者用


    iCloud

    アプリ内購入

    序文

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


    ライブ写真

    Mac Catalyst

    序章

    アプリの構造

    ユーザーの操作

    視覚的デザイン

    Mac の慣用句


    機械学習

    序文

    機械学習の役割

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正

    間違い

    複数のオプション

    自信

    属性

    制限事項


    マップ

    序文

    Apple Watch のマップ

    屋内のマップ


    ビジネス向けメッセージ

    序文

    ブランド化

    ボタン

    ダークモード

    ロゴ

    メッセージバブルの内容

    スクリーンショット


    NFC

    写真編集

    ResearchKit

    SharePlay

    ShazamKit

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムの意図

    カスタムの意図

    ショートカットと提案

    編集者用


    タップして iPhone で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ