web-dev-qa-db-fra.com

Comment éviter la confusion de minuit / midi à midi dans un champ de saisie d'heure?

J'ai récemment spécifié le mauvais délai pour un devoir, pour une "dropbox" dans l'application de gestion de cours D2L. J'essayais de choisir 12h00 et le champ de saisie de l'heure indiquait 12h00 juste en dessous de 11h00, comme indiqué ici:

confusing 12:00 AM dropdown menu

Mais bien sûr, ce que j'avais fait était de spécifier 12:00 AM, qui est en fait minuit, un spécification de l'heure déroutante . (Dans mon cas, c'était aussi une période qui s'était déjà écoulée et la demande avait en fait créé un délai dans le passé.)

Il me semble qu'il s'agit d'un formulaire de saisie particulièrement déroutant, car le 12 est inférieur au 11, ce qui suggère clairement qu'il vient ensuite dans le temps.

Dans ce cas, le 12 devrait-il apparaître en haut du menu, au-dessus du "1"? Ou doit-il figurer en tête de liste "minuit" si l'indicateur AM/PM est un "AM", ou "midi" si l'indicateur est un "PM"? Ou en bas, avec ces rôles inversés, mais dénaturant l'indicateur "AM/PM"? Il me semble que la commutation du menu entre minuit/midi selon AM/PM serait une complication supplémentaire, difficile à faire avec certaines technologies, mais plus claire. Ou y a-t-il une autre présentation qui serait meilleure?

Existe-t-il quelque part une directive d'utilisation suggérant comment procéder à laquelle je pourrais référer les développeurs?

40
nealmcb

Il y a des informations pédantes intéressantes sur l'étrangeté de minuit: http://en.wikipedia.org/wiki/Midnight

Concrètement, techniquement, à minuit, ce n'est ni le matin ni l'après-midi. Mais simplement l'instant de transition entre les deux.

Quelques idées:

  • Utilisez une horloge de 24 heures. Peut-être avec des corrélations de 12 heures entre parenthèses:
...
10
11
12
13 (1pm)
14 (2pm)
etc
  • Peut-être indiquer également le matin/après-midi avec une icône (lune/soleil) lorsque 12 est sélectionné comme heure pour souligner la différence

  • utiliser une horloge de 12 heures, mais énumérer les 24 options

...
10 am
11 am
12 noon
 1 pm
 2 pm
etc...

Je pense que je préfère la dernière option pour deux raisons:

  • choisir parmi une liste déroulante de 12 options contre 24 n'est pas un énorme fardeau
  • vous pouvez supprimer la liste déroulante am/pm car cela gère à la fois
  • midi et minuit sont très clairs dans cette liste
43
DA01

Donc, le vrai problème ici est, étant donné que l'utilisateur a sélectionné 12 pour l'entrée heure, comment devraient-ils savoir si PM = jour et AM = nuit).

Voici une solution - lorsque l'entrée d'heure est autre chose que 12, affichez am/pm pour le menu déroulant; lorsque l'entrée d'heure est 12, le menu déroulant doit passer de nuit/jour à partir de am/pm.

enter image description here

9
Andy

Je trouve qu'au lieu de mettre 24 listes déroulantes, un affichage du champ sélectionné fonctionne mieux.

Vous faites une sélection dans le menu déroulant, le champ indique simplement ce que vous choisissez.

Dans votre formulaire actuel, cela ressemblerait à -

enter image description here

Ainsi, chaque fois que vous modifiez quelque chose dans le menu déroulant, il vous montre l'heure que vous avez sélectionnée. Pour 11 heures, il dirait - 11h00. Pour 12:00 AM, il dirait minuit et 12:00 PM il dirait midi. C'est juste une chose d'affichage qui ne peut pas être modifiée à moins que vous ne changiez la liste déroulante que vous avez sélectionnée.

Cette petite fonctionnalité d'affichage est facile à gérer pour un formulaire (il suffit d'obtenir la valeur à partir du menu déroulant et de se mettre à jour). Il indique clairement à l'utilisateur quelle sélection il effectue; de plus, cela n'interfère pas avec les bonnes pratiques d'interface, car vous ne compromettez pas vos fonctionnalités et/ou ne les rendez pas moins pratiques pour l'utilisateur.

3
user22624

Vous pouvez ajouter un texte d'indication que "12h = minuit"

2
Mark Gavagan

Vous pouvez adopter le horloge thaïlandaise de six heures

Les heures de chaque trimestre (à l'exception de la sixième heure de chaque trimestre) sont indiquées avec des mots ou expressions désignant la période, qui sont:

... mong chao (Thai: ...โมงเช้า,  [mōːŋ tɕʰáːw]) for the first half of daytime (07:00 to 12:59)
Bai ... mong (บ่าย...โมง, [bàːj mōːŋ]) for the latter half of daytime (13:00 to 18:59)
... thum (...ทุ่ม, [tʰûm]) for the first half of nighttime (19:00 to 00:59)
Ti ... (ตี..., [tīː]) for the latter half of nighttime (01:00 to 06:59)

Ce qui se traduit par Matin, Après-midi, Nuit, Tôt le matin.

1
Pureferret

J'aime vraiment l'idée qui a été suggérée par Sylar avec la petite info-bulle pop-up, mais je garderais les informations "minuit" ou "midi" situées dans la fenêtre déroulante afin que le bouton "Maintenant" ne se déplace pas comme vu dans United's. implantation ici .

La suggestion d'utiliser le format 24h peut être déroutante pour les Américains qui n'ont généralement pas beaucoup d'exposition au système. Cependant, vous pouvez toujours utiliser "l'idée de l'option 24" (comme mentionné par DA01) pour répertorier toutes les heures de 1h du matin à 11h et de 12h à 12h tout en bas. Ce type de progression peut donner à l'utilisateur une meilleure idée du temps car il "fait défiler" la progression temporelle dans sa tête, potentiellement mieux conforme à son modèle mental du temps. Voir cet exemple chez Delta. Ce serait probablement ma méthode préférée de choix.

Si vous ne souhaitez conserver que 12 options dans la liste déroulante, j'aime l'idée de déplacer le # vers le haut, car si l'utilisateur doit sélectionner 12, il y réfléchira probablement un peu plus si ce n'est pas immédiatement après le numéro 11 . Vous pouvez ajuster la (infobulle midi vs minuit en fonction de la sélection AM/PM).

La prochaine question serait, à quel point avez-vous besoin de grain fin pour votre recherche? Par exemple, si vous n'avez pas besoin de minutes exactes par heure, vous pouvez utiliser quelque chose comme: 9h - 12h, 12h01 - 15h, etc. et le décomposer en quelques catégories ou vous débarrasser de tout cela ensemble. Je crois que l'outil de recherche d'historique avancé de Paypal ne spécifie pas une heure et seulement une date.

1
Arctic

Pour être aussi clair que possible, nous utilisons 23 h 59 et 00 h 01 dans nos options déroulantes. C'est un peu bizarre avec le reste des temps pairs, mais la bizarrerie aide les gens à y prêter une attention particulière.

1
Taj Moore