web-dev-qa-db-fra.com

Alternative appropriée au contrôle de la barre de suivi

J'utilise un contrôle de barre de suivi à deux endroits différents dans une application à écran tactile que j'ai. Le premier à enregistrer une quantité spécifique de données. (disons 260 échantillons) le second pour enregistrer une quantité illimitée de données.

J'ai une quantité limitée de zone pour afficher le contrôle de la barre de piste, et bien que le premier exemple fonctionne bien, lorsque j'obtiens un nombre d'échantillons supérieur à 3000, (parfaitement acceptable dans la deuxième utilisation), la barre de piste fonctionne mal. La petite zone disponible pour le contrôle signifie que le plus petit mouvement (glisser) du curseur de la barre de piste peut vous déplacer des centaines d'échantillons, et il est impossible d'en obtenir un spécifique.

Ce que je me demande, c'est si quelqu'un a rencontré ce problème ou peut recommander un bon contrôle pour parcourir une liste d'échantillons enregistrés. Actuellement, il existe des boutons d'avance et de recul pour contourner le problème (c'est-à-dire avancer et reculer de 1 ou 10 échantillons). J'aimerais si possible un contrôle qui fonctionne bien pour les petits et les grands échantillons.

7
AidanO

Les curseurs iPhone ajustent leur taille/vitesse de pas en fonction de la distance entre le doigt et le curseur. Si vous êtes sur le curseur, c'est un mappage 1-1 avec la largeur de la barre, mais à mesure que vous vous éloignez, vous obtenez un contrôle plus fin.

Une autre solution, pour emprunter au passé, est une série de boutons concentriques, les centraux étant plus rapides (plus grossiers) que les externes. Cela a été utilisé sur de nombreuses applications telles que la radio à ondes courtes (où vous essayez de syntoniser une station de radio très précisément, mais il existe une énorme gamme de fréquences possibles).

4
Alex Feinman

tilisez un contrôle grossier avec le curseur et un contrôle fin proportionnel à la vitesse avec une roue ou un cône.

Trackbar and spinner

Que diriez-vous d'ajouter une flèche horizontale au curseur (barre de suivi) pour un balayage plus fin de la sélection. Donc, ayez un curseur comme vous le faites actuellement, mais ajoutez un spinner en dessous avec un contrôle plus fin. Le fait que le curseur et le spinner soient tous deux horizontaux aide l'utilisateur à cartographier intuitivement le mouvement.

Et si l'échantillon est plus grand d'un facteur 10 ou 100, vous pouvez toujours ajouter une deuxième roue ou ajouter de la vitesse au spinner, donc la rotation lente vous donne un par un, les mouvements de rotation moyens par cinq (par exemple), et la rotation et le laisser voler le laisse passer par un facteur plus important.

Vous pouvez également utiliser une roue comme outil de sélection plus fin.

Slider and wheel

[La réponse de Calvin Chong m'a donné l'idée d'un spinner, et je l'ai amélioré avec l'horizontalité et le contrôle proportionnel à la vitesse.]

3
Taj Moore

Rotor visible in lighter portion of screenshot

Le jeu populaire Peggle utilise un rotor vertical qui donne aux joueurs un contrôle précis du lanceur de balle.

Vous pouvez placer une version plus petite de cela à côté de votre barre de suivi - le faire monter/descendre ne ferait que légèrement augmenter/diminuer le nombre d'échantillons. Remarque supplémentaire sur l'utilisabilité: je ferais en sorte que le rotor continue de numéroter vers le haut/bas même lorsque le doigt de l'utilisateur a quitté la zone visuelle de la commande (mais qu'il touche toujours l'écran).

3
Calvin Chong

Vous pouvez envisager d'utiliser un sélecteur de type à plusieurs anneaux, comme celui utilisé pour sélectionner l'heure dans Meego:

Screenshot of selecting a time in Meego

Cela fonctionne en ayant un anneau extérieur pour sélectionner les minutes et un anneau intérieur pour sélectionner les heures, mais le concept pourrait peut-être être étendu pour un anneau par, disons, deux ordres de grandeur dans votre sélection. Donc, un anneau pour tout sélectionner derrière la décimale, un anneau pour sélectionner la partie 0-99, un anneau pour sélectionner la plage 000-9900, etc.

2
André

Pour quelque chose comme ça, je considérerais un curseur avec une sensibilité variable en fonction de la distance à laquelle vous faites glisser. Une entrée de texte ci-dessus afficherait la valeur actuellement sélectionnée, et le sélecteur sur le curseur reviendrait par défaut au milieu lorsqu'il n'est pas glissé.

Bien que j'aime l'idée de 2 curseurs pour la valeur et la sensibilité, vous avez déjà mentionné votre manque d'espace, donc je suppose que cela ne convient pas.

Slider example

2
TJH

si l'accès aux valeurs de l'échantillon se faisait (principalement) via un tableau/graphique, vous pouvez utiliser pincer, etc. pour effectuer un zoom avant ou arrière au niveau souhaité. donnant à l'utilisateur le choix ultime quant à la vitesse à laquelle ils font défiler les exemples de points de données. le mouvement/rétroaction doit être cohérent quel que soit le nombre d'échantillons ... si abstrait que dans l'interface pour être quelque chose comme un zoom ou un défilement particulier se déplace de x pourcentage de la taille totale de l'échantillon. vous pouvez trouver de l'inspiration dans l'application de visualisation de données pour iphone roambi.com.

1
Chris