web-dev-qa-db-fra.com

Notation des supports horaires

Je conçois un tableau où les colonnes représentent le temps entre parenthèses horaires. Ma question est de savoir s'il existe une convention pour la notation.

Pensez-vous que l'option A s'explique d'elle-même que le support '9h' est de 9h à 10h? Ou dois-je l'afficher comme l'option B?

A) 7h du matin | 8h | 9h | 10h

B) 7h - 8h | 8h - 9h | 9h - 10h | 10h - 11h

D'autres idées?

Comme l'espace est limité, je voudrais opter pour l'option A. Je dois également noter que c'est pour un produit international qui pourrait devoir afficher l'heure dans le système 24 heures à l'avenir.

Ci-dessous une image du design sur lequel je travaille actuellement. Il manque de clarté à mon avis.

table view

3
Martyn

Réponse modifiée: vous y êtes presque

Je vois que vous avez modifié votre question pour montrer que les heures apparaissent dans une grille. C'est parfait, car une grille fait exactement ce que suggère le reste de cette réponse. Même si la grille est "transparente" elle est apparente.

Votre table suit une convention. C'est clair. Cela pourrait être encore un peu plus clair. Pourquoi ne pas expérimenter avec:

  • Supprimez une partie de la répétition inutile (les zéros). Il existe deux ensembles de zéros, donc une opportunité de simplification. Supprimer les deux peut être trop. Essaie.
  • Améliorez l'alignement du texte. Actuellement, les zéros semblent plus à gauche que les étiquettes d'en-tête. Alternativement, essayez de centrer le texte (même si je prédis que cela ne fonctionnera pas aussi bien car il détruit la grille invisible).
  • Maquette une version 24 heures, pour voir comment cela affecte la clarté.
  • Expérimentez avec les couleurs et les bordures de fond, bien que cela ajoute un encombrement visuel dont vous n'avez pas besoin.

Le truc, c'est que si vous essayez quelques variantes, vous verrez ce qui semble clair. Et puis vous pouvez le tester , en demandant aux gens d'effectuer la même tâche. Donnez à différents participants différentes versions de la grille et mesurez leur temps total de performance.

Surtout, n'écoutez pas les opinions des gens sur le design visuel. (Avez-vous remarqué que je vous donne beaucoup de choix, pas une seule "bonne" réponse?) Voyez comment le design fonctionne entre les mains des participants et des utilisateurs.

Réponse originale: Soulignez la grille

Pouvez-vous montrer qu'il existe une gamme en l'illustrant graphiquement? Ou en utilisant la mise en page à votre avantage?

Considérez ces dispositions verticales:

enter image description here

Le texte de chaque heure est aligné verticalement au niveau des deux points ":". Chaque heure a sa propre case, ce qui indique clairement que chaque incrément est d'une heure. À droite, le placement du texte en haut de la boîte rend encore plus clair que la boîte représente une heure entière. Le temps augmente de haut en bas, donc le haut est le début de l'heure.

De plus, il n'y a aucune confusion quant à l'endroit où appartient 8 h 00: pas dans la zone 7 h 00 - 8 h 00, mais dans la zone 8 h 00. Et il n'est pas nécessaire de jouer avec le travail cognitif supplémentaire de plages telles que 7: 00–7: 59.

Cette disposition horizontale a une clarté similaire:

enter image description here

Dans ce cas, le texte est aligné à gauche, pas aligné au ":" deux points, car l'étiquette apparaît au "début" de l'heure. Le temps augmente de gauche à droite, donc le bord gauche est le début de l'heure.

-

J'espère que cela vous aidera à aller de l'avant.

1
JeromeR