web-dev-qa-db-ja.com

モバイル-ユーザーがモバイルデバイス(Fパターンなど)のどこを見ているかを示すヒートマップはありますか?

通常、インターネットサイトのナビゲーションは「Fパターン」に従います。ユーザーは左側をスキャンしてリンクを探し、主要な見出しを読みます。この動作は、赤色がユーザーの目が最も休んでいる場所を示すヒートマップとして表すことができます。通常、すべてのブラウザおよびWebサイトコントロールは左上隅の中央に配置されます。

enter image description here

モバイルデバイスとの対話に同様のヒートマップが存在するかどうかに興味がありますか?(特に、ユーザーが片手で画面の上部に物理的に到達できない、より大きな画面のiPhone)。

メッセージ、メール、カレンダーなど、ユーザーが最も一般的なiPhoneアプリとどのようにやり取りするかを示すヒートマップはありますか?

enter image description here

2
Alex Stone

開発で使用するアプリを意味している場合、はい、AppSee、Heatmaps.ioなどの商用でかなり優れたツールがたくさんあります。私にはわかりませんし、これらの商用アプリには無料の試用版以外に無料のものがあるのではないかと思います。

研究という意味では、ウェブにはたくさんのものが散在しています。 Mozillaによる古くて古典的なモバイルUXの研究は、常に開始するのに適しています enter image description here

さて、私の特定の経験とテストに基づいて、モバイルにはFパターンなどはありません。それは、スペースが本当に限られていて、要素の配置によってヒートマップが一目で決まるためです。

一般的に、また自分の研究に基づいて、非常に単純な要素を持つフラットなデザインを使用する場合、上をスキャンしてから中央に配置する傾向がありますが、人と一緒に写真を使用する場合、メインキャラクターの頭/顔の位置は最初のアイコンタクトを描きます。私たちにとって、これはCTAを配置するのに非常に役立ちました。私の仕事のほとんどは販売とCTRに関するものですが、多分それはあなたを助けるので、そこに行きます。

最後に、モバイルアプリを構築するのか、レスポンシブWebページを構築するのかを検討する必要があることを覚えておいてください。アプローチは大きく異なるためです(明らかに、モバイルアプリには制限がなく、 Webページにいくつかの制限があり、すべてのデバイスサイズのヒートマップを考慮する必要があります)

2
Devin