第5回目は「インテリアショップECサイト」のヒートマップです。右カラムに展開されているランキングの見られ方についてです。ユーザーがどうクリックしたのかを分析してみましょう。この画像を見ると1位が一番クリックが集中しており、2位→3位と順位が低くなるにつれてクリックも減っている事がわかります。ユーザーはランキングで順位の高いものに対し興味、関心が高い事がわかります。.コミュニティ紹介画像ページ下部にあるこのショップのコミュニティを紹介している部分です。クリックはされており何の問題もないように思えますが、実は写真ごとのリンクではなくこれは一つの画像でありリンク先は一つです。クリックは写真ごとにされています。改善策ユーザーはこの写真を見て「この先にはこういうページがある」と思いクリックしています。それぞれリンク先は同じですが「お部屋投稿」にクリックが集まっているのはお部屋投稿を見たいユーザーが多いという事です。「詳しくはこちら」と表示がある部分には一切クリックがありません。それぞれ項目別のページは既に展開されているので画像ごとにリンク先を分けて展開するべきです。.デバイス別での見られ方比較このサイトでは特にデバイスごとにページが作られているわけではありませんがタブレットのアクセスも多いです。そこでPCとタブレットでの見られ方の違いについて見ていきましょう。・ファーストビューの比較(アテンションヒートマップ)ファーストビューの見られ方についてはPCは見られているのに対してタブレットはあまり見られておらず色が赤くなっていません。・ファーストビューの比較(クリックヒートマップ)クリックヒートマップでの比較です。こちらは画像右側にあるメニューがタブレットの場合のみタップされています。・スクロール到達率の比較PCの場合はページ最下部までのスクロール到達率は4%ですがタブレットの場合は18%とタブレットの方が圧倒的に高いです。前回も取り上げましたがタブレットとPCではサイトの見られ方が違います。タブレットのユーザーに関してはファーストビューもしっかり見ている事やページ最下部までのスクロール到達率を見ると関心度が高いように思われます。スクロール到達率に関してはタブレットの場合、スクロールがしやすいので飛ばし読みをされてしまいスクロール到達率が高くなるという可能性もあります。タブレットの需要が多くユーザーの動きがデバイス別に大きく異なるのであればタブレット用のサイトも作成した方が良いかもしれません。今回は以上です、いつもは5項目程度取り上げていますが、今回のサイト様においては設計や導線などが非常に良くできていたので取り上げる項目が少なくなってしまいました。今回はヒートマップによるWeb解析で離脱率を改善する簡単な手法を思いついたものを掻い摘んでご紹介します。第6回目は「美容系スクールサイト」のヒートマップです。サイトの改善にお役立てください。第7回目は「コーポレートサイト」のヒートマップです。サイトの改善にお役立てください。記事をもっと見るfrom。