web-dev-qa-db-fra.com

Meilleure façon d'indiquer la durée du cours sur des cartes pendant des heures et des minutes

Je travaille sur le LMS en interne. Il affiche une liste de cours sous forme de carte. Essentiellement, cela montre

  • miniature bien sûr
  • Titre du cours
  • Version bien sûr
  • Durée du cours en heures

Maintenant, selon une nouvelle exigence, nous devons afficher la durée du cours en heures et minutes. Quelle est la meilleure façon de représenter la durée afin qu'elle puisse être comprise par la plupart des utilisateurs à travers le monde parlant différentes langues?

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

5
pzv

La réponse de @Dominik Oslizlo est intéressante, mais les horloges ressemblent un peu aux pleines lunes. Je le mettrais dans le commentaire, malheureusement ma réputation est encore trop faible pour ça.

Je suggère de conserver la forme numérique mais de revenir aux symboles internationaux des minutes (apostrophe): 2h30'

Lorsque vous utilisez deux points, maintenez l'unité à des heures: 2:30h

Et revenez de l'utilisation d'un délimiteur décimal. Pour un ingénieur, une notation de 2.30h peut poser une énigme de "est-ce deux heures et demie ou deux heures et dix-huit minutes (0,3 heure est 18 minutes)?"

3
Mike

Une réponse tentante serait: l'ajout d'horloges.

Cependant, je pense qu'il n'y a qu'un seul cas où présenter l'heure visuellement de cette façon fonctionne vraiment - et c'est quand le temps peut aller jusqu'à une minute ou jusqu'à une heure. Ensuite, vous pouvez afficher une horloge semi-remplie .

Lorsque vous essayez de représenter la même chose dans la journée, une hésitation survient lorsque des questions supplémentaires apparaissent:

  • est-ce seulement la durée ou les heures?
  • est-ce 12 heures-12 heures ou 12 heures-12 heures? Ou est-ce complet 24 heures? - ce dernier étant très peu naturel.
  • en conséquence: comment montrer quelque chose qui, par ex. s'étend de 9h à 14h?

De plus, il est difficile de montrer de très petites pièces de temps de cette façon. Imaginez une icône d'horloge régulière de 12 heures avec 2h 10m marqués contre 2h 30m marqués dessus - il n'y aurait pas de différence notable.

Une chose que vous pourriez envisager, cependant, serait d'afficher deux icônes d'horloge complètes et une partiellement remplie - Je pense que cela pourrait donner une assez bonne réception et la compréhension populaire, comme pour un cours, la mesure des secondes serait automatiquement rejetée et les utilisateurs comprendraient que ces horloges représentent des heures. Cependant, je suggérerais fortement de soutenir ces horloges avec une information textuelle disant par exemple "2:10 minutes", car il est difficile, encore une fois, de montrer la durée exacte d'un tel élément.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Si vous avez besoin d'afficher non seulement la durée, l'heure de début et de fin du bit , vous pouvez également choisir d'afficher un chronologie dans la journée. Ensuite, vous devrez marquer les heures de début et de fin de la chronologie elle-même (par exemple, 8 heures-20 heures) et marquer les heures et la durée exactes dans ces contraintes. Le problème est que pour que cela fonctionne, cela utiliserait pas mal d'espace, ou encore ce serait illisible.

1
Dominik Oslizlo