Hotjar：UXと変換のヒント

公開: 2022-03-11

オンラインでもオフラインでも、企業はユーザーエクスペリエンスを最適化して、店舗のディスプレイ、リードジェネレーションフォーム、多段階の販売目標到達プロセスなど、より多くのコンバージョンを獲得したいと考えています。残念ながら、すべてのWebサイト訪問者にコンバージョンをもたらすことはできません。最終的に、企業とUXの専門家は、分析データに目を向け、1つの質問をする必要があります。それは、訪問者が顧客にならないのはなぜですか。

Google Analyticsは最も人気のある分析ソリューションですが、ページビュー、バウンス率、トラフィックソースなど、ユーザーの行動に関する定量的なデータでデザイナーを圧倒する可能性があります。豊富なデータを提供しますが、人々が彼らのように行動する理由の説明はありません。サイトで行います。カートの放棄率が高いなどの問題を見つけることは1つですが、その問題を解決する方法を見つけることは別のことです。その意味で、Google Analyticsには、UXデザイナーにとって重要なツールが1つありません。それは、実際のユーザーからのフィードバック収集です。

Hotjarの利点：ユーザーの行動を理解し、フィードバックを収集するための強力なツール

Hotjarを使用すると、企業はWebサイトで人々が何を見て何をしているのかを理解できると同時に、Hotjarを使用する方法と理由を理解するのに役立ちます。 Hotjarのおかげで、ユーザーの行動について推測する必要はありません。幅広い機能のおかげで、マーケターとUXデザイナーは、人々がWebサイトをどのように体験しているかを正確に把握できます。

ヒートマップ

ヒートマップは、ユーザーがクリックした場所、スクロールした距離、マウスを動かした場所を示すために、その上にウォームからクールの配色が重ねられたWebページのスクリーンショットです。天気予報と同じように、赤い領域は暑いまたは人目を引くのに対し、青い領域は寒いまたは見過ごされています。

ヒートマップはHotjarの最も人気のあるツールであり、任意のページと任意のデバイスで使用できます。ユーザーの行動は次のように要約されます。

地図をクリックして、訪問者が画面をクリックまたはタップした場所を示します
マップをスクロールして、ページをどれだけ下にスクロールするかを示します
マップを移動し、マウスパスを表示します

ヒートマップは、関連する視覚的な洞察を提供することにより、設計者がより優れたページレイアウトを作成して、ユーザーの注意を最も重要な部分に引き付け、より高いレートで変換するのに役立ちます。最も一般的な設計の改善の1つは、召喚状を強化したり、より高温の領域に移動してコンバージョンを促進したりすることです。

セッションレコーディング

ヒートマップは特定のページでのすべての訪問者の行動を1つのドキュメントにまとめますが、セッションの記録により、企業は個々の旅を体験し、人々がサイトをどのように操作するかを理解できます。彼らはどこに行きますか？彼らはいつ混乱したりイライラしたりしますか？なぜ彼らは回心しないのですか？

Hotjarの記録は、UXの研究者やデザイナーが数十の実際のユーザーエクスペリエンスを再生し、人々がページやコンテンツをどのように閲覧しているかを正確に確認できるため、ユーザビリティテストの優れた代替手段です。さらに、各セッションにはクリック可能なタイムラインがあり、主要なインタラクションが表示されます。

通常、行動パターンを特定し、何が機能していて何が機能していないかを発見するのに、ほんの数回の記録が必要です。たとえば、要素を繰り返しクリックまたはタップする複数の訪問者は、それが行動を促すフレーズのように見えるか（そうであるかどうかに関係なく）、リンク切れがあることを示唆しています。いずれにせよ、この摩擦点を修正して、全体的なエクスペリエンスをより効率的で楽しいものにすることができます。

レコーディングに関しては、UXデザイナーの専門知識を身に付けることをお勧めします。リプレイは確認に時間がかかるため、実際にセッションを視聴する前に明確な目標を定義することで、効率とメリットを最大化できます。たとえば、SaaS企業は無料トライアルサブスクリプションフォームを最適化することができますが、eコマースの所有者はチェックアウトプロセスに集中することができます。これらの目標を事前に定義することで、設計者は時間を無駄にすることなく、レコーディングの最も重要な部分に焦点を合わせることができます。

