ユーザー行動を追体験できる
UI改善・UXデザインに必要な機能を搭載
mouseflow

改善に必要なのは、一人ひとりのユーザーが思う通りのアクションをとってくれなかったその「理由」です。このためには特定のユーザーのWebアクセスを「追体験」することが有効です。

mouseflowのレコーディング機能は、特定のユーザーのWebアクセスの「追体験」を可能とします。たとえば、申込みに至らなかったユーザーだけを抽出し、実際のWebアクセスの状況を録画データとして観ることができるのです。

• CVに至ったユーザーの動き
• フォームには入力を行ったがCVに至らなかった（CV未遂）ユーザーの動き
• CVに至ったユーザーの購入後の動き
• 広告から訪れたユーザーの動き

などを追体験することで、ユーザーが何を感じて行動を起こしたのかが、手に取るようにわかってきます。

ユーザーの録画記録を見ると、予想と違う行動があることにきっと気がつくでしょう。たとえば、文字を読むには早すぎるページの移動。あるいは特定の箇所での長すぎる滞在。いったんページの最後まで移動してから、また戻ったりしているようなこともあるでしょう。

これらの行動には、そのユーザーの心理状態が表れています。たとえば、早すぎる移動や戻ったりしているのは、そのユーザーが「何か」を探していたのかもしれません。また、特定の箇所で時間を掛けているのは、ユーザーにとって重要な情報や意外な情報があったためかもしれません。

Webサイト導線の基本は、ユーザーにとって「必要なものを目に見える位置に」そして「不要なものは見せない」ことです。ユーザーのWebアクセスを「追体験」することによって、こうしたWebサイトの導線をユーザー目線で改善することができるのです。これがmouseflowが考える、ユーザーの目を借りたUI/UXの改善です。

mouseflowではAIが自動でそれぞれのユーザーが感じているストレスに点数を付けています。フリクションスコアというものです。ユーザーが感じている以下の様なストレスを自動で検知し、レコーディングで内容を確認することができます。

• click-rage（クリックレージ）
  …非クリック要素で、ユーザーがクリックを連発している箇所
• click-errow（クリックエラー）
  …クリック要素だがリンク要素やjavascriptiが動いていない
• bounce（バウンス）
  …直帰したユーザー。遷移した後すぐ元のページに戻ったユーザー
• mobility（モビリティ）
  …モバイルでズームや、縦横を切り替えて閲覧したケース
• mouse-out（マウスアウト）
  …マウスが画面から消えている。アクティブに閲覧されていない
• speed-browsing（スピードブラウジング）
  …非常に早いスピードでページがスクロールされている
• submit-failure（送信失敗）
  …フォームの送信が技術的に失敗

これらのレコーディングを確認することで、ユーザーのストレス体験を追体験することができます。

フォーム入力時にユーザーが感じるストレスを赤いアラートで示してくれます。

• 離脱が多い箇所
• 入力に時間がかかり過ぎている項目

これらはフォーム上において、何らかの問題が発生している可能性が高いです。具体的な使い方は以下の記事をご参照ください。

特集：mouseflowを使ったEFOのやり方

mouseflowには主に4種類のヒートマップがあります。

• クリックヒートマップ
• ムーブメントヒートマップ
• スクロールヒートマップ
• アテンションヒートマップ

この中で特に「ムーブメントヒートマップ」「アテンションヒートマップ」を活用すると、ユーザーにとって関心のないコンテンツが何かわかります。UX/UI改善の基本は「不要なものを取り除く」ことです。ヒートマップでビジュアライズされたサイトコンテンツを確認すると、何を残すべきで、何を削除すべきかが明らかになります。

※音声をオンにしてご視聴頂けると解説をお聞き頂けます。

動画はレコーディングメニューで[click-rage]タグのあるユーザーを表示したものです。クリックレージはリンク要素でないのに、ユーザーがクリックやタップを連打した時にタグ付けされます。

もっと情報が欲しい時や、リンク要素だとユーザーが誤解した時にこのタグが付くことが多いです。クリックレージが発生した時は、ページ内にユーザーの欲しているコンテンツを追加することが基本対策となります。