web-dev-qa-db-fra.com

La meilleure façon de montrer des durées comparables?

Étant donné un tableau d'informations (ou une autre liste) où la durée de la prise de quelque chose est importante, quelle est la meilleure façon de montrer une durée qui peut facilement aller de quelques secondes à plusieurs heures?

  1. Les unités de temps doivent être facilement identifiables. Vous devez immédiatement savoir que le nombre est de 20 secondes, ou 34 minutes, etc ...

  2. Les résultats devraient être comparables dans une liste. Je devrais être en mesure de voir que 3 heures sont un peu plus grandes que 24 secondes. (Alors n'écrivez pas: 2,5 secondes, 3,2 heures).

  3. Pour être affiché sur une page Web, le format, la taille, la couleur, etc. peuvent tous entrer en jeu.

Voir quelques exemples ci-dessous: enter image description here

2
Ben Cull

Vous pourriez envisager une approche plus graphique car cela vous aidera à vous éloigner des données tabulaires et vous permettra d'ajouter plus de détails si vous le souhaitez. Cela présente également l'avantage de fournir une vue immédiatement compréhensible et comparable des unités de temps utilisées. en optant pour une barre de progression comme dans la maquette ci-dessous, les utilisateurs pourront obtenir les informations dont ils ont besoin en un coup d'œil.

enter image description here

3
Okavango

Suggestion:

   Name                      Time (hh:mm:ss)  
   Test 1                              0:45
   Test 2                           1:23:45

Évitez de répéter l'unité pour chaque valeur - surtout s'il s'agit d'une longue liste. Le coût pour les observateurs occasionnels (faites défiler vers le haut et faites correspondre le motif de l'unité avec le texte) est marginal de l'OMI par rapport à la charge visuelle réduite pour les utilisateurs fréquents.

Si possible, utilisez une police à largeur fixe pour les durées afin d'aligner les positions.

Entre les options 1 et 4, je préférerais légèrement 1 pour des informations moins redondantes, bien que l'argument puisse être rendu le modèle hh: mm: ss devient plus facile à identifier.

0
peterchen