閲覧者やユーザがWebサイト、Webアプリケーションをどう操作したのかを知りたいと思ったことはないでしょうか。使って欲しい機能がちゃんと認識されているのか、見て欲しい情報が見られているのか把握したいと思うことでしょう。 そんな目的で使えそうなのがMouseView.jsです。マウスの動きをトラッキングし、ヒートマップで表現します。

MouseView.jsの使い方

デモです。録画中は画像にぼかしが入っています。これは単に分かりやすくするためと思われます。

こんな感じに操作したようです。

画像以外の部分でもトラッキングされています。

MouseView.jsはWebサイトの調査などで行われるアイトラッキングのマウス版です。reCAPTCHAではマウスの動きだけで人か機械かを区別するらしいので、高度なアイトラッキングを用いなくとも、マウスの動きを可視化するだけで分かる情報は多そうです。

MouseView.jsはJavaScipt製のオープンソース・ソフトウェア(MIT License)です。

MouseView.js | MouseView.js u01ai11/MouseView.js: Attentional mouse tracking. Alternative to online eye tracking. Eye tracking without the eyes!