Google Data Studio：ダッシュボードのヒント

公開: 2021-11-24

アナリストとオーディエンスの間で「翻訳者」の重要な役割を果たすデータの視覚化について考えたいと思います。生データをグラフ、チャート、表に変換すると、理解が容易になり、傾向を特定し、意味のある洞察を強調するのに役立ちます。データを理解し、それを使用して明確で実用的な洞察を提供し、データに基づく意思決定を採用する場合は、データを明確でわかりやすい方法で表示できることが重要です。ただし、単にグラフや表を作成することは、このプロセスの始まりにすぎません。データビジュアルを視聴者の共感を呼ぶには、魅力的である必要があります。これが、GoogleDataStudioを使用する理由です。

GoogleDataStudioの概要

Google Data Studioは、さまざまなソースからのデータを視覚化し、高度なカスタマイズを可能にする無料のツールです。これを、ダッシュボードの共有が簡単で、作成が直感的で、使いやすいという事実と組み合わせると、内部と外部の両方でデータを表示するための私たちのお気に入りのツールの1つです。

ユーザーフレンドリーなデータスタジオレポートを作成するためのベストプラクティス

ここでは、UXの特定の法則を適用する方法に焦点を当てて、GoogleDataStudioで非常に効果的で視覚的に魅力的なウェブサイト分析ダッシュボードを作成するのに役立つヒントとコツの概要を説明します。ダッシュボードの効果を最大化するため。ベストプラクティスは次のとおりです。

一貫したルックアンドフィールの作成
目を引くビジュアルの構築
データの邪魔になる可能性のある「混乱」を根絶する
レポートをかなり簡潔でクリーンに保つ
他のソフトウェアのダッシュボードビューからインスピレーションを得て、ユーザーに親近感を与える
ダッシュボードをクライアント向けにオーダーメイドにする

UXの法則とは何ですか？

簡単に言うと、UXの法則は、心理学の主要な原則に基づいてユーザーインターフェイスを設計するためのベストプラクティスの集まりです。特に、ダッシュボードの設計に関して最も適切なものをいくつか取り上げ、それらが何を意味するのかを概説し、次にそれらにどのように対処するかを説明します。

1.美的-使いやすさの効果

「ユーザーは、見た目に美しいデザインを、より使いやすいデザインとして認識することがよくあります。」

これは非常に明白なステートメントのように思えますが、これはどのようにデータスタジオに変換されますか、どのように美的に楽しいものを作成しますか？

一貫性– 経験を通して、一貫性はダッシュボードが専門的に出会うことを確実にするための最も強力な方法の1つであることがわかりました。これを実現するための最良の方法の1つは、ダッシュボードを作成するときにグリッド線を利用してルールを作成することです。以下の例では、フィーチャ間の距離を4マスに保ち、サイドナビゲーションバーのテキストが等間隔で、後続のページ全体で一貫していることを確認します。

目立つ–ビジュアルを人目を引くようにすることが重要です。そのための1つの方法は、背景をわずかにオフホワイトまたはグレーにし、白い図形を追加して、その上にビジュアライゼーションとテキストを配置することです。これらの形状に境界線の影を追加すると、視覚化が向上し、角を丸くすることで、より親しみやすくなります。
ミニマリズム–表示しようとしている洞察の邪魔になる雑然としたものを取り除くようにしてください。たとえば、グラフや表からグリッド線を削除すると、ダッシュボードをよりクリーンでモダンに見せることができます。さらに、データポイントにカーソルを合わせて値を観察したり、データラベルを追加したりできるため、DataStudio内ではあまり目的を果たしません。

2.ヒックの法則：

「決定にかかる時間は、選択肢の数と複雑さとともに増加します。」

簡潔–この場合、少ないほど多く、意図した場所にフォーカスを向けることができます。オプションのメトリック機能を利用すると便利です。これにより、ユーザーは、表示しているテーブルまたはグラフに表示するメトリックを選択できます。これを確実に認識して使用できるように、「チャートヘッダー」を常に表示するように設定し、レポートのブランドに一致する透明な形状をその上に配置して強調表示します。

3.ヤコブの法則：

「ユーザーはほとんどの時間を他のサイトに費やしています。 これは、ユーザーがあなたのサイトがすでに知っている他のすべてのサイトと同じように機能することを好むことを意味します。」

親しみやすさ–人々が期待するダッシュボードの一般的な機能を特定するために、使用するソフトウェア全体のダッシュボードの例と、Google画像検索による他のダッシュボードの例を調べました。大まかに言えば、これらの機能には、ナビゲーションサイドバー、目立つビジュアル、動的フィルター、一貫したデザインなどが含まれます。
オーダーメイド–高価なスーツは通常、オーダーメイドでオーダーメードです。これは、クライアントダッシュボードに適用したいのと同じロジックであり、ニーズと要件に完全に適合していることを確認します。これを行う方法の例を次に示します。
- クライアントのロゴ–可能な場合、ロゴ画像の背景は透明であるか、ダッシュボードのデザインに溶け込むことができる背景色を持っています。これにより、はっきりと貼り付けられたブロック状の画像のように見えることを回避し、ダッシュボードに微妙にパーソナライズを追加するのに役立ちます。
- クライアントの配色–クライアントがダッシュボードに表示したい特定のカラーコードを尋ねたいと思います。これらが利用できない場合は、カラーピッカーの形式でブラウザアドオンを使用して、Webサイトから直接カラーコードを抽出すると便利です。これらの色は、線グラフやその他の色のアクセントに適用できます。
- より広いコンテキスト–グラフに小さな説明を追加すると、データを見ている人が誰でも簡単にデータを理解できるようになります。ターゲットオーディエンスとそれが彼らの視点からどのように出くわすかを常に考えることは有用です。結局のところ、ダッシュボードが理解しやすいほど、使用される可能性が高くなります。

ダッシュボード内の左側に、コンテンツの概要を明確に示し、追加の余地があるナビゲーションバーを作成することを選択しました。これをこのブログ全体の他の推奨事項と組み合わせて、次のようなダッシュボードを作成しました。

結論

ダッシュボードを目立たせるさまざまな方法を検討し、基本的な心理的原則に基づいてこれらの決定をサポートしました。ダッシュボードを他のダッシュボードから際立たせるための鍵は、細部にあります。一貫性があり、親しみやすく、理解しやすいことです。このブログで概説されているヒントに従って、GoogleDataStudioダッシュボードに必要な変更を加えて優れたものから優れたものに変えることができるはずです。

あなたのグーグルアナリティクスで助けが必要ですか？アナリティクスヘルスチェックと高度なアナリティクスコンサルティングサービスの詳細をご覧ください。