Où dois-je placer le bouton Filtre en haut ou en bas de l'écran mobile?
Je conçois actuellement un site Web qui compte 80% d'utilisateurs d'appareils mobiles, j'essaie donc d'améliorer l'expérience lorsqu'il est ouvert sur mobile.
Dans la page des produits, je prévois de mettre un filtre de bouton pour aider les utilisateurs à trouver facilement leur produit, nous recherchons les meilleures pratiques concernant la position du bouton, soit en haut soit en bas de l'écran mobile.
Pouvez-vous partager votre expérience à ce sujet? Quel est le meilleur pour l'utilisateur mobile?
Je suggère que le bouton soit en haut. J'utilise certaines applications au jour le jour et ces applications ayant les boutons de filtre en haut et en bas, de toutes ces applications, je pense que le bouton de filtre en haut est très confortable.
Et je pense que garder le bouton du filtre sur le dessus serait la meilleure option. En tant qu'utilisateur, je sens que le bouton de filtrage en bas réduit la surface de l'écran mobile et les utilisateurs défilent toujours vers le bas pour afficher plus sur un écran mobile et il est préférable de garder le bouton de filtrage en haut pour qu'ils voient toujours le contenu qu'ils sont. chercher et pas le même bouton de filtre encore et encore.
Dans les captures d'écran ci-dessous, la première application (Myntra) utilise les boutons de filtre en bas, comme vous pouvez le voir, elle occupe une petite partie de l'espace de l'écran mobile. Mais la meilleure partie de cette application est que le bouton de filtre ne sera visible que si l'utilisateur fait défiler vers le haut. Mais quand même, je fais toujours défiler vers le bas et de nouveau vers le haut pour voir le produit à nouveau, ce qui me dérange lorsque les boutons reviennent encore et encore.
Dans les deux autres applications (Redbus et Flipkart), le bouton de filtre est en haut et dans la deuxième application, le bouton de filtre clair est un peu transparent et il est très bien placé pour effacer le filtre à tout moment. La troisième image a le bouton de filtre sur le dessus et beaucoup de biens immobiliers pour voir les produits.
Sur les appareils à grand écran, les filtres doivent être sur le côté droit de l'écran pour offrir de meilleures options de filtrage sur le même écran de contenu.
Je pense que l'option de filtre sur le dessus fonctionne comme un site Web. S'il s'agissait d'une application mobile, les fonctionnalités importantes les plus fréquemment utilisées seraient placées en bas.
Cochez l'option de filtre (Affiner) sur le site ebay. J'espère que cela résout le problème.
Une question de contexte:
À quoi sert ce site Web? Cela ressemble à une sorte de commerce électronique.
Les filtres sont souvent placés en haut de l'écran, souvent en vue d'une recherche approfondie. Vous trouverez un modèle de commerce électronique commun sur le bureau des zones de filtre à gauche, mais regardez ce que fait Amazon sur mobile. Ils ont un panneau droit coulissant, puis donnent une indication du nombre de filtres (2 dans cette capture d'écran).
Les filtres fournissent aux utilisateurs des contraintes supplémentaires sur un terme de recherche général. En utilisant un modèle de haut en bas, jetez un œil à cet écran, car il va du général au particulier: 
Le seul inconvénient de cette conception (juste mon avis) est que les filtres pourraient être un peu plus saillants et peut-être collants. Mais ce n'est qu'une opinion, et je doute qu'Amazon ait publié cela sans tests approfondis.
Le fait d'avoir le bouton de filtre en bas de l'écran peut être source de confusion pour plusieurs raisons:
Les contrôles de vos sites sont en concurrence (sur Safari Web) avec une barre de navigation inférieure et d'autres contrôles. Avoir une pile de boutons de filtre en plus ajouterait plus de bruit visuel. Le bouton de filtre semble également devoir être collant, sinon il faut un défilement vers le bas pour y accéder.
Si les utilisateurs en ont besoin pour faire défiler vers le bas d'une page fixe, vous devrez appliquer des résultats finis afin que je n'aie pas à faire défiler sans fin. Ensuite, vous avez un autre problème: comment puis-je même savoir ce qui est en dessous? Mon hypothèse n'est qu'une liste de produits. Ce n'est pas découvrable.
Le filtre est un aspect de la recherche (et des catégories). Puisque vous listez la catégorie ou les résultats de recherche en haut, je m'attends à augmenter la catégorie ou à rechercher près de l'endroit où elle se trouve.
Voir un autre exemple de Yelp. Il y a quelques bascules pour étendre vos résultats près de la recherche, et il y a un bouton Filter proéminent juste là.
