web-dev-qa-db-fra.com

Alternative à la liste déroulante avec plus de 6000 valeurs

Sur un formulaire de connexion où l'utilisateur doit sélectionner le nom de l'emplacement du magasin auquel il se connecte, il peut y avoir jusqu'à 6000 valeurs. Pour une entreprise qui n'a que 5 à 10 emplacements, la liste déroulante fonctionne bien.

Quelle serait une bonne alternative à l'utilisation d'une liste déroulante pour la rendre utilisable jusqu'à 6000 emplacements?

6
Steve Jones

Pour toute liste de sélection de plus d'une douzaine d'options, la recherche en texte libre avec prise en charge de la saisie semi-automatique est la seule option sensée.

Il s'agit d'un modèle courant observé sur les sites immobiliers (Zillow, Redfin, etc.) et les sites de voyage (AirBnb, Kayak, toute compagnie aérienne, etc.) Kayak illustré ci-dessous.

Kayak Autocomplete

Fred Meyer (détaillant à grande surface) dispose d'un champ de recherche `` Sélectionner un magasin '' pour résoudre ce problème - vous demandant de restreindre par Zip ou par ville, puis présente une longue liste de correspondances. Un texte libre avec saisie semi-automatique serait une bien meilleure expérience, mais si les coûts d'ingénierie sont une limitation, cela pourrait être une option. https://www.fredmeyer.com/ :

Fred Meyer Find Stores

Le dupe DasBeasto publié ci-dessus donne également une excellente réponse approfondie.

18
mahalie

Comme mentionné dans réponse liée par @DasBeasto, une bonne solution pourrait être un champ de texte à saisie automatique. L'utilisateur n'a qu'à commencer à taper le nom de l'emplacement, et la zone de texte commencera à le filtrer.

Cependant, cela ne fonctionne vraiment que pour les utilisateurs qui savent déjà où se trouve exactement cet emplacement. Si l'utilisateur recherche un emplacement uniquement par proximité d'un autre emplacement (code postal, adresse personnelle, etc.), cette approche échoue. Une solution plus appropriée pourrait être de demander à vos utilisateurs un code postal, un état ou une ville, puis de présenter les emplacements les plus proches de ce point. Un usage courant de ceci est également de présenter à l'utilisateur une carte pour représenter spatialement vos emplacements.

2
JonBee