Responsive Design / Qu'est-ce qu'un composant Web approprié pour choisir une distance concernant la géolocalisation de l'utilisateur?
Je possède une application Web réactive.
Je veux laisser l'utilisateur filtrer les résultats (en supposant une page répertoriant certaines données) en fonction de sa géolocalisation et d'une limite choisie.
Par exemple, Bob veut voir toutes les réunions qui se trouvent à moins de 10 km .
Quel serait un composant approprié, en particulier sur un appareil mobile?
J'ai trouvé ce (le premier élément), mais il pourrait être délicat de représenter un grand curseur sur un appareil mobile étroit, et pas facile d'être précis pour les personnes ayant de gros doigts.
Qu'est-ce que tu penses?
Vous pouvez utiliser un stepper numérique. L'utilisateur peut saisir la valeur avec le clavier ou utiliser les flèches haut/bas. La valeur par défaut doit être vide (pas de filtre de distance).
EDIT: Voir le commentaire de @FodderZone
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Je pense qu'un curseur qui a des valeurs progressives devrait également fonctionner raisonnablement bien sur un appareil mobile, surtout si vous n'avez pas besoin d'être très précis avec la distance. Les points finaux peuvent être une distance minimale et la valeur maximale peut être partout.