知っておくべき 3 つの高度な Google データスタジオの秘訣

公開: 2022-08-17

Semetrical では、データ分析と監視に関して、カスタマイズされたレポートダッシュボードを作成することが大きな焦点となっています。何年にもわたって、私たちは自身の経験と調査の両方を通じて、ダッシュボードをより有益でユーザーフレンドリーにする方法でデータを表示できるようにするかなりの数のトリックを見つけてきました.

タイトルはクリックベイトのように見えるかもしれませんが、そうではありません。これを読んでいるということは、幸運にもこれらのトリックを学び、自分で使用できるということです。あなたはこれらのいくつかに出くわしたかもしれませんが、これらは何人かの人々を助けるに違いありません!

とにかく、始めましょう。ここで取り上げる 3 つのトリックは次のとおりです。

カスタムサイドナビゲーションバー
メトリックサマリービジュアル
スピードの幻想

1. カスタムサイドナビゲーションバー

Google に「ダッシュボード」と入力して画像検索を実行すると、サイドナビゲーションバーという共通の機能に気付くかもしれません。

Google データスタジオでは、ナビゲーションバーをレポートの横に固定するオプションがありますが、ダッシュボードから切り離されているように感じます。ダッシュボードの残りの部分の美学に合うようにカスタマイズすることはできません。

これにより、この機能を複製し、ダッシュボードのスタイルに適合させるにはどうすればよいかを考えるようになりました。その結果、統合ナビゲーションシステムを構築するために独自の回避策を開発しました。見た目が良くなるだけでなく、希望するブランドガイドラインに合わせて完全にカスタマイズできます。その秘密を共有します。

これは、完成した後の外観の例です。前述のように、最終的にはページごとに異なるテキスト、形状、およびハイパーリンクの巧妙な組み合わせであるため、完全にカスタマイズ可能です. これを実現するには、レポートおよびページレベルの機能を利用する必要があります。このアプローチは 2 つの段階に分けることができます。デザインと機能性。

デザイン：

レポートの左側に白い四角形を追加します。これをレポートレベルにします。
関連するデザイン機能 (ロゴ、上部の水平バー、レポートの見出し、枠線の影) を追加して、これらをレポートレベルにします。
目的のページタイトルのテキストボックスを追加します。これらをレポートレベルにします。
すべてのページタイトルの横に明るい灰色の円を追加して、これらをレポートレベルにします。
最後に、表示中のページについて、タイトルの横に色付きの円と線を追加し、これをページレベルのままにします。これはページごとに移動する必要があるためです。

機能性:

テキストボックスを追加。
編集モードで、テキストボックスをクリックし、テキストプロパティサイドバーの [リンクを挿入] アイコンをクリックして、リンク先のページを選択します。表示テキストを多数のゼロに設定します。
対応するサイドバーのページタイトルの上にテキストボックスを配置し、サイズを変更します。
次に、サイドバーで次の変更を行います。
- オーバーフロー設定を非表示に設定します。
- 背景の不透明度を 0% に変更します。
- 左、右、および上部のパディングを 0% に減らし、行の高さを 0px に減らします。
- フォントサイズを使用可能な最小サイズに設定します。
これをレポートレベルにして、1 つのページを変更するだけで他のすべてのページに影響を与えることができるようにします。
これをコピーして次の見出しに貼り付け、ハイパーリンクが参照するページを変更するだけです。
重要な注意事項 - これを一度に行うと、ハイパーリンクが元のリンクに戻り続ける可能性があります。残念ながら、これは通常の動作であるため、数日間にわたって設定が維持されていることを確認してください。一度設定すると、将来元に戻すことはありません。

これで、ダッシュボードを強化するためにこの方法を拡張できるようになりました。サイドバーをダッシュボードに統合する主な目的は、その美的エッジと親しみやすさです。私の以前のブログでは、「UX の法則」と、ダッシュボードを構築する際にそれらを活用する方法についても言及した、Google データスタジオダッシュボードの例をさらに見つけることができます。これは、ヤコブの法則と美的ユーザビリティの法則の両方に同時に取り組んでいます。

2.メトリックサマリービジュアル

これは、一目でパフォーマンスを理解し、実用的な洞察に集中できるように、KPI メトリックを表示するための私たちのお気に入りの方法です。このトリックでは、メトリックコールアウトの色を変更することを利用しているため、パーセンテージまたは実際の変化のみを確認できます。

たとえば、特定のセッションを確認したいとします。上記のビューを作成するには、3 つの個別のコールアウトを作成する必要があります。これはあなたがそうする方法です：

生の数値とラベルを含めますが、比較ラベルは非表示にします。
この吹き出しをコピーして貼り付け、フォントの色を透明にします。期間の比較を有効にして、「前の期間」を選択します。
最後に、これをもう一度コピーしますが、前の期間から前の年に変更します。

これはシンプルだが強力なビジュアルハックであり、このコールアウトサマリーに追加するメトリックを増減するオプションがあります。ただし、1 ページあたりのコールアウト数は 50 に制限されているため、注意が必要です。

3.スピードの錯覚

以前に Google データスタジオを使用したことがある場合は、レポートの速度と読み込み時間に関する問題に遭遇した可能性があります。特に、フィルターの色がすばやく読み込まれるまでに時間がかかる場合があり、その結果、背景が透明になり、レポートの最初の数秒間はテキストが判読できなくなります。

Semetrical では、これらはレポートの上部に配置され、最初に表示されるため、読み込みに時間がかかると見栄えがよくありません。残念ながら、コンピューターと WiFi の速度に基づいてさまざまなユーザーに影響するため、これを防ぐためにできることはあまりありません.

したがって、フィルターに白い背景を与えることに加えて、その背後にフィルターサイズに一致する白い形状を配置することをお勧めします。これは単純に、図形の読み込みが速くなるためです。したがって、ユーザーがダッシュボードにアクセスすると、最初から文字が読みやすくなり、読み込み時間が速いという印象が生まれます。以下の GIF で、ダッシュボードページをスキャンした結果を確認できます。

概要

全体として、これらの 3 つのトリックは、通常の実装要件よりもトリッキーなため、標準テンプレートよりもダッシュボードに独自の優位性を与えることができます。まもなく GA4 がユニバーサルアナリティクスに取って代わります。GA4 レポート用のダッシュボードもアップグレードする絶好の機会です。評判の良い分析機関からの追加サポートが必要な場合は、今すぐご連絡ください。