アプリケーション設計の作成-情報アーキテクチャ
はじめに
このドキュメントでは、Brightcove Beacon エクスペリエンスでどのような動画を表示すべきか、およびそれらの動画がどのように整理されるかについて、一連の質問について説明します。これらの質問に答えた結果は、Brightcoveのビーコンエクスペリエンスのアプリケーション設計を構築するのに役立ちます。あなたのアプリのために定義したいものの非常に簡単な例をここに写真に示します：
OTT アプリ用の UX の設計経験がない可能性があります。このドキュメントの最後のセクションでは、案内はありますか？ 、ベンダーのアドバイスのリストが表示されます。UIを設計する前に、そのガイダンスを読み、検討することをお勧めします。
ページの構造
カテゴリを選択する前に、ページがどのように構築されているかを高レベルに理解しておくと便利です。アプリのページは、次のもので構成されています。
- プレイリスト:関連動画のグループ。動画を結びつける関係は、アプリ作成者であるユーザーによって定義されます。
- ブロック:同じレイアウトを使用するプレイリストのセット。リスト、タブ、またはドロップダウンにブロックを配置できます。
- レイアウト:ブロック内の各プレイリストを表示する方法の設定。あなたは、プレゼンテーションの他のいくつかのプロパティの中で、タイルのアスペクト比、画面上のアセットの数、要素の数を設定することができます。
いくつかの例は、それらの定義を明確にするのに役立ちます。下のスクリーンショットは、ページ上の 3 つのブロックを示しています。各ブロックの右側には設定が表示されます。
さまざまな可能性を示す理由は、この時点でブロック、レイアウト、プレイリストを決定させるのではなく、再生リストを使用してコンテンツを整理する方法を決めるときに表示するオプションを表示することです。
カテゴリ/選択内容の記録
このドキュメントで作業する決定は、スプレッドシートに記録します。スプレッドシートを準備するには、次の手順に従います。
- このリンクをクリックして、テンプレートをダウンロードします。 app-design-info-architecture.xlsx .それが保存される場所を覚えておいてください。
- Google スプレッドシートアプリから空白のスプレッドシートを開きます。
- Google スプレッドシート メニューから選択ファイル > インポート.
- 表示されるダイアログから、最初に選択しますアップロード次に、デバイスからファイルを選択ボタンを次に示します。
- ダウンロードしたばかりの Excel ファイルを見つけて選択し、開ける.
- からインポートファイル表示されるダイアログで、選択しますスプレッドシートを置き換えるをクリックし、データのインポートボタン。
- スプレッドシートをインポートすると、次のような内容が表示されます。
スプレッドシートには、このドキュメントの質問に対する回答を記録します。
このプロセスの最後に、完成したGoogleシートをBrightcoveの担当者と共有し、エクスペリエンスの設定を支援します。
コンテンツを整理する方法
ビデオアセットを効果的にプレゼンテーションするには、それらのアセットのカテゴリを考慮する必要があります。カテゴリは、各カテゴリのグループ化ルールを定義するビデオのグループです。これらのカテゴリはプレイリストとして実装され、その使用は続行セクションに示されています。カテゴリを支える原動力は、顧客が希望する動画を、論理的かつ迅速に見つけることができるかどうかです。
カテゴリの種類
選択できるカテゴリには、次の 2 種類があります。
- 手動で構築:これらは、選択したカテゴリと、Video Cloud Studio プレイリストで割り当てられる動画です。
- ブライトコーブ ビーコン 自動化:これらは、Brightcove Beacon が自動的に作成するカテゴリです。3つは次のとおりです。 最近見たもの、最も視聴されたとお気に入り.これらのカテゴリの詳細については、このドキュメントの次のセクションを参照してください。
例
ここでは、カテゴリを選択することの意味に重点を置くために、いくつかの例を示しています。
最初の例
ページの上部にある例がどのように表示されるかを説明します。
カテゴリは次のとおりです。
- 美しいフロリダ海岸
- 美しいオレゴン海岸
- トラベルショー
- VCクッキングショー
映画カテゴリ
Wikipediaで撮影した映画のカテゴリ、またはジャンルを以下に示します。
- アクション
- アドベンチャー
- コメディー
- 犯罪
- ドラマ
- ファンタジー
それはあなたの顧客のためのカテゴリとしてだけでなく、ジャンルが働いているかもしれません。一方、お客様の顧客は特別な関心を持っている場合があり、次のことがより適切です。
- アニメ化
- フィルム・ノワール
- ドキュメンタリー
- カルトクラシック
- サイレント映画
カレッジ陸上競技
それはトップレベルのカテゴリの大量である可能性があります。例えば、347 のディビジョン1（一般的には大）の学校があります。アプリリストのホーム画面を347校すべて表示できますが、一部の顧客はその長いリストをスクロールしすぎて、ユーザーエクスペリエンスが低下します。特定の動画セットを簡単に検索するために、サブカテゴリ、またはサブカテゴリのサブカテゴリを使用することができます。以下に、大学陸上競技場に使用可能なカテゴリの構造の一部を示します。ここで、構造は会議 -> 学校 -> スポーツ組織パターン:
- サウスイースタン会議
- フロリダ
- フットボール
- バスケットボール
- バレーボール
- ...
- ジョージア
- フットボール
- バスケットボール
- バレーボール
- ...
- ...
- フロリダ
- Pac-12 会議
- アリゾナ
- フットボール
- バスケットボール
- バレーボール
- ...
- オレゴン
- フットボール
- バスケットボール
- バレーボール
- ...
- ...
- アリゾナ
- ...
会議ではなくスポーツが顧客にとって最も重要であると考える場合は、分類を次のように変更することもできます。スポーツ -> 会議 -> 学校組織のパターン。
あなたのカテゴリ
例から、カテゴリと組織構造の決定は、単純な、または非常に複雑なタスクである可能性があります。最適な設計のためには、コンテンツと顧客の両方を考慮する必要があります。あなたのビデオのためのあなたの組織構造とカテゴリについて考えるには時間がかかることが不可欠です。
カテゴリを記録する
カテゴリを決めたので、スプレッドシートに入力します。アプリに表示される順序で、それらを入力します。スプレッドシートで、セル B1、B2 の順に順番に注文したカテゴリを入力します。簡単な例は次のように表示されます。
このスクリーンショットのように、いくつかのプレイリストをグループ化したい場合があります。風光明媚なオレゴン海岸、トラベルショーとVCクッキングショー.
アプリに一度に 1 つのみが表示されるようにプレイリストを表示し、視聴者が他のユーザーを表示するように動作する必要がある場合は、次に示すように、スプレッドシートで水平に配置してスプレッドシートでこれを表現します。
Brightcove Beacon が構築したカテゴリは何ですか？
Brightcove Beacon には、含めるかどうかを選択できる 3 つのカテゴリがあります。非対応形式:
- 最近視聴した-最新のブックマークを含む上位 20 の動画
- 最も視聴された動画-ブックマークに基づく上位 20 の動画
- お気に入り-このカテゴリは、顧客がビデオアセットをお気に入りにマークすると、動的に構築されます。
ここで、目的の Brightcove Beacon カテゴリをリストに追加し、そのカテゴリを表示したい位置に追加します。メニューコマンドを使用する必要がある場合があることに注意してください挿入 > 上に行および/または挿入 > 下の行あなたの追加のための余地を作るために。変更された例は、次のように表示されます。
あなたはビデオやビデオを特集したいですか？
あなたは、ビデオまたはビデオのセットをフィーチャーすることができます。おすすめの動画がアプリの上部に表示され、動画のサムネイルが大きくなります。ここでは、6つの動画が紹介されたアプリが表示されます（カルーセルの下のドットで動画の数を確認できます）。
スプレッドシートで、もしあれば、何を取り上げてほしいですか？細胞。その質問の右側にあるセルに、何かあれば、あなたが紹介したいものを詳しく説明してください。
前進する
これでこのタスクは完了です。Brightcove Beacon Experience の構築時には、後でBrightcoveの担当者に提出するために作業しているスプレッドシートを保存してください。
まだ行っていない場合は、アプリケーション設計の定義の他の部分を完了する必要があります。アプリケーション設計の作成 - レイアウト オプション特定のアプリ画面レイアウトの選択肢を選択します。
ページデザイン
また、個々のページをどのように表示するかを考え始める必要があります。たとえば、次にホームページの例を示します。
ページ レイアウト オプションの詳細については、ページ レイアウトの使用資料。ここでは、使用できるさまざまなページタイプと、それらのページのビデオコンテンツのレイアウトを詳しく説明します。