web-dev-qa-db-ja.com

時間入力フィールドで午前12時と正午の混同を回避するにはどうすればよいですか。

最近、D2Lコース管理アプリケーションの「ドロップボックス」に対して、課題の誤った期限を指定しました。ここに示すように、私は12:00の正午を選択しようとしていましたが、時間入力フィールドには11:00 AMの真下に12:00と表示されていました。

confusing 12:00 AM dropdown menu

しかし、もちろん、私が行ったのは、実際には午前0時である12:00 AMを指定することでした 非常に混乱する時間指定 。 （私の場合、それは実際に既に過ぎた時間でもあり、アプリケーションは実際に過去に期限を作成しました。）

12は11の下にあるため、これは特に紛らわしい入力フォームであるように思われます。

この場合、12はメニューの上部の「1」の上に表示されますか？または、AM/PMインジケーターが「AM」の場合は「真夜中」、インジケーターが「PM」の場合は「正午」の一番上に表示する必要がありますか？または、下部で、これらの役割が逆になっているが、「AM/PM」インジケーターを誤って表示していますか？ AM/PMに応じて午前0時と正午の間にメニューを切り替えることは追加の複雑さであり、一部のテクノロジーを使用して行うことは困難ですが、より明確であるように思えます。それとも、もっと良いプレゼンテーションがあるでしょうか？

開発者にこれを参照する方法を提案するユーザビリティガイドラインはどこにありますか？

input-fieldstime
40
nealmcb

真夜中の奇妙さについての興味深い教育的情報があります： http://en.wikipedia.org/wiki/Midnight

具体的には、技術的には、真夜中は午前でも午後でもありません。しかし、2つの間の移行の瞬間にすぎません。

いくつかのアイデア：

  • 24時間時計を使用します。おそらく、括弧内に12時間の相関関係があります。
...
10
11
12
13 (1pm)
14 (2pm)
etc

  • 違いを強調するために時間として12が選択されている場合は、おそらく午前/午後もアイコンで表示します（月/日）。

  • 12時間制を使用するが、24のオプションすべてをリストする

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

私はいくつかの理由で最後のオプションを好むと思います：

  • 12のオプションと24のオプションのドロップダウンから選択することは大きな負担ではありません
  • これは両方を処理するので、am/pmドロップダウンを削除できます
  • 正午と真夜中はこのリストで非常に明確です
43
DA01

したがって、ここでの実際の問題は、ユーザーが時間入力に12を選択した場合、PM =日とAM =夜かどうか）をどのように知るべきかです。

これが解決策です-時間の入力が12以外の場合、ドロップダウンメニューにam/pmを表示します。時間の入力が12の場合、ドロップダウンメニューは午前/午後から夜/日に変更されます。

enter image description here

9
Andy

24個のドロップダウンを配置する代わりに、選択したフィールドの表示が最適です。

ドロップダウンで選択を行います。フィールドは選択内容を示すだけです。

あなたの現在のフォームでは、それは次のようになります-

enter image description here

したがって、ドロップダウンで何かを変更すると、いつ選択したかが表示されます。午前11時の場合は-11:00 AMと表示されます。午前12:00の場合は午前0時、午後12時PM正午になります。選択したドロップダウンを変更しない限り編集できない表示です。

この小さな表示機能は、フォームで簡単に処理できます（ドロップダウンから値を取得し、それ自体を更新するだけです）。これにより、ユーザーはどの選択を行っているかが明確になります。また、機能に妥協したり、ユーザーの利便性を低下させたりすることがないため、優れたインターフェースの実践を妨げることもありません。

3
user22624

「12AM = midnight」というヒントテキストを追加できます

2
Mark Gavagan

タイの6時間時計 を採用できます。

各四半期の時間（各四半期の6時間目を除く）は、期間を指定する単語または語句で示されます。

... 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)

これは、朝、午後、夜、早朝に変換されます。

1
Pureferret

小さなツールヒントポップアップでSylarによって提案されたアイデアが本当に好きですが、「真夜中」または「正午」の情報をドロップダウンウィンドウ内に保持して、「今」ボタンがユナイテッドのように移動しないようにします埋め込み ここ 。

24時間形式を使用するという提案は、システムにあまり触れていないアメリカ人にとっては混乱を招く可能性があります。ただし、「24オプションのアイデア」（DA01で言及されているとおり）を使用して、午前1時から午前11時まで、そして午後12時から午前12時までを最下部にリストすることもできます。頭の中で時間の進行を「スクロール」して、時間のメンタルモデルによりよく適合する可能性があるため、この種の進行はユーザーに時間のより良い考えを与えるかもしれません。 Deltaの この例 を参照してください。これはおそらく私の好みの方法でしょう。

ドロップダウンに12個のオプションのみを保持したい場合は、＃を一番上に移動するのが好きです。ユーザーが12を選択する必要がある場合、数字11の直後ではない場合、少し考えられるでしょう。 。（午前/午後の選択に基づいて、正午vs真夜中のツールヒントを調整できます）。

次の質問は、どれだけきめ細かい検索が必要かということです。たとえば、正確な時間を必要としない場合は、午前9時-正午、午後12時1分-午後3時などのように使用して、いくつかのカテゴリに分割するか、すべて一緒に削除できます。 Paypalの高度な履歴検索ツールは時間を指定せず、日付のみを指定していると思います。

1
Arctic

できるだけ明確にするために、ドロップダウンオプションで午後11時59分と午前12時1分を使用します。それは残りの偶数回すべてで少し奇妙に見えますが、奇妙さは人々がそれにもっと注意を払うのに役立ちます。

1
Taj Moore