web-dev-qa-db-fra.com

Après l'interaction tactile, à quel endroit l'œil de l'utilisateur se rend-il le plus probablement?

Disons que j'ai une liste de cours sur un appareil mobile (carré noir), et qu'un utilisateur effectue une interaction tactile sur ledit cours (cercle rouge), lequel des emplacements suivants est-ce que leur oeil irait probablement?

Je vais faire apparaître 2 boutons après l'interaction tactile, "Afficher plus de détails" et "ajouter au panier", et j'essaie de déterminer quel serait le meilleur endroit pour le mettre " ajouter au panier "pour lui donner le attention.

enter image description here

7
Feng Huo

Afin de répondre à cette question, vous devez effectuer des études de suivi oculaire. Cependant, Google a déjà en quelque sorte une réponse en décrivant une `` transition significative '' dans ses directives de conception, en particulier le `` timing hiérarchique '' (voir le lien ci-dessous).

http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-hierarchical-timing

Ils montrent une vidéo (celle intitulée "Do") dans laquelle ils montrent une animation pour guider l'utilisateur vers un certain emplacement. Ainsi, la mise en page s'accumule de gauche à droite.

Donc, fondamentalement, en plus de deviner ou de rechercher cela, vous pouvez également les aider à se concentrer sur votre bouton, puisque vous avez dit que vous montrez les boutons après avoir appuyé sur, vous pouvez essayer de les faire apparaître dans l'ordre.

7
dirk

Cela n'a pas beaucoup d'importance (parce que vous animez).

Il est peut-être important de mentionner que lorsque vous utilisez l'animation pour les boutons, la cognition visuelle veut que l'effet de leur position soit minime.

Cela est dû au fait que le mouvement (animation) est le moyen le plus efficace d'attirer l'attention des gens - il est très difficile pour le cerveau d'ignorer. Vous pouvez en savoir plus à ce sujet dans cette réponse UX.SE .

Combiné avec l'excellente idée de dirk (montrant d'abord les plus de détails puis les ajout au panier un), je pense que ce sera fait.

Attention au pouce

Cependant, considérez que le pouce peut couvrir des parties de l'écran, donc peut-être que le haut est meilleur que le bas.

4
Izhaki