Alternatives aux curseurs de plage pour les petites listes d'entrée finies
Pour une recherche immobilière, l'utilisateur peut spécifier le nombre de chambres avec des valeurs valides de 1,2,3,4,5+ ou toute autre plage continue entre les deux (par exemple 2-3) et je cherche un moyen de représenter cela autre qu'un curseur de plage.
Dans la première partie d'une recherche à facettes, l'utilisateur entrera une telle valeur avec du texte, c'est-à-dire "3 chambres" ou "2-3 chambres" ou "5+ chambres". Sur la page des résultats sera un filtre avancé avec beaucoup de paramètres configurables. En ce moment, nous avons cela comme un curseur de plage, mais je ne l'aime pas, surtout quand la majorité du temps, les utilisateurs choisissent une seule valeur de toute façon.
Mon idée préférée en ce moment est d'utiliser 5 "boutons" comme pseudo cases à cocher, bien qu'il y ait un inconvénient ici à permettre aux utilisateurs d'entrer des entrées "invalides" telles que 2 et 4 sélectionnées mais pas 3. Je penche toujours vers cela comme Je pense que seule une petite fraction des utilisateurs modifierait les valeurs après les avoir saisies initialement.
Y a-t-il d'autres options que je devrais envisager?
Eh bien, en utilisant du javascript, il devrait être possible d'améliorer la plage ou l'idée de la case à cocher. Si vous utilisez des boutons (basés sur des cases à cocher), vous pouvez les avoir afin que vous puissiez facilement prévisualiser ce qui se passera si vous cliquez sur:
- si tous ne sont pas sélectionnés, celui cliqué/tapé sera sélectionné
- si vous survolez l'une des options non sélectionnées restantes, affichez la plage qui serait sélectionnée (donc, on en sélectionne d'abord 3, que si le survol sur 4 il met en évidence 4, et le survol sur 5 mettrait en évidence 4 et 5)
- si vous survolez une valeur sélectionnée sur l'Edge: montrez-la non sélectionnée
- si vous survolez une valeur sélectionnée et que plus de deux options sont sélectionnées, tenez compte du sens d'entrée (2-3-4 sont sélectionnés, si venant du 2, désélectionnez 2 et 3, viennent de 4, désélectionnez 4 et 3. )
Pour le toucher, le comportement de clic serait en grande partie le même, les gens le comprendront, seule la désélection dans le dernier cas devinerait simplement (testez pour voir ce qui est le plus probable et supprimez toujours la limite inférieure ou la partie supérieure). Vous devez également autoriser le balayage.
Il existe des plugins javascript/jquery qui peuvent vous aider dans la direction, et très probablement aussi pour glisser.
Y a-t-il une raison pour laquelle vous ne pouvez pas répéter le même champ de texte sur votre page de résultats?
- Il semble que la solution fonctionne déjà
- Je ne le vois pas prendre beaucoup plus d'espace qu'un curseur
- Il est cohérent avec ce que l'utilisateur a saisi auparavant, il doit donc être clair pour lui comment le mettre à jour