ヒートマップの一歩先へ！視線の順番をゲイズプロットで確認しサイト改善に活かす

見た目がわかりやすいヒートマップなどのツールが一般的になってきましたが、ヒートマップの一種にゲイズプロットというものがあるのをご存知でしょうか。 ユーザー1人1人の視線の動きを追い、その順序と見ている時間を表示させることができます。 これによりヒートマップだけではわからない「ユーザー心理」が推測しやすくなります。 ドイツポスト（Deutsche Post）のリニューアル前後のゲイズプロットを見てみましょう。

リニューアル前

http://www.skuare.net/article/wp-content/uploads/2015/09/gezeplot1.jpg コピーから入り、中央カラムを見て左右に視線が転じているのが見てとれます。 円の大きい部分はそこにとどまっていた時間が長かったことを示していますので、中央は流し読み程度で全体的に迷いつつ目的の要素に遷移したことが伺えます。

リニューアル後

http://www.skuare.net/article/wp-content/uploads/2015/09/gezeplot2.jpg ロゴから、メインビジュアル、タブそして、左のメニューへと遷移していきます。 要素を絞ったことで、視線が散漫することがなくなりました。 ユーザーが目的のコンテンツを見つけやすくなった可能性が高いです。 これが通常のヒートマップだけだと下記のようになります。 http://www.skuare.net/article/wp-content/uploads/2015/09/gezeplot3.jpg ヒートマップだけでは、リニューアルの方針やリニューアル後の検証が少し変わっていたかもしれません。 一つのツールを見るだけでなく、組み合わせて効果検証を行っていきたいものですね。

ゲイズプロットを試せるWEBサービス

さて、このゲイズプロットですが、簡単に試せるツールがあります。 続きは下記。 http://www.skuare.net/article/2015/09/25/howto-gezeplot/