MicrosoftClarityを使用してユーザーをよりよく理解する
公開: 2022-03-11Microsoft Clarityを使用すると、ユーザーがWebサイトをどのように操作しているかを分析できます。 Google Analyticsを補完し、ヒートマップやセッションリプレイなどのツールを通じてユーザーの洞察を提供します。 Clarityのユニークな機能は何ですか、そしてそれらはどのようにあなたのウェブサイトのユーザーエクスペリエンスを改善することができますか？
最近、分析はたくさんあります。 あなたのウェブサイトに関する詳細なデータを収集するためのプログラムが必要な場合は、オプションの不足はありません。 ただし、多くの分析プログラムには急な学習曲線があり、設計上の決定に変換するのが難しいメトリックが得られます。
Microsoft Clarityは、ユーザーの操作を視覚的な洞察に変える行動分析ツールです。 Clarityは、さまざまなダッシュボード、ヒートマップ、およびセッションリプレイを提供して、サイトのどの部分が最も多く、最も少なくエンゲージメントを獲得しているかを明らかにします。 また、怒りのクリックやデッドクリックなどの機能があり、混乱やパフォーマンスの低下の原因となる問題を簡単に分析できます。
クラリティの最も強力な機能は何ですか？
Clarityを構築したチームのソフトウェア開発者として、デザイナーがユーザーをよりよく理解するのにどのように役立つかを直接見てきました。 Clarityの機能は堅牢であるだけでなく、複雑でなく、すっきりしています。 それはすべてClarityダッシュボードから始まります。
クラリティダッシュボード：高レベルの洞察と微妙なフィルター
Clarityのメインダッシュボードには、セッションメトリック、トラフィックソース、およびユーザーのフラストレーションを示すグラフが表示されます。 また、カーソルの動き、オペレーティングシステム、サイズ変更されたページなど、より微妙な基準に従って検索できる高度なフィルターも提供します。
さらに、Clarityには、無制限のカスタムタグを作成するオプションがあります。これは、レビューのために特定のセッションを見つける能力を加速するオーダーメイドのフィルターです。 カスタムタグは、次のことが必要な場合に特に便利です。
- フォームの送信や購入などのコンバージョンを特定する
- 特定のユーザーのヒートマップとセッション記録を検索する
- 特定のユーザーがいつログインし、どのタイプのページを表示しているかを追跡します
欲求不満の指標：ユーザビリティの問題を特定して排除する
チェックを外したままにすると、ユーザビリティの問題がWebサイトの放棄につながります。 幸い、Clarityのフラストレーション指標は、UXデザインの欠陥を示唆する相互作用を分離します。
- 怒りのクリック：ユーザーが同じ領域を数回すばやくクリックします。 怒りのクリックは、不十分なターゲットサイズまたは誤解を招くビジュアルデザインを示している可能性があります。
- デッドクリック：ユーザーが要素をクリックしましたが、何も起こりません。 デッドクリックは、リンク切れの結果である可能性があります。
- 過度のスクロール：ユーザーは、平均的なユーザーよりも頻繁にページを急いで上下にスクロールします。 過度のスクロールは、発見可能性が低いか、コンテンツが無関係であることを示している可能性があります。
- クイックバック：ユーザーがページにアクセスして、すぐに前のページに戻ります。 クイックバックは、誤解を招くアイコンやコンテンツの説明が原因である可能性があります。
セッションのリプレイ：ユーザーが実際にサイトをどのように体験しているかを確認する
「録画」タブでは、セッションのリプレイを見ることができます。 リプレイには、カーソルの動きとクリックの追跡に加えて、開始URLと終了URL、セッション期間、日付、デバイスなどの情報が含まれます。
Clarityには、「非アクティブをスキップ」チェックボックスも用意されています。これにより、ユーザーが何もしていないときに、長時間にわたってスキミングできます。これにより、複数のセッションを表示する際の時間を大幅に節約できます。
各動画の上にある[詳細]オプションは、ユーザーのアクションのタイムラインを示しています。 各アクションはクリック可能で、レコーディング内のその場所にリンクされています。
ヒートマップ：最も魅力的なコンテンツを視覚化する
ヒートマップは、集約されたセッションを視覚化し、ユーザーがページをどのように操作するかを理解するための簡単な方法です。 暖かい色は人気の高いエリアを示し、冷たい色は人気の低いエリアを示します。 Clarityで使用できるヒートマップには次の3つのタイプがあります。
- クリックヒートマップは、ユーザーがデスクトップページをクリックした場所を示します。
- タップヒートマップは、ユーザーがモバイルページとタブレットページをタップした場所を示します。
- スクロールヒートマップは、ユーザーがページをどれだけ下にスクロールしたかを示します。
クリックアンドタップヒートマップは、魅力的なコンテンツを特定し、設計の反復を比較するためのベースラインとして機能するのに役立ちます。 また、「再生」ボタンを含むイラストなど、ユーザーが誤ってインタラクティブだと思っている要素を明らかにすることもできます。
スクロールヒートマップを使用すると、ページのセクションにカーソルを合わせて、そのポイントに到達したユーザーの割合を表示できます。 スクロールヒートマップは、平均的な折り畳み、つまりユーザーがスクロールする前に表示するページ上部の領域も識別します。
注：ダッシュボードフィルターは、[記録]タブと[ヒートマップ]タブにも適用できます。
Clarityの設定を微調整する方法
Microsoft Clarityを使用すると、新しいプロジェクトの開始、データのマスク、特定のIPアドレスのブロックを簡単に行うことができます。 また、Google Analyticsと統合して、Webサイトの長所と短所のより詳細な画像を提供します。
クラリティセットアップ：一般的なサードパーティプラットフォームと互換性があります
Clarityにサインインすると、「プロジェクト」ページに移動します。 「新しいプロジェクトを追加」をクリックして、サイトの詳細を入力することから始めます。 クラリティの機能は、トラフィック量に関係なく、すべてのWebサイトで利用できることに注意してください。
プロジェクトを作成すると、「セットアップ」ページが表示され、Clarityトラッキングコードが提供されます。 コードをコピーしてページの<head>HTMLセクションに貼り付けるか、ClarityのWordPressプラグインまたはGoogleTagManagerテンプレートを介してインストールします。 Clarityは、複数のサードパーティプラットフォームのセットアップ手順も提供します。
マスキング：Webサイトのデータを保護する
ClarityがWebサイトの機密テキストをキャプチャするのを防ぐ3つのマスキングモードがあります。
- 厳密：すべてのテキストがマスクされます。
- バランス：機密テキストのみがマスクされます。 機密性の高いテキストには、入力フィールド、番号、および電子メールアドレスが含まれます。 （これはClarityのデフォルト設定です。）
- リラックス：テキストはマスクされません。
Clarityのマスキングモードに加えて、画像などの特定のコンテンツをマスキングすることもできます。
注：医療記録や財務情報などの機密データを含むサイトでClarityを使用することはお勧めできません。
IPブロッキング：特定の訪問者を追跡から除外します
IPブロッキングは、特定のIPアドレスがClarityによって記録されるのを防ぎます。 たとえば、チームメンバーからのサイト訪問をブロックしたい場合があります。 ブロックリストのアドレスからのトラフィックは、プロジェクトのダッシュボードに表示されません。
Google Analytics：ClarityRecordingsへのリンク
プラットフォーム間には類似点がありますが、Google AnalyticsとClarityは競合他社ではありませんが、互いに補完し合っています。 Google Analyticsは、トラフィックとeコマースのパフォーマンスを測定します。 Clarityは同様の指標を追跡しますが、ユーザーが実際にサイトをナビゲートして操作する方法を確認することもできます。
たとえば、Google Analyticsでパフォーマンスの低いページに気付いた場合は、Clarityを使用してユーザーセッションを監視し、ページのデザイン上の欠陥を特定できます。 実際、Clarityは、GoogleAnalyticsダッシュボードからセッションの再生にリンクする簡単な方法を提供します。
MicrosoftClarityは貴重なユーザーインサイトを生み出します
設計者は、ユーザーの調査、情報アーキテクチャ、プロトタイピング、およびテストに数え切れないほどの時間を費やしています。 行動分析は、どの設計の選択が機能し、どの設計の選択が機能しないかを明らかにするため、この継続的な発見と改良のプロセスに不可欠です。 直感的な機能とグラフィックのシンプルさにより、Microsoft Clarityは、設計者が複雑なユーザーの行動をデータに裏付けられた設計上の決定に変えるのを支援します。
Toptal Designブログでさらに読む：
- Hotjar：UXと変換のヒント
- 大衆向けのUXテスト：シンプルで費用対効果の高いものに保つ
- 誰が、何を、そしてなぜ–ユーザーテスト方法のガイド