web-dev-qa-db-fra.com

Mobile - existe-t-il des cartes thermiques qui montrent où l'utilisateur regarde sur un appareil mobile (comme F Pattern)?

La navigation sur le site Internet suit généralement un "modèle F" - l'utilisateur recherche les liens sur le côté gauche et lit les gros titres. Ce comportement peut être exprimé sous la forme d'une carte thermique où la couleur rouge indique où les yeux de l'utilisateur reposent le plus. En règle générale, tous les contrôles du navigateur et du site Web sont centrés dans le coin supérieur gauche.

enter image description here

je suis intéressé s'il existe des heatmaps similaires pour l'interaction avec les appareils mobiles? (en particulier les iPhones avec des écrans plus grands, où l'utilisateur ne peut physiquement pas atteindre le haut de l'écran d'une main).

Existe-t-il des cartes thermiques montrant comment les utilisateurs interagissent avec les applications iPhone les plus courantes, comme les messages, le courrier, le calendrier, etc.?

enter image description here

2
Alex Stone

Si vous entendez des applications à utiliser dans votre développement, oui, il existe de nombreux outils commerciaux et assez bons comme AppSee, Heatmaps.io et ainsi de suite. Je ne sais pas et je doute qu'il y ait autre chose que des essais gratuits pour ces applications commerciales.

Si vous parlez de recherche, il y en a beaucoup sur le Web. La recherche UX mobile ancienne et classique par Mozilla est toujours un bon point de départ enter image description here.

Maintenant, sur la base de mon expérience et de mes tests, il n'y a pas de modèle F dans le mobile, et c'est parce que l'espace est vraiment limité et le placement des éléments déterminera la carte thermique à première vue.

En général, et encore une fois, SUR LA BASE DE MA PROPRE RECHERCHE, il y a une tendance à numériser le haut puis le centre si vous utilisez un design plat avec des éléments très simples, mais si vous utilisez des images avec des personnes, la position de la tête/du visage du personnage principal sera dessinez le premier contact visuel. Pour nous, cela a été (est) très utile pour placer des CTA, car la plupart de mon travail concerne les ventes et le CTR, mais cela vous aidera peut-être, alors voilà.

Enfin, gardez à l'esprit que vous devrez déterminer si vous créez une application mobile ou si vous créez une page Web réactive, car les approches varient énormément (évidemment, vous n'aurez pas de limitations dans une application mobile et vous '' ll aura quelques limites dans une page Web, et vous devrez considérer les heatmaps pour toutes les tailles d'appareils)

2
Devin