コンテンツパフォーマンスダッシュボードのデザイン

公開スナップショットから分析へ

このOpenDesignの公式サンプルは、サンプル人物Jerrod Lew向けのダークテーマのコンテンツパフォーマンスワークスペースです。冒頭では、コンパクトなテーマと期間のツールバーに、大きなセリフ体の公開ヘッドラインを組み合わせています。キャプチャしたXの状態では、その週に14件の投稿を公開したと要約されています。4つのネットワークカードで全体のオーディエンスの文脈を示し、その後に別のKPI行でアクティブなサンプルネットワークを表示します。

XのKPI行には、フォロワー184.3K、エンゲージメント4.8%、いいね12.8K、リポスト3.1Kが表示されます。最初の分析ペアでは、フォロワー曲線に注目投稿カードより広い幅を与え、列比率は2対1.2です。この非対称な配置でトレンドを優先しつつ、隣に公開例を1件置いています。グラデーションのサムネイルはCSSで描いたビジュアルであり、写真でも実在のキャンペーンの証拠でもありません。

複数のレポート期間が混在しています。ツールバーでは30Dが強調され、ヘッドラインは今週を示し、いいねとリポストは7D、フォロワーカードは30Dです。期間ボタンにはフィルタリングのハンドラーがありません。そのため、これらはラベルの異なるサンプル表示として扱い、ツールバーの1つの選択がすべてのパネルを再計算するとは考えないでください。

オーディエンス、計画、コンバージョンの問いを切り分ける

このワークスペースはリーチだけで終わりません。Upcoming + Draftsでは、Scheduledが2件、Draftが1件、Ideaが1件と区別され、隣の競合テーブルには名前付きのサンプル行が4つあります。こうした計画の状態の横に、いいね64%、コメント19%、リポスト12%、保存5%という週次のエンゲージメント内訳が並びます。後者の合計は100%ですが、測定ルールは示されていません。

後続のパネルでは問いがさらに絞られます。時間帯別ラインはUTC+8で00から22までの2時間刻み12点を使い、センチメントリングはポジティブ、ニュートラル、ネガティブを58%、28%、14%に分けています。隣のヒートマップは72セルで、色の濃さはランダムに選ばれます。その色は装飾的なサンプルのばらつきであり、オーディエンスがいつ利用可能かを測定して説明するものではありません。

コンバージョンパネルには、インプレッション4.2M、プロフィール訪問428K、購読49K、有料リード8.2Kというラベルがあります。バーの幅は作成時に設定された100%、41%、24%、11%で、これらの件数から導いた比率ではありません。件数ラベルとバーを並べることで想定ファネルは読みやすくなりますが、その幅を実際のコンバージョン率と解釈してはいけません。

ポイントを確認し、続けて期間を比較する

固定表示の確認ストリップは、現在のフォーカス、ピン留めしたポイント、アクティブな期間、A/B比較という4つの役割を区別して保持します。これにより、ポインターの動きが、チャートごとに孤立したツールチップではなく、見える形の文脈になります。時間帯別、応答、比率、コホートの各ラインでは、ホバーすると近くのサンプルポイントが特定され、クリックでピン留めされます。フォーカスしたcanvasでは矢印キーでもピンを移動でき、Escapeでそのローカルの選択を解除します。

ラインをドラッグすると区間が選択され、平均、ピーク、最低値が計算されます。Shiftを押しながらドラッグすると最大4つの期間を保存でき、A/Bラベルは直近の2つを平均と変動の差で比較します。これは選択したサンプル値のローカルな数値比較であり、実験の割り当て、有意性検定、測定された因果的なリフトではありません。タッチ操作ではピン留めとアクティブな区間の確認に対応しますが、マウスのShiftドラッグによる保存期間の経路は実装されていません。

下部のRevenue vs Content Costパネルは、W1–W7にわたって1.2から2.4まで、xでラベル付けされた1本の比率系列です。収益とコストの別々のラインや通貨の合計ではありません。Cohort Retentionは明示的な日付ではなくC1–C7のラベルを使います。どちらも想定する分析上の関係を示す例にはなりますが、収益性やリテンションの評価に使うには、実データによる定義が必要です。

1. サンプルの文脈を見つける

   詳細なパネルを解釈する前に、アクティブなネットワークのヘッドラインとKPI行を読みます。4ネットワークの概要は、アクティブなスナップショットとは別に保たれています。

2. 特定の値を確認する

   ローカルの折れ線チャートのポイントにホバーまたはピン留めし、そのラベルを固定表示のインサイトストリップで追います。この操作で外部データは取得されません。

3. 選択した区間を比較する

   デスクトップのShiftドラッグによる期間で、ローカルの平均と変動を比較します。期間比較は実験による根拠とは切り分けてください。

ローカルプロトタイプの動作とデータの限界

ソースには、テーマ切り替え、canvasでの確認、3.6秒ごとのサンプルネットワーク自動ローテーションが実装されています。ローテーションではヘッドライン、KPIカード、フォロワー合計、注目投稿が更新されますが、より深い固定配列、下書き、ベンチマーク、ファネルはプラットフォーム別のデータセットにはなりません。数値のトゥイーンにより、途中の値が一瞬表示されます。アニメーションもLive overviewというラベルも、ライブフィード、保存されたアカウント接続、検証済みのクロスプラットフォーム測定を示すものではありません。

Export report、Auto-summary、New post、日付範囲ボタンは表示されていますが、アクションのハンドラーがありません。クエリ風のストリップはdivであり、動作する入力欄ではありません。ソースにはプラットフォームAPI、公開サービス、レポート用バックエンドは含まれていません。ホバー時のベースライン比較は現在の系列の平均を使うため、そのラベルは前年比のコホート比較を示すものではありません。公式バンドルのライセンスも、描かれているすべての名称や主張に対する権利を検証するものではありません。