Les boutons de vote sur SE devraient-ils flotter vers le bas lors du défilement?
SE est A/B teste une nouvelle solution où les boutons de vote sur une réponse restent visibles lorsque vous faites défiler vers le bas.
(Je m'excuse pour le gif en cours d'exécution, c'est super ennuyeux, mais il fait le travail).
Apparemment, l'objectif de ce changement est d'augmenter le vote, car le message d'origine mentionne que le critère d'acceptation pour le test est une augmentation de 5% des votes.
Jusqu'à présent, les commentaires sont mitigés, certaines personnes l'adorent, d'autres la détestent.
D'un point de vue UX, quels pourraient être les avantages et les inconvénients de cela?
C'est une bonne idée, mais je pense qu'il a besoin de quelques ajustements d'implémentation
Avec une console de vote fixe, il est facile de voir comment la console se rapporte à la réponse (elle se bloque en haut à gauche pour que les utilisateurs sachent qu'elle se rapporte à la réponse)
Une fois que le panneau devient collant lors du défilement, il se détache visuellement de cette ancre, il est donc important de maintenir une relation visuellement-sémantique entre la console et la réponse.
Problèmes et suggestions:
Ne laissez pas le panneau défiler dans la partie commentaire de la réponse. Il y a plusieurs raisons à cela:
- Les commentaires peuvent être votés à la hausse, ce qui crée une ambiguïté pour l'utilisateur de voir une console à gauche d'un commentaire, puis de pouvoir également voter sur le commentaire séparément. Le vote imbriqué est déroutant.
- Je pense qu'il est préférable d'avoir des utilisateurs voter sur le contenu de la réponse plutôt que de voter les commentaires. Les commentaires s'écartent souvent de la portée, de sorte que vous êtes plus susceptible d'obtenir des votes viscéraux plus élevés ou des votes basés sur des réponses plutôt que sur des réponses si vous autorisez la console à faire défiler les commentaires.
- Si vous décidez de lier la console au contenu de la réponse, assurez-vous que le haut est correctement aligné sur la grille en haut du contenu (ce n'est pas aujourd'hui) et arrête de défiler en bas du contenu (à l'exclusion du partage)./modifier/fermer la console). Cela maintient correctement la relation visuelle entre la console et le contenu.
Avoir des boutons de commande dans une position fixe est quelque chose de très courant dans l'expérience Web d'aujourd'hui. Vous voyez la barre de navigation supérieure fixée en haut de nombreux sites de journaux et sites de commerce électronique. Plus ennuyeux pour certains utilisateurs (qui n'utilisent pas un outil AdBlock), est le fait que les bannières publicitaires, généralement sur le côté droit de la page et non alignées avec le contenu dans certains cas, sont fixées en haut lors du défilement.
Ce qui est nouveau ici, c'est que les boutons se corrigent également en haut de la page tout en faisant défiler vers le bas dans la même réponse. Ce sont des contrôles en ligne et en dehors des publicités collantes, je pense que l'expérience des utilisateurs sera positive, une fois que vous vous y habituerez. Cela résoudrait le problème en remontant pour voter et améliorerait probablement le nombre de votes.
L'inconvénient est que nous ne regardons plus le contenu en position fixe. Cela est particulièrement vrai lorsque le chargement asynchrone des pages perturbe la fenêtre actuelle et déplace ce que vous lisez. Mais l'implémentation ici, ne fait pas ce choix de conception cruel. Et nous nous éloignons des pages fixes depuis l'introduction des pages scriptées au milieu des années 1990. Il s'agit d'une autre invention dans ce sens.
Du point de vue de l'expérience utilisateur, je pense que c'est une bonne chose où les avantages l'emportent sur les inconvénients.
Je n'aime pas particulièrement ça. Et la raison tient à la séparation visuelle des questions sur une page. En bref, les boutons de vote sont actuellement l'élément le plus distinctif identifiant le haut d'une question et agissent comme un séparateur visuel très intuitif entre les questions. J'ai constaté que lorsque les boutons de vote défilaient avec le haut de la fenêtre, je suis devenu confus en essayant de naviguer rapidement entre les questions parce que ma première réaction avait l'impression que les questions elles-mêmes se déplaçaient sur la page.
Les boutons en mouvement ajoutent une toute nouvelle dimension de confusion visuelle que le cerveau doit traiter. C'est un comportement contre nature dont l'utilisateur doit être conscient. Autrement dit, vous devez simplement être conscient et conscient du fait que les boutons de vote se déplacent lorsque vous faites défiler ou vous vous confondrez très rapidement pendant la navigation.
De plus, en ancrant les boutons de vote en haut de la fenêtre, les boutons de la question actuelle resteront à peu près au même endroit sur l'écran pendant tout le temps (pour ne changer que brièvement lorsqu'une nouvelle question défile). Cela le rend également beaucoup moins évident lorsque vous faites défiler une nouvelle question, à moins que vous ne regardiez de près les boutons de vote tout le temps.
Le cerveau humain est très bon en visualisation spatiale. En respectant la métaphore de la "page", où les choses sont fixées sur un seul plan de défilement, le cerveau peut visualiser (dans une certaine mesure) le document entier au-dessus et en dessous de la fenêtre pendant que vous faites défiler. Mais lorsque le document change lorsque vous le déplacez, cela empêche l'association spatiale naturelle du document dans son ensemble.
Observez simplement le GIF animé. Il devient très difficile de visualiser la page entière pendant qu'elle défile et de discerner sans effort les frontières entre les questions.
Je dirais que si les concepteurs veulent vraiment faire les choses de cette façon, il en faut plus que l'implémentation d'essai actuelle. En particulier, les boutons de vote doivent être conceptuellement séparés du corps du message (peut-être en ayant une couleur d'arrière-plan plus sombre dans cette colonne), et il faut apporter des améliorations à la séparation visuelle des questions.
Par exemple, même quelque chose d'aussi simple que cela pourrait avoir un impact énorme sur la lisibilité de la page avec des boutons de vote flottants:
Maintenant, même si les boutons se déplacent de haut en bas dans leur colonne au fur et à mesure que la page défile, les colonnes contenant elles-mêmes sont statiques, et comme elles sont visuellement dominantes, le cerveau a plus de facilité à garder les réponses séparées lorsque la page défile.
Bref, la solution est de rendre les boutons de vote moins visuellement dominants. Mais être moins dominant ne signifie pas moins évident faites attention à vous. Ils sont encore évidents, mais parce qu'ils sont contenus dans un rectangle visuellement dominant, le cerveau peut lier ce rectangle dominant à la page, et le mouvement à l'intérieur de ce rectangle n'est pas aussi gênant pour le défilement dans son ensemble.
J'ai l'impression que cela augmenterait la probabilité que je clique sur les mauvais boutons de vote, car j'aurais 2 ensembles de boutons de vote très rapprochés lors de la lecture vers la fin d'un commentaire - ceux du commentaire actuel et ceux du commentaire suivant.
De plus, comme d'autres, je trouve le mouvement distrayant.
Personnellement, je pense que c'est une bonne idée, bien qu'actuellement il ne semble pas y avoir beaucoup de distinction entre une question et une réponse, ce qui signifie que l'utilisateur pourrait être confus quant à ce qu'il voit sur le côté gauche, peut-être qu'il a besoin d'un meilleur étiquetage ou d'une meilleure hiérarchie appliqué?
De plus, dans le cas d'une réponse longue par rapport à une réponse courte, cela ne traîne pas longtemps sur une question plus courte, ce qui est logique sur le plan technique mais peut dérouter certains utilisateurs.
Comme l'idée cependant!