web-dev-qa-db-fra.com

Se déplacer dans la chronologie

Je dois montrer une série de commandes pour une barre de chronologie dans une application à écran tactile. L'utilisateur sélectionnera des délais particuliers sur une chronologie en déplaçant les commandes au début et à la fin du délai.

Il existe 2 façons d'utiliser ces contrôles:

  • L'utilisateur sélectionne une position fixe - le délai ne bouge pas.
  • L'utilisateur sélectionne la position flottante - le laps de temps avance donc l'intervalle de temps à partir de "maintenant" reste fixe.

Actuellement, nous avons des flèches pointant vers la droite pour indiquer une heure fixe, et des flèches pointant vers le bas pour indiquer "maintenant" ou une heure relative à "maintenant"

enter image description hereenter image description hereenter image description here

Est-ce facile à comprendre? Ou existe-t-il une meilleure façon?

input-fieldsux-fieldtouch-screentablettimeline
6
InnaS

Prenons un inventaire de quelles informations l'utilisateur a besoin et ce que nous voulons qu'il contrôle .

Ce qu'ils doivent savoir:

  1. Quelle heure est-il maintenant
  2. Quelle plage de temps ils peuvent sélectionner et dans quels intervalles
  3. La durée d'une période sélectionnée
  4. Quand commence et se termine la période sélectionnée

Ce qu'ils peuvent contrôler:

  1. Combien de temps est sélectionné
  2. Quand le délai se termine-t-il et quand commence-t-il
  3. Si l'un de ces moments doit être "maintenant"

Vous n'avez vraiment besoin que d'un seul contrôle avec une seule option. Vous regardez un entrée mutli-range avec l'option d'aligner une sélection sur "maintenant". À moins qu'il n'y ait une raison de ne pas le faire, vous pouvez toujours afficher les trois mêmes informations sur leur sélection (début, fin et durée).

"This is oversimplified. You'd likely include that 4:45pm is "now" and include ticks on the range input with times."

C'est trop simplifié. Vous incluriez probablement que 16 h 45 est "maintenant" et incluez des graduations sur l'entrée de plage avec les heures.

1
invot

C'est ma solution qui a été acceptée par le client

  • le point vert indique quand nous commençons la mesure et l'utilisateur ne peut pas se déplacer vers la gauche à partir de ce point.
  • Déposer avec un point rouge, regarder vers le bas indique que la position est fixe
  • Déposer avec une flèche bleue indique que la position flotte et se déplace vers la droite
  • le triangle rouge indique l'heure actuelle et l'utilisateur ne peut pas se déplacer directement à partir de ce point.
  • Le gris foncé entre deux gouttes indique la période sélectionnée. enter image description here

Nous avons également utilisé la même conception pour l'écran suivant qui montre des vues discrètes.
Il ressemble à ceci et inclut le joueur qui ne fait pas partie de cette question.

enter image description here

1
InnaS