この図を見なければ、データ分析を理解しているとは言えませんよね？

データ分析でよく使われるチャートといえば、ヒートマップが一般的です。特にインタラクティブデザインが重要視される昨今、ヒートマップは欠かせない存在となっています。では、ヒートマップにはどのような種類があるのでしょうか。その背後にある原理は何ですか?プロダクトマネージャーはヒートマップをどのように活用すべきでしょうか?

1. ヒートマップが多数ある場合、プロダクトマネージャーはどのように選択すればよいでしょうか?

ヒート マップ (ヒート マップとも呼ばれます) は、ユーザーのページ クリック位置またはユーザーのページ位置を特別に強調表示された形式で表示するグラフィックです。ヒートマップを使用すると、ユーザーの全体的なアクセスとクリックの好みを視覚的に観察できます。

1. 3つの異なるヒートマップとその原理

現在、一般的なヒートマップの種類は、マウスのクリック位置に基づくヒートマップ、マウスの移動軌跡に基づくヒートマップ、コンテンツのクリックに基づくヒートマップの 3 つです。3 種類のヒートマップは、原理、外観、適用可能なシナリオが異なります。

• Baidu Statistics のページ クリック マップなど、マウスのクリック位置に基づくヒートマップ (左) は、画面解像度でユーザーのクリック位置を記録します。ただし、マウスのクリック位置に基づくヒート マップはコンテンツの変更を追跡せず、相対時間内でのマウス クリックの絶対位置のみを記録します。
• マウスの移動軌跡に基づくヒートマップ（中央）。海外のMoseStats、Mouseflowなどでは、ユーザーのマウスの移動、滞在などの動作を記録します。ヒートマップは、ほとんどが軌跡の形をしています。同様に、マウスの動きに基づくヒートマップはコンテンツの変化を追跡せず、相対時間内でのマウスの動きの絶対位置のみを記録します。
• GrwoingIO ヒートマップなどのコンテンツ クリック ベースのヒートマップ (右) は、Web ページ コンテンツに対するユーザーのクリックを記録し、空白ページ (コンテンツやリンクがないページ) に対する無効なクリックを自動的に除外します。コンテンツ クリックに基づくヒート マップは、コンテンツの変更を追跡し、相対的な期間内のユーザーのコンテンツに対するクリック設定を記録します。

2. 製品の最適化とヒートマップの選択

ヒート マップは、ユーザーのマウス クリック、移動、およびページ位置での滞在設定を反映します。Web マスター、製品マネージャー、デザイナーなどは、ヒート マップを使用して、ユーザーのアクセス設定をある程度理解できます。

しかし、製品マネージャーが製品設計の最適化を開始すると、最初の 2 種類の位置ベースのヒートマップが混乱を引き起こすことがよくあります。1 つ目は、密集したヒートマップは効果が弱まり、正確な情報を十分に表現できず、重要なポイントを把握しにくくなることです。2 つ目は、ヒートマップの強調表示された色は知覚情報を伝達し、特定の値を区別することが容易ではないことです。3 つ目は、相対時間内では、ヒートマップは絶対位置でのマウスクリックのみを記録し、コンテンツの変更を追跡できないことです。

多くの場合、製品マネージャーや運用スタッフは、さまざまなコンテンツ (各記事、各製品、各画像など) に対するユーザーのクリック設定に関心があり、それによって初めてターゲットを絞った最適化が可能になります。 GrwoingIO ヒートマップなどのコンテンツ クリックに基づくヒートマップは、さまざまなコンテンツに対するユーザーのクリックを収集し、空白ページ (コンテンツとリンクがないページ) に対する無効なクリックを除外します。さらに、ヒートマップはページ コンテンツの変更を追跡し、多くの商用 Web サイトでの頻繁なコンテンツ更新のニーズに適応できます。

2. ヒートマップから製品最適化のポイントを発見する

どのツールも、作業効率の向上を目的とすべきです。データ視覚化の重要なツールとして、ヒートマップは、製品マネージャーがユーザーの行動パターンを迅速に発見し、製品を迅速に最適化して反復するのに役立ちます。ヒートマップは、ポイントを埋め込むことなくリアルタイムで完全なデータ収集に基づいて、さまざまなコンテンツに対するユーザーのクリックの好みを明確に示し、製品の最適化をガイドします。

1. それはユーザーによる「誤クリック」なのか、それとも不合理な設計なのか?

あるSaaS製品は、公式サイトでコア機能を詳しく紹介しており、ホームページに4つの機能カテゴリを設けています。訪問したユーザーの多くは、機能紹介をクリックできると思い、クリックし続けても全く反応がないことに気付きました。実は、この4つの機能紹介にはリンクが設定されていませんでした。当初、同社はユーザーによる「誤クリック」だと考えていたが、詳細データを確認したところ、平日は毎日1K～2K人のユーザーがこの機能をクリックしていたことが判明した。

このようなデザインは、ユーザー エクスペリエンスにとって非常に不親切です。ユーザーのクリックを無駄にするだけでなく、目に見えない形でユーザーのアクセス深度を低下させます。製品マネージャーは、ユーザーの好奇心やニーズを満たし、ユーザーのアクセスの深さを高めるために、この場所に機能の詳細へのリンクを追加することができます。

2. 1 インチも無駄にしない Web ページのコンテンツを最適化するにはどうすればよいでしょうか?

大量のトラフィックがあるウェブサイト（電子商取引ウェブサイト、ニュースや情報のウェブサイト、ポータルサイトなど）の場合、ウェブページ上の小さな領域は、クリック数と営業収益の増大も意味します。ヒートマップを使用すると、製品マネージャーはユーザーのクリックの好みをすばやく理解し、訪問数やクリック数に基づいてコンテンツをすばやく最適化できます。

3. 同じ構造の Web ページを 1 つずつ分析する必要がありますか?

今日のウェブサイトには、eコマースの商品ページ、メディア情報の記事ページ、SaaS商品の背景など、同じ構造のページが多数存在します。電子商取引サイトの商品ページを例に挙げると、商品詳細ページの商品情報は異なりますが、商品写真、在庫状況、価格、商品仕様、ユーザーレビュー、カートに追加などのコンテンツが同様の場所にあります。

パス設定により、ページ全体のヒートマップ効果を確認でき、製品マネージャーは同じ構造を持つ多数のページを迅速に分析して最適化できます。

「リーンスタートアップ」には、検証学習による迅速な製品反復を強調する、Minimum Viable Product (MVP) という非常に人気のある概念があります。ヒートマップは、問題を特定し、仮説を提案し、最終的な解決策が見つかるまで仮説を迅速に検証または覆すのに役立つ非常に優れたツールです。

厚さ 3 フィートの氷は一夜にして形成されるものではありません。アイデア、製品、データの継続的な反復において、ヒート マップは製品マネージャーにとって不可欠なツールとなるはずです。