web-dev-qa-db-fra.com

Combien de défilement est trop de défilement?

De nos jours, il semble que nos utilisateurs soient habitués au défilement. Bien sûr, il est bon d'avoir vos points principaux "au-dessus du pli", ou en d'autres termes, au-dessus du point dans la fenêtre du navigateur que les utilisateurs peuvent voir immédiatement sans avoir à utiliser la barre de défilement pour accéder au contenu qui apparaît plus bas à l'écran.

J'ai vu des sites Web qui finissent par faire des choses comme ça.

enter image description here

Mais, lors de l'évaluation de cela, cela semble idiot. Dans cette conception, il aurait été plus logique de simplement laisser les carreaux de navigation en haut et tous les liens "Haut de page".

Cette conception spécifique pose la question ...

Y a-t-il des recherches qui ont donné un indice sur une plage acceptable à laquelle un parchemin est totalement viable? Je pourrais comprendre si les descriptions de VR étaient plus grandes, alors peut-être que cela justifierait une navigation latérale comme celle-ci, mais combien plus grande?

4
eeklipzz

Chartbeat, un fournisseur d'analyse de données, a analysé les données de 2 milliards de visites et a constaté que "66% de l'attention sur une page multimédia normale est dépensée en dessous du pli".

Le fournisseur de services Heatmap ClickTale a analysé près de 100 000 pages vues. Résultat: les utilisateurs ont utilisé la barre de défilement sur 76% des pages, 22% étant défilées jusqu'en bas, quelle que soit la longueur de la page. Cela dit, il est clair que le haut de la page reste votre domaine d'écran le plus précieux.

Les études d'eye-tracking de l'expert en utilisation Jakob Nielsen montrent que même si l'attention se concentre au-dessus du pli, les gens défilent vers le bas, surtout si la page est conçue pour encourager le défilement.

3
Luis

Au lieu d'avoir plusieurs liens vers le haut (un par produit), je préfère personnellement n'en utiliser qu'un Retour à haut , qu'il s'agisse de texte, d'une flèche ou des deux, et codez-le pour qu'il apparaisse au fur et à mesure. Il est toujours dans un emplacement fixe, généralement dans le coin inférieur droit de l'écran. Puis, quand ils cliquent dessus, avec jQuery, il revient en douceur vers le haut. Cela permet à l'utilisateur de faire défiler vers le bas autant qu'il le souhaite en lui donnant toujours la possibilité de revenir en haut sans gaspiller de précieux biens immobiliers dans votre contenu.

Voici quelques exemples:


enter image description here

http://codepen.io/yying6/pen/yGhH


enter image description here

http://webdesignerwall.com/demo/scroll-to-top/scrolltotop.html

5
Code Maverick