コンバージョンファネル

事業主は常により多くの顧客を転換することを目指しています。ニュースレターの新規購読を取得する場合でも、より多くの製品を販売する場合でも、目標は目標到達プロセスを通じて訪問者を顧客に変えることです。 eコマースプラットフォームでは、一般的な目標到達プロセスには少なくとも5つの異なる段階があります。ホームページ>製品ページ>カート>チェックアウト>確認ページです。

実際の目標到達プロセスと同様に、オンライン目標到達プロセスは最後に向かって狭くなります。つまり、最初よりも最後の方が顧客が少なくなります。しかし、ステージ間で何が起こっているのか、なぜ訪問者がどこに立ち寄るのかを判断するのは難しい場合があります。

Hotjarの目標到達プロセスレポートは高度な機能であり、企業は各ステップを通過した人の数とそうでない人の数を知ることができます。潜在的な顧客がいつどこでバウンスするかを理解することにより、設計者は目標到達プロセスと全体的なユーザーフローを最適化できます。

目に見えない必須のアクション（カートに追加する前にサイズを選択するなど）、誤って配置された召喚状、記入する長いフォームなど、すべてが目標到達プロセスに「穴」を作成するコンバージョンバリアの例です。これらの穴は通常、出口の多いページにあります。これらの穴が特定されると、UXデザイナーは設計を改善して穴を塞ぎ、目標到達プロセスの終わりに向けてより多くのトラフィックを送信し、可能性のあるコンバージョンの数を増やすことができます。

フォーム

コンバージョンファネルは、登録フォーム、チェックアウトフォーム、データ送信フォームのいずれであっても、フォームに入力して送信することで終了することがよくあります。フォームの放棄は一般的であり、UXの重要な問題として常に対処されるとは限りません。しかし、変換の準備ができているように見えるユーザーが突然フォームを放棄する理由を理解することは重要です。これは、一般的に、否定的な経験が彼らの意図を狂わせたためです。

Hotjarのフォームレポートでは、セッションカウント、平均インタラクション時間、コンバージョン率、ドロップオフカウント、空白のままになっているフィールドなど、さまざまな分析が強調表示されます。これらの洞察は、フィールドを最小限に抑える、明確なラベルと入力を提供するなどのベストプラクティスと相まって、顧客が最初に脱落する原因となったトリガーを取り除き、フォームの完了率を高めるのに役立ちます。

世論調査

人々の興味やなぜ彼らが彼らのように行動するのかについて間違った考えを得るのは簡単です。訪問者についての仮定は、すべてのビジネスオーナーとUXデザイナーの最悪の敵であり、マーケティングやデザインの間違いにつながることがよくあります。顧客から正直なフィードバックを得ることが、これらの間違いを回避するための最良の方法であるだけでなく、顧客がそこにたどり着いた方法、顧客が探しているもの、必要なもの、恐れているものを見つける最も直接的な方法でもあります。

Hotjarの投票は、ページの下部に表示される目立たないウィジェットであり、コンテキスト情報を取得するための質問を表示します。これらの質問は、特定のページで尋ねることができます。たとえば、人々が探しているコンテンツの種類を知るため、または訪問者がいつ立ち寄ろうとしているのかなどの行動に基づいて尋ねることができます。

投票は、顧客が販売目標到達プロセスの最後に「注文の確認」の召喚状に到達していない理由を理解しようとするeコマースビジネスにとって特に便利なツールです。次のような質問：私たちからこのアイテムを購入することについてのあなたの最大の恐れは何ですか？ または購入を容易にするために不足している情報は何ですか？ 安全な支払い、送料、納期、保証の詳細、返品ポリシーに関する情報の欠如など、関連するフィードバックを明らかにすることができます。

Hotjarは、「受信フィードバック」と呼ばれる、より遊び心のあるクイックフィードバックツールも提供します。この拡張可能なウィジェットを使用すると、絵文字を使用してページや特定の要素を評価したりコメントしたりできます。これは、対象ユーザーやブランドの深刻さによっては、投票の代わりになります。

調査

顧客については、顧客自身よりも誰も知りません。調査を設定することは、顧客がサイトにアクセスしたとき、またはサイトにアクセスした後に、顧客からより詳細な定性的フィードバックを収集するための優れた方法です。たとえば、eコマースサイトは、ユーザーがトランザクションを完了した、または完了していない主な理由を見つけるために、購入前と購入後の両方の調査に関心がある場合があります。

Hotjarを使用すると、サイト所有者は、電子メールで共有したり、リンクしたり、サイトのポップアップに表示したりできる、パーソナライズされた調査を作成できます。それらには、自由形式の質問、多肢選択式の質問、またはスケーリングされた質問を含めることができます。自由形式の質問は、ほとんどの場合、最も意味のある洞察を提供します。人々は自分の経験を自分の言葉で共有し、改善できることを表現できるからです。

使用する質問の種類に関係なく、顧客のニーズとドライブに焦点を当てる必要があります。また、コンテンツ（この記事は役に立ちましたか？ ）やコンバージョン（今日の購入をほぼ妨げたものは何ですか？）など、さまざまな懸念事項に焦点を当てることができます。何かが引き換えに提供されると、人々は調査を行う傾向が強くなるため、インセンティブについて考えることが不可欠です。

Hotjar入門

Hotjarのインストール

Hotjarは、基本的な機能と交通規制を備えた無料プランを提供しています。これは、顧客の行動とニーズの全体像を把握したい小さなWebサイトに最適です。大企業は、より多くのデータを収集し、投票と調査のインターフェースを完全にカスタマイズできるプレミアムプランに関心を持っている可能性があります。

Hotjarは、手動またはプラグインを介してインストールするトラッキングコードスニペットが1つしかないため、簡単にセットアップできます。 Hotjarは、公式プラグインを備えたWordPressや、Shopify、Magento、PrestaShopなどのeコマースプラットフォームを含む、何百ものプラットフォームと互換性があります。

Webサイトにサインアップして必要なコードスニペットを挿入すると、Hotjarを使用して、ヒートマップの生成、セッションの記録の開始、または投票や調査の作成を簡単に行うことができます。管理パネルはすっきりしていて、結果は視覚的に表示され、情報はシンプルでフィルタリング可能なテーブルにまとめられています。

GoogleAnalyticsとHotjarの組み合わせ

前述のように、Google Analyticsは定量的データのみに焦点を当てた複雑なツールですが、Hotjarは定量的および定性的な洞察を理解できる方法で提供します。

Hotjarは、人口統計やコンバージョンファネルレポートなどの定量的データに関しては、GoogleAnalyticsほど堅牢でも詳細でもありません。マーク・ザッカーバーグはかつてFacebookの成功の秘訣を次のように説明しました。

Google AnalyticsとHotjarをライバルと見なすのではなく（明らかにそうではありません）、それらを補完的なものと見なすのが最善です。両方のソリューションを使用すると、UXデザイナーとマーケターにより多くの洞察が得られます。

UX研究者とUXデザイナーとの協力

マーケターと分析の専門家は、企業が定量的データを理解するのを助けることができますが、フィードバックの収集と分析には心理学と共感が必要です。

HotjarのインターフェースはGoogleAnalyticsよりも単純ですが、ビジネスオーナーがUX研究者やUXデザイナーと協力してその洞察を解釈することは有用かもしれません。

ユーザーエクスペリエンスの専門家は、摩擦点を強調し、考えられる改善点を明らかにし、セッション記録レポートを作成し、投票や調査に関連する質問を考え、適切なコンテンツや設計変更を推奨し、A/Bテストを追跡できます。これらは、Hotjarの機能と利点の中でも、企業がカスタマージャーニーを改善し、成長を促進するのに役立ちます。これは、長期的な価値とROIをもたらす投資です。

•••

Toptal Designブログでさらに読む：

データ駆動型設計とジェネレーティブデザイン–概要
UXデータを使用していない場合、それはUXデザインではありません
人間行動のための設計：無形資産の定義
数字の強さ–データ駆動型設計の概要
ユーザーフローの強化–UX分析のガイド