web-dev-qa-db-fra.com

Le défilement des sections de Page est-il bon pour l'UX?

Un designer insiste pour utiliser cet effet sur un site Web comme celui-ci

http://alvarotrigo.com/fullPage/examples/normalScroll.htmlhttp://www.thepetedesign.com/demos/onepage_scroll_demo.html

Vous devez avoir vu ce type d'interaction sur certains autres sites Web.

Dans l'écran mobile, il n'est sûrement pas utilisable car nous ne pouvons pas afficher le contenu d'une seule section en plein écran sur mobile, car ce contenu serait trop pour un petit écran car l'appareil mobile a une petite hauteur que le bureau pour afficher le contenu. Par exemple, si la hauteur de la fenêtre d'affichage de l'appareil mobile est de 420 pixels et que nous avons du contenu qui ne tient pas dans la hauteur de 420 pixels, tout le contenu de la section ne sera pas visible.

Avant de l'utiliser, je voulais demander aux experts UX ici quels sont les avantages et les inconvénients de ce type d'interaction.

3
Jitendra Vyas

Le mode de défilement et la navigation dépendent en grande partie de l'architecture de l'information et de la stratégie de contenu de votre site Web. Le modèle d'interface utilisateur de défilement de page a été largement utilisé pour présenter les fonctionnalités d'un produit et je pense qu'il a été mal utilisé de cette manière. Dans la plupart des cas, les fonctionnalités ne sont pas des pairs mais sont liées/dépendantes les unes des autres.

Il semble que le défilement des sections de page sur le Web ait évolué à partir de l'interface utilisateur de contrôle de page dans iOS.

Le HIG iOS suggère que le contrôle de page est conçu pour les applications dans lesquelles chaque vue est un homologue de toutes les autres vues et qu'il devrait [~ # ~] pas [~ # ~] être utilisé pour afficher les vues dans une hiérarchie ou autre arrangement complexe.

Contrairement à cela, c'est une mauvaise UX lorsque le défilement des sections de page est utilisé pour la navigation principale dans laquelle il y a une hiérarchie/relation entre les pages. Il oblige les utilisateurs à passer d'une page à l'autre si les informations ont une disposition hiérarchique. Dans votre deuxième exemple, les points de contrôle de page sont utilisés comme indicateurs de navigation. Un article récent sur NN/g a expliqué que ces points sont généralement négligés par les utilisateurs et ne doivent jamais être utilisés pour des fonctionnalités clés.

Il existe un croisement des modèles d'interface utilisateur du mobile au Web et certains d'entre eux deviennent des anti-modèles. ( comme utiliser l'icône hamburger comme navigation principale sur les sites de burea ). Le motif de défilement des pages a également traversé de manière peu souhaitable.

4
Adit Gupta

Comme d'autres utilisateurs l'ont souligné, dans la plupart des cas, ce comportement ne convient pas au contenu Web.

Alors, quand utiliseriez-vous ce style de navigation?

  • Lorsque vous avez un contenu limité qui doit être affiché séquentiellement et
  • Vous avez affaire à un écran de visualisation fixe (ou facilement contrôlé) dimensions et
  • L'utilisateur n'utiliserait pas le défilement de la souris comme contrôles de navigation principaux

Exemples

  • Affichage des informations produit sur un écran de kiosque
    • Les écrans de kiosque sont tous de tailles similaires ou ont un rapport hauteur/largeur facilement contrôlé pour garantir que tout le contenu s'affiche correctement à l'écran
    • Les écrans de kiosque peuvent également servir de panneaux d'affichage numériques, dans lesquels vous souhaitez que les visuels en plein écran attirent les gens à l'écran
    • L'ordre séquentiel du contenu est utile pour raconter une histoire sur le produit
    • Il n'y a pas de défilement de la souris sur un écran tactile.
  • Remplacement de PowerPoint
    • Présentation des diapositives plein écran dans un ordre séquentiel
    • Le format de présentation limite naturellement la quantité de contenu par diapositive
    • L'utilisateur "pilote" la présentation, donc le contrôle de la pagination et non le défilement de la souris est important
0
nightning

Il y a un vieux principe UX sur le fait de laisser l'utilisateur sous contrôle. Le deuxième lien que vous avez publié, le lien de défilement d'une page, enlève le contrôle à l'utilisateur. En plus de cela, il détourne le comportement normal/attendu du navigateur.

Sans connaître les détails spécifiques de ce site et de ce cas d'utilisation, je ne peux pas dire que c'est bon ou mauvais, mais d'après ce que j'ai écrit ci-dessus, je dirais que c'est très suspect.

0
Thomas