Human Interface Guidelines


ライブビューのアプリ


ライブビューのアプリをデザインするときは、コンテンツに焦点を合わせ、ライブビュー体験への没入を促す楽しく流動的な相互作用を作成します。



ライブビューのアプリには、他の tvOS アプリとは一線を画す独自のデザイン上の課題がいくつかあります。何よりも、あなたのアプリはライブコンテンツを昇格させ、優先順位を付ける必要があります。すべてのスクリーンで、ライブコンテンツに人々の注意を引き付け、一目でビデオオンデマンド (VOD) コンテンツと区別できるようにします。



ベストプラクティス


ライブコンテンツを目立つように表示し、簡単にアクセスできるようにします。 人々はテレビを見るためにあなたのアプリにアクセスするため、あなたのアプリを起動してからコンテンツを再生するまでの間隔を最小限に抑える必要があります。ライブコンテンツが最初のタブにある場合、人々はそれを表示し始めるために 2 回以上タップする必要はありません。


再生を開始するには、人々は 1 回タップするか、まったくタップさせないようにします。 たとえば、注目のライブコンテンツや最近表示したライブコンテンツの上にフォーカスのある [今すぐ見る] ボタンを表示できます。人々がこのボタンをタップすると、ボタンはすぐに消えて再生が始まり、あなたのアプリの UI がフルスクリーンの没入型表示体験に置き換わります。


ライブコンテンツがライブに見えることを確認してください。 人々はライブコンテンツと VOD コンテンツを区別できる必要があります。ライブコンテンツを単に再生するだけでライブを感じることができますが、何らかの方法でマークを付けることで、ライブコンテンツを人々が認識できるようにもできます。たとえば、"ライブ" というタイトルのコレクション行に他のチャネルを表示し、各アイテムに、ライブであることを示す視覚的なインジケータ (バッジ、シンボル、サッシなど) を与えることができます。


現在再生中のライブコンテンツの進行状況を示すことを検討してください。 人々は、進行中のライブコンテンツに飛び込んだときに、どこに着陸するかを知っていることを高く評価します。進行状況バーまたはその他のインジケータを使用して、残りのコンテンツの量を人々に示すことができます。


人々に追加のアクションと表示の選択肢を提供します。 常に主要なアクションである必要がある再生に加えて、人々が簡単に録音、再起動、ダウンロード、およびあなたのサポートする他のアクションを実行できるようにします。これらのアクションをあなたのアプリ全体で同じ順序で表示します (たとえば、[注視]、[最初からやり直す]、[記録]、[お気に入り]など)。また、現在再生中のコンテンツが他の時間に再び再生されている場合は、この情報を表示して、人々が視聴をスケジュールできるようにします。


再生中にチャンネルを閲覧するためにコンテンツのフッターを使用することを検討してください。 コンテンツのフッターを使用すると、ライブ再生体験から離れることなく人々はブラウジングできます。コンテンツのフッターを使用する場合は、以下のことを確認してください。


  • テキストを読みやすくし、すべての項目が背後で再生されているコンテンツと視覚的に区別できるように、暗くするなどの微妙な処理を加えます。

  • たとえば、サムネイルにバッジを付けたり、進行状況バーに tint したりすることで、現在再生中のコンテンツを表すサムネイルを人々が簡単に識別できるようにします。

  • コンテンツのフッターのカテゴリを電子プログラムガイドのカテゴリと一致させます (関連するガイダンスについては、EPG の体験 を参照してください。)

  • 人々がコンテンツのフッターを呼び出して閉じるための簡単で予測可能な方法をデザインします。たとえば、上にスワイプしてフッターを呼び出す場合、人々は下にスワイプしてそれを閉じることを期待します。

  • 人々がチャンネルを変更したときに即座に視覚的なフィードバックを提供します。 チャンネル変更後すぐにフィードバックを提供することは、2 つの理由から不可欠です。まず、人々が希望するチャンネルに到着したことを確認する必要があります。次に、フィードバックを提供すると、コンテンツを再生するためのロードに時間がかかる場合があります。


    オーディオを現在のコンテキストに一致させます。 ライブコンテンツの再生を人々が開始すると、コンテンツが背景で再生されているときに閲覧に切り替えても、オーディオが一致することを期待します。ただし、人々があなたのアプリの [ライブ] タブから移動すると、ライブビューのコンテキストから離れるため、音声を停止する必要があります。



    EPG の体験


    ライブビューのアプリは通常、スケジュール化されたプログラミングに関する情報を含む電子プログラムガイド (EPG) を提供します。これらのガイドラインに従って、ライブビューのアプリ用に特別にデザインされたと感じる合理化された EPG 体験を人々に提供してください。


    現在の情報を目立つように表示し、再生に戻りやすくします。 人々が最初に EPG を開いたとき、現在のプログラム、チャネル、および時間は、現在のチャンネルに即座に戻ることができるように、簡単に見つけられる必要があります。


    EPG の閲覧を簡単にします。 一般的な EPG には多くの情報が含まれているため、ページ、スクロール、ジャンプを人々が簡単に行えるようにすることが重要です。また、人々が最も頻繁に表示するコンテンツにすばやくアクセスできるようにするチャンネルグループまたはお気に入りグループを提供することを検討してください。


    コンテンツを使い慣れたカテゴリにグループ化して、人々がコンテンツを見つけやすくします。 たとえば、映画、テレビ番組、子供向け、スポーツ、ポピュラーなどのカテゴリを使用できます。あなたのアプリにコンテンツのフッターが含まれている場合は、EPG と同じカテゴリを使用してコンテンツのサムネイルを整理します。


    人々が現在のコンテンツから離れずに EPG を閲覧できるようにします。 たとえば、人々が EPG を閲覧している間、Picture-in-Picture (PiP) モードまたは背景でコンテンツを再生し続けることができます。



    クラウド DVR


    クラウドでデジタルビデオレコーディング (DVR) をサポートしている場合は、これらのガイドラインに従って、ライブビューのアプリで優れた録画体験を提供してください。


    人々が情報パネルから記録を開始および停止できるようにします。 ライブストリーミング中、人々は情報パネルを公開してすぐに録画を開始したいと考えています。


    コンテンツの詳細を提供するビューで、将来の番組を人々が録画できるようにします。 また、その番組のみまたは将来のすべてのエピソードを録画するオプションを人々に提供します。


    人々が録画体験を彼らのニーズに適応させるのを手伝ってください。 現在のエピソードのみ、新しいエピソードのみ、または特定のチームが関与するゲームのみなど、人々が記録したいものを正確に指定できるようにします。


    クラウド DVR エリア内での再生やその他のコンテンツ固有のアクションを許可します。 クラウド DVR セクションにコンテンツの詳細を表示するビューを人々が開いたら、コンテンツを再生または削除し、必要に応じて録画設定を調整させます。


    人々がクラウド DVR 設定を管理できるようにするコントロールを提供することを検討してください。 たとえば、視聴済みの録画や特定の日数より古いコンテンツを人々が削除できるようにすることができます。理想的には、最も古いコンテンツまたはすでに表示されているコンテンツを上書きする、自動保管管理を設定できるようにすることで、人々がスペース不足を回避できるようにします。



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


    iOS、iPadOS、macOS、または watchOS ではサポートされていません。



    リソース


    関連


    リモコン


    ビデオの再生





    目次
    Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

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

    リソース


    アプリのアイコン

    ベストプラクティス

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

    仕様

    リソース


    ブランド化

    ベストプラクティス

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

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

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

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

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

    リソース


    アイコン

    ベストプラクティス

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

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

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

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

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

    リソース


    マテリアル(材料)

    ベストプラクティス

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

    リソース


    モーション

    ベストプラクティス

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

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

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

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

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

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

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

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

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

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

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

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

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

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

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

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

    リソース


    データ入力

    ベストプラクティス

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

    リソース


    フィードバック

    ベストプラクティス

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

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

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

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

    リソース


    全画面表示

    ベストプラクティス

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

    リソース


    起動

    ベストプラクティス

    起動画面

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

    リソース


    ライブビューのアプリ

    ベストプラクティス

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

    財布

    序文

    パスのデザイン

    注文追跡のデザイン















    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