Quelle serait la meilleure façon de formater une plage de temps?
J'ai un contrôle graphique et une valeur limitée dans le temps. Le contrôle affiche la valeur agrégée sur des intervalles de temps égaux. Il est important d'afficher la plage de temps correspondante pour chaque point de données agrégées. Cette plage de temps doit être précise, lisible, mais aussi compacte que possible car l'espace disponible est limité. La taille des intervalles peut être de 15 min, 30 min, 1 h, 3 h, 6 h, 12 h, 1 j. Les lectures peuvent commencer à tout moment, de sorte que les bords des intervalles ne sont pas alignés ou arrondis à la grille temporelle. La plus petite unité de temps est 1 minute.
Y a-t-il une raison d'avoir un seul point qui montre la gamme? J'imagine que cela pourrait mieux fonctionner avec des points de début de plage et de fin de plage discrets, comme ceci: 
Vous n'aurez probablement pas besoin d'afficher l'année dans ce contexte, car l'année sera définie par le graphique dans son ensemble. Vous devrez penser aux fuseaux horaires, cependant ... vous voudrez peut-être définir le fuseau horaire présenté quelque part sur la page.
On pourrait même imaginer ces indicateurs de début/fin de plage fonctionnant comme des poignées, vous permettant de sélectionner dynamiquement la plage.
Si vous voulez qu'il soit compact, ne mentionnez que les valeurs qui changent au cours de l'intervalle.
Ne mentionnez pas l'année sauf si l'intervalle comprend minuit après le réveillon du Nouvel An.
Ne mentionnez pas le mois sauf si l'intervalle inclut minuit après le dernier jour d'un mois.
Ne mentionnez pas le jour sauf si l'intervalle comprend minuit.
Les utilisateurs devraient être capables de rassembler les autres unités d'autres parties de la vue, donc ...
- Par exemple, je peux dire à partir d'éléments de vue autres que votre bloc de texte blanc sur noir que le graphique est pour juillet et août.
- En fait, ne peux pas voir que c'est pour 2013, mais vous pouvez résoudre ce problème facilement en l'incluant dans la barre supérieure avec les mois.
- Je peux voir que le jour est le 22 dans ce cas, mais si vous ne le faites pas déjà, vous voudrez vous assurer qu'il y a toujours une date assise en haut de votre ligne noire (marqueur de point de départ), comme est maintenant.
Tout cela signifie que la majorité des cas impliquera de mentionner juste l'heure (pas de date) pour le point de départ, et vous avez alors deux choix pour remplir le reste des informations, bien sûr.
Vous pouvez donner le point de départ et juste la durée de l'intervalle, comme mentionné par Liviu A, pour une taille minimale. Étant donné que ce que je propose réduirait la quantité de texte pour le point de départ, vous pouvez également spécifier le point final et l'augmentation de la lisibilité qui en résulte devrait valoir la légère augmentation de l'espace. Encore une fois, dans la plupart des cas, ce ne sera qu'un temps.
exemples: ("2013", "juillet" et "22" provenant d'autres éléments de la vue)
- 18 h 15, 15 min
- 18 h 15 à 18 h 30
quelques autres choix, si vous êtes sérieux au sujet de la compacité:
- ** 6: 15–6: 30PM (puisque "PM" est autre chose qui ne change pas au cours de l'intervalle)
- 6: 15–30PM (l'heure ne change pas non plus) (celle-ci pourrait trop sacrifier la lisibilité)
- 18: 15–18: 30 (le temps de 24 heures économise de l'espace (pas AM ou PM) et pour certains utilisateurs est plus facile)
- 18: 15-30 (le plus compact, mais probablement trop loin)
** échantillon:
Ces changements devraient être faciles par rapport à votre conception actuelle.
(En fait, la spécification du point final donne un avantage: étant donné que votre plus grand intervalle est de 1 jour, un utilisateur connaîtra tout intervalle se terminant le jour suivant le point de départ lorsque le point final est une heure antérieure. Cela signifie que si vous choisissez d'afficher le point final, vous n'aurez vraiment besoin que de temps pour tous cas, et pas seulement la plupart cas.)
Je pense que c'est une solution pour diviser la zone graphique sur deux zones:
- Zone d'analyse visuelle - pour une saisie rapide des points ou des modèles et la sélection. Il y a une orientation très rapide dans cette zone car elle est visuelle, pas une zone de lecture pour une analyse approximative et la sélection de points intéressants.
- Zone d'analyse quantitative - pour des analyses précises. Voici le schéma de lecture et de lecture des yeux de gauche à droite utilisé. Comme vous pouvez le voir, il y a beaucoup d'espace pour l'intervalle de temps exact et d'autres valeurs.
Les avantages sont:
- prise en compte de la spécificité de la perception de l'information par l'homme (images - rapide, lecture - lente)
- nettoyer la zone du graphique (zone 1)
- placer toutes les valeurs pour l'analyse précise dans une zone (zone 2) pour créer un flux d'analyse
- beaucoup d'espace pour une mise en forme précise et lisible de l'heure
Une solution serait de l'afficher quelque chose comme ceci:
18 h 24 + 3 h, 22 juil.2013
18h12 + 15m, 22 juil.2013 etc
affiche simplement l'heure de début + la durée de l'intervalle; je pense que de cette façon, il serait plus facile pour les utilisateurs de comprendre ce que représente l'intervalle
---- ajouté quelques informations supplémentaires
dépend des informations importantes pour vos utilisateurs:
- dans ce cas, ils devront le faire s'ils veulent connaître l'heure exacte à laquelle l'intervalle s'est terminé (je ne sais pas si cela est vraiment important pour vos utilisateurs)
- dans le cas où vous affichez l'heure de début et de fin, ils devront résoudre un petit problème mathématique s'ils veulent savoir quelle est la longueur de l'intervalle
il me semble qu'en pratique le deuxième cas sera plus difficile à faire, car comme vous l'avez mentionné les horodatages ne démarrent pas à intervalles fixes
donc quelque chose comme 17: 47-18: 02 n'est pas aussi apparent que 17:47 + 15m. En outre, de cette façon, vous obtenez une idée instantanée de l'échelle du graphique (par exemple, des données à des intervalles de 15 minutes, etc.).