アプリケーション設計の作成-情報アーキテクチャ

はじめに

このドキュメントでは、Brightcove Beacon エクスペリエンスでどのような動画を表示すべきか、およびそれらの動画がどのように整理されるかについて、一連の質問について説明します。これらの質問に答えた結果は、Brightcoveの Beacon エクスペリエンスのアプリケーション設計を構築するのに役立ちます。あなたのアプリのために定義したいものの非常に簡単な例をここに写真に示します：

OTT アプリ用の UX の設計経験がない可能性があります。このドキュメントの最後のセクションでは、ガイダンスはありますか？、ベンダーのリスト' アドバイスが表示されます。UIを設計する前に、そのガイダンスを読み、検討することをお勧めします。

ページの構造

カテゴリを選択する前に、ページがどのように構築されているかを高レベルに理解しておくと便利です。アプリのページは、次のもので構成されています。

• プレイリスト :関連動画のグループ。動画を結びつける関係は、アプリ作成者であるユーザーによって定義されます。
• ブロック :同じレイアウトを使用するプレイリストのセット。リスト、タブ、またはドロップダウンにブロックを配置できます。
• レイアウト :ブロック内の各プレイリストを表示する方法の設定。あなたは、プレゼンテーションの他のいくつかのプロパティの中で、タイルのアスペクト比、画面上のアセットの数、要素の数を設定することができます。

いくつかの例は、それらの定義を明確にするのに役立ちます。下のスクリーンショットは、ページ上の 3 つのブロックを示しています。各ブロックの右側には設定が表示されます。

さまざまな可能性を示す理由は、この時点でブロック、レイアウト、プレイリストを決定させるのではなく、再生リストを使用してコンテンツを整理する方法を決めるときに表示するオプションを表示することです。

カテゴリ/選択内容の記録

このドキュメントで作業する決定は、スプレッドシートに記録します。スプレッドシートを準備するには、次の手順に従います。

1. このリンクをクリックしてテンプレートをダウンロードしてください: app-design-info-architecture.xlsx .それが保存される場所を覚えておいてください。
2. Google スプレッドシートアプリから空白のスプレッドシートを開きます。
3. Google スプレッドシートのメニューから [ ファイル] [> インポート ] を選択します。
4. 表示されるダイアログから、次に示すように、まず [ アップロード ] を選択し、[デバイスからファイルを選択 ] ボタンをクリックします。

   

5. ダウンロードした Excel ファイルを見つけて選択し、[ 開く ] をクリックします。
6. 表示される [ ファイルのインポート ] ダイアログで、[ スプレッドシートの置換 ] を選択し、[ データのインポート ] ボタンをクリックします。

   

7. スプレッドシートをインポートすると、次のような内容が表示されます。

   

スプレッドシートには、このドキュメントの質問に対する回答を記録します。

このプロセスの最後に、完成したGoogleシートをBrightcoveの担当者と共有し、エクスペリエンスの設定を支援します。

コンテンツを整理する方法

ビデオアセットを効果的にプレゼンテーションするには、それらのアセットのカテゴリを考慮する必要があります。カテゴリは、各カテゴリのグループ化ルールを定義するビデオのグループです。これらのカテゴリはプレイリストとして実装され、その使用は続行セクションに示されています。カテゴリを支える原動力は、顧客が希望する動画を、論理的かつ迅速に見つけることができるかどうかです。

カテゴリの種類

選択できるカテゴリには、次の 2 種類があります。

• 手動で構築 :これらは、選択したカテゴリと、Video Cloud Studio プレイリストで割り当てられる動画です。
• Brightcove Beacon Automated :これらは、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の担当者に提出するために作業しているスプレッドシートを保存してください。

アプリケーション設計を定義していない場合は、「アプリケーションデザインの作成」-「レイアウトオプション」の順に選択し、アプリケーション設計を定義する他の部分を完了し、特定のアプリケーションの画面レイアウトの選択を完了する必要があります。

ページデザイン

また、個々のページをどのように表示するかについても考え始める必要があります。たとえば、次のホームページの例を次に示します。

ページレイアウトオプションの詳細については、ページの紹介資料。ここでは、使用できるさまざまなページタイプと、それらのページのビデオコンテンツのレイアウトについて詳しく説明します。