web-dev-qa-db-fra.com

Liste de filtres mobiles avec plus de 80 choix

Problème Je travaille sur une application éducative et j'ai mis en place un système de filtrage. Pour mon dernier ensemble de filtres sur mobile (les 2 premiers sont décomposés et bien testés par les utilisateurs pour leur importance), je regroupe tous les derniers filtres. Ce groupe contient une liste de plus de 80 institutions. J'ai des problèmes avec la façon dont cela doit être affiché.

Recherche J'ai fait beaucoup de recherches et vérifié Kayak (pour les compagnies aériennes) et Rent the Runway desktop (photos jointes). Aucune de ces solutions ne fonctionne parfaitement.

Kayak exampleRent the Runway example

Tentative en cours J'ai également tenté de faire un mélange de mise en évidence des institutions en vedette, puis d'avoir une zone de recherche au-dessus d'une zone de sélection multiple, que je n'ai toujours pas ' t pense que c'est un bon ajustement ici.

Current attempt

Des idées ou des exemples que je devrais vérifier sont idéaux pour les mobiles?

2
LMo

Une longue liste de cases à cocher impose à l'utilisateur d'avoir une connaissance préalable de toutes les options ET de pouvoir la rappeler relativement facilement. Une telle liste est dénuée de sens sans contexte et connaissances supplémentaires sur la façon/pourquoi ils feront leur choix, et leur familiarité/concentration sur les options disponibles.

Cela signifie également que vous pouvez probablement filtrer un certain nombre d'options en fonction d'autres critères. Vous vous attendez à ce qu'ils vous disent ce dont ils ont besoin, mais qu'en est-il s'ils ne le savent pas?

Je ne pourrais pas nommer 80 créateurs de vêtements si vous me portez une arme à feu, il serait donc inutile de les sélectionner dans une liste alphabétique.

Je ne me soucie pas vraiment de la compagnie aérienne qui effectue ces 190+ vols - je veux le tarif le moins cher entre les emplacements souhaités pour les dates choisies. Je ne fais que rétrécir les transporteurs après restreindre mes options aux 5 itinéraires corrects que je peux me permettre.

Ou considérez l'annuaire frustrant sur un site Web d'assurance maladie montrant leurs médecins "agréés" - s'il n'y a pas d'avis et peu de détails, et je ne sais rien d'eux, mais leur nom et leur adresse, il est impossible de prendre une décision éclairée - je choisis juste le le plus proche et espérons le meilleur. Pas un bon processus.

Donc, même si j'ai une connaissance encyclopédique de ces 80 institutions affiliées que vous avez l'intention d'énumérer, quel est l'objectif que j'essaie d'atteindre? Les 80 s'appliquent-elles vraiment à chaque utilisateur ou pourriez-vous affiner et affiner leurs options en fonction des réponses précédentes? Emplacement, budget, employeur, objectifs, etc.?

Un filtre de recherche à saisie semi-automatique peut être une option pour réduire la liste et économiser de l'espace, même s'il ne correspond qu'aux noms. Tapez une lettre et la liste est réduite aux seuls résultats pertinents.

Mieux encore, filtrez dynamiquement cette liste pour leur dire maintenant quelles sont leurs options restantes à ce stade. Inclure des éléments dans la "recherche" en plus du nom de l'institution. Laissez-les rechercher puis filtrer les résultats par (par exemple) la distance, le code postal, en ligne par rapport au campus ou un état/une ville spécifique, ce qu'ils vous ont probablement déjà dit plus tôt (...?)

Utilisez les informations des questions auxquelles ils ont déjà répondu pour filtrer la liste de 80 en une liste de 5 à 10 options viables qui répondent à tous leurs critères. N'affichez pas de liste de 80 si 70 d'entre eux ne sont pas pertinents. Comme vous pouvez le voir sur votre maquette, vous montrez "University of Denver" et "George Washington" même s'il y a "0" whatevers pertinents (programmes possibles?). Vous avez déjà 78 options! Quels autres éléments pouvez-vous éliminer en ajoutant un filtrage plus préventif?

Utilisez d'autres informations, ou posez plus de questions, pour filtrer jusqu'à où vous pouvez dire: "Ce sont vos 2 choix à Chicago pour votre employeur MegaCorp Inc" ou "Ce sont les 10 écoles à moins de 50 miles de vous qui offrent une nuit , programme Executive MBA sur le campus. "

2
mc01