web-dev-qa-db-fra.com

le balayage horizontal est-il assez intuitif sur mobile

Travailler sur une page de paiement mobile et je voudrais savoir si vous pensez que c'est suffisamment intuitif pour que l'utilisateur sache qu'il y a plus de produits sur le côté droit qui pourraient être atteints en faisant glisser en utilisant les 2 façons suivantes

-affichage de la moitié de l'élément suivant dans le panier partiellement fané en blanc

-une barre de défilement horizontale

ces deux éléments sont-ils vraiment nécessaires ou sont-ils suffisants pour que l'utilisateur les obtienne? si oui lequel?

enter image description here

3
Ameen Akbar

Question interessante.

Cela dépend de la maturité de vos utilisateurs.

barre de défilement est une bonne option pour donner à vos utilisateurs un indice sur la quantité de contenu qui reste à afficher. Par la taille de la poignée de défilement. Il n'est pas nécessaire de le montrer de manière persistante. Comme l'utilisateur est intéressé par le contenu. Cela peut apparaître lorsque l'utilisateur glisse de gauche à droite. Et affichez la barre de défilement pendant la durée de défilement. Et une fois que le contenu cesse de glisser, il s'éteint.

La partie blanche sur le côté droit est pas bon indicateur qu'il y a plus de contenu. Cette affodance est également utilisée pour montrer qu'il n'y a plus de contenu. N'oubliez pas la liste de contacts, quand aux extrémités de la liste, une couleur douce apparaît (avec animation élastique) indiquant qu'il n'y a plus d'éléments à afficher.

Une meilleure solution pourrait être d'avoir une flèche avec le patch blanc et de cacher la barre de défilement horizontale. Cela indiquera la zone de défilement à droite. enter image description here

Lorsque le défilement commence, la même flèche avec le patch blanc apparaît également à gauche. Indiquant le contenu est disponible sur les deux côtés.

enter image description here

Et pendant le défilement, vous pouvez afficher la barre de défilement horizontale qui enverra des indications sur la quantité de contenu restant. Et le défilement horizontal disparaît lorsque le défilement s'arrête.

enter image description here

4
pzv

Si j'étais un utilisateur et que j'avais cette disposition devant moi, j'essaierais de glisser en utilisant les images en premier, et si cela échouait, j'essaierais d'utiliser la barre de défilement pour faire défiler.

Je me considère cependant comme un utilisateur avancé de la technologie.

Les deux options permettront aux utilisateurs plus avancés ou à ceux qui utilisent des appareils tactiles d'utiliser principalement l'action de balayage, et la barre de défilement permettra à ceux qui migrent vers un appareil tactile de voir que vous pouvez faire défiler car il utilise un concept qu'ils connaissent bien.

Si votre public ne sera que des utilisateurs avancés, la barre de défilement peut ne pas être nécessaire. Si le public va s'étendre aux utilisateurs novices et aux personnes qui ne sont pas familières avec les actions de balayage, utilisez les deux.

1
gabe3886

Je pense que l'élément décoloré indiquera clairement "il y a plus de choses ici", et la façon dont vous accédez aux éléments partiellement hors de l'écran est, en standard, le glissement. La barre de défilement serait utile pour montrer combien d'éléments sont hors écran (un écran? Une douzaine?) Et où vous vous trouvez dans la liste horizontale, mais c'est clairement un besoin secondaire.

1
Daniel Griscom

Avoir à la fois la barre de défilement et faire glisser les images peut créer de la confusion car les directions de balayage seront différentes.

  • Faire glisser la barre de défilement vers de gauche à droite pour révéler les images à droite
  • Faites glisser les images de droite à gauche pour révéler les images vers la droite.

Je dirais que l'image partiellement cachée à droite suffit aux utilisateurs.

Les barres de défilement n'ont pas de sens pour moi dans une interface tactile, où vous pouvez déplacer le contenu naturellement.

0
Stephen Keable