web-dev-qa-db-fra.com

Placement du filtre

Je travaille sur une page qui montre plusieurs produits et elle a besoin d'une sorte de filtrage. J'ai vu de nombreux sites Web placer des filtres pour le contenu au-dessus ou à gauche du contenu, comme indiqué dans les captures d'écran ci-dessous.

Question: Y a-t-il une raison particulière de placer les filtres dans une position particulière sur une page de type aperçu comme ça?

Filtres en haut: enter image description here

Filtres à gauche: enter image description here

1
MJB

Oui, il y a certainement une raison. Selon mon observation et mes connaissances ci-dessous sont les raisons de cela.

  • lorsque vous avez un filtre avec de nombreux attributs, il sera possible de l'afficher de gauche à droite avec une barre verticale

  • lorsque vous avez très moins d'attributs de filtre, vous pouvez l'afficher horizontalement au-dessus de la liste, mais ici, n'oubliez pas de faire en-tête pour filtrer la partie fixe (stable) parce que si l'utilisateur fait défiler vers le bas pour voir plus d'articles et qu'il veut filtrer avec certains critères alors ils doivent faire défiler vers le haut pour le filtre et il ne sera pas convivial.

  • Lorsque vous avez une disposition de fenêtre très fixe et moins de critères de filtrage, vous pouvez définir la disposition du filtre à gauche ou à droite verticalement.

Tous les scénarios dépendent des exigences. Alors utilisez-le selon vos besoins.

1
Jasmin Javia

Eye Tracking - l'endroit où les gens regardent en premier et peuvent le regarder sans perdre le focus sur l'élément qu'ils regardent en même temps.

L'endroit où les filtres importants sont placés est la zone que la plupart des utilisateurs ne laisseront pas inaperçue.

Le suivi oculaire a récemment été largement utilisé dans la conception et les tests de sites Web. Lorsque je me suis impliqué il y a environ huit ans, les sites testés étaient principalement du HTML plat. Les chercheurs ont pu produire de superbes cartes thermiques qui étaient utiles pour comparer et optimiser des dispositions d'écran simples et des emplacements publicitaires en ligne.

Eye Tracking: meilleur moyen de tester la convivialité d'une application riche

enter image description here

De nombreux scientifiques cognitifs pensent que chaque instant d'expérience est une reconstruction mentale du monde basée sur des "calculs" complexes qui combinent une grande quantité de données environnementales 1 . La majorité des informations saisies dans l'expérience utilisateur sont visuelles, et le suivi des yeux fournit des informations contextuellement pertinentes qui ne peuvent être comparées à aucune autre méthode de recherche de conception facilement disponible. L'objectif du suivi oculaire n'est pas de voir le monde du point de vue d'une autre personne ou d'identifier ses pensées précises, mais plutôt de fournir un compte rendu détaillé de la plupart des données en temps réel qu'une personne utilise pour construire son expérience d'un moment à l'autre.

Eye Tracking et Web Ergonomie: A Good Fit?

enter image description here

1
DPS