web-dev-qa-db-ja.com

日付と時刻を表示する方法

ユーザーが他のユーザーが受け取るアイテムを残すWebページに日付を表​​示したい(サイトの目的は重要ではありません)。

次の形式で日付を表すことを考えていました。

  • 今日、14:00
  • 1月12日13時56分
  • 5月6日18h23
  • 2011年12月12日、7時間34日

これらのオプションは直感的ですか?ここに日付(datetime)を表示する理想的な方法は何ですか?

16
John Assymptoth

日付形式については、誰がページを読むのかを知る必要があります。 ミドルエンディアン、月から始まる (mm/dd/yyyy)を使用して問題がなく、米国の人々のみを対象としているが、世界規模の群衆向けに設計している場合は、月の名前から。それは私が私のウェブサイトで使用するものです。またアメリカでは、軍事時間(18:23など)は好きではなく、「午前」を好みます。そして「午後」

あなたがそれを理解した後、その部分は楽しい部分になります。
過去の時間に応じて、このようなデータを表示したい:

  • 1時間32分前。 (24時間以内)
  • 昨日の午後4時23分(48時間未満前)
  • 5月6日18:23(365日未満)
  • 2011-12-23、7:34 a.m。 (以前のアーカイブのフォーマットにはこれを使用しています)

どのくらい前に日付の後に別の形式の日付の色を含めることができるかが重要な場合は、次のようにします。

  • 昨日の午後4時23分[1日3時間43分前]
  • 5月6日18:23 [12日間、13時間3分前]

[〜#〜]編集[〜#〜]
標準は素晴らしいですが、優れたUX向けには作られていません。それについて考えてください-あなたは1988年にISO 8601に取り組んでいる科学者がウェブUXについてさえ考えたことはありますか? :D
何をするにせよ、誰が何なのか不思議に思う必要のない方法で日付と時刻を表示することを確認してください。

16
Radi

それはあなたの聴衆に依存します。日付と時刻は 高度に可変ローカライズ によって異なります。

日付と時刻の標準案は ISO 8601 :2012-01-15 03:05Zです。

この表現は自然言語とはほど遠いため、ユーザーエクスペリエンスは良好ではありません。推奨事項:

  • 視聴者のローカリゼーションを見つけます。米国からの場合January 12, 2012 at 1:56 pmはおそらく正しい方法です。
  • 自然言語で使用されているように、相対表記またはあいまいな表記を使用します:yesterday at 1:35 pmまたはan hour ago。これは良い 自然なインターフェース になります。
  • 使用 - <abbr>日付パターン 多くのサイト(Facebook、Twitter、SE)と同様に、ISO 8601表記を追加で使用します。これは、長期的にはユーザーエクスペリエンスの向上につながる機械間通信に適しています。また、ユーザーは日付にカーソルを合わせると正確なタイムスタンプを確認できます。
12
Naoise Golden

場所に依存しない場合は、UTCを使用することをお勧めします。それ以外の場合は、UTCと現地時間の両方を使用することをお勧めします。経験から、ux.SEのUTC時間(上部のステータスバーでIDにカーソルを合わせるとパネルの下部に表示される)によって、混乱から一日が救われたと言えます。

今日/昨日ユーザーが世界中に分散している場合、関連性はまったくありません。これらがUXデザインでいかに存続しているか疑問に思います。

月/日のnn/nnまたはnn-nn形式は使用しないでください。月と日の間で完全な混乱が広がっています(私が何を意味するか知っています)。

経過時間は、状況に応じて、今日/昨日と混同しない場合にも役立ちます。

質問を詳しく説明する場合は、編集してさらにポイントを追加できます。

4
Kris

likeISO 8601 形式に近いものを提案したいのですが、日付はYYYY-MM-DDとして表され、時間はHH:MMまたはHH:MM:SSです。

あいまいさはありません(YYYY-DD-MMを使用している人がいることはありません。正しくソートされ、ローカルの月名に依存しません。

あなたの聴衆に応じて、これは理想的なソリューションかもしれません。しかし、多くのユーザーは、あまり理想的でない形式を好むでしょう。

MM/DD/YYYY(米国スタイル)またはDD/MM/YYYY(英国スタイル)のいずれかを使用する場合は、ページで使用しているページを明確に示してください。それ以外の場合、日付は毎年132日があいまいになります。しかし、ほとんどの米国のユーザーは英国のフォーマットを強く嫌い、逆もまた同様です。そして、典型的な米国のユーザーは、24時間のタイムスタンプを嫌い、AMまたはPMインジケーターを好みます。

「14h00」は米国では一般的な形式ではありません。 「14:00」がより一般的であり、「2:00 pm」がさらに一般的です。

月の名前を入力すると、あいまいさがなくなり、順序の重要性が低くなります。

可能であれば、ユーザーが時間形式を選択できるようにすることを検討してください。

4
Keith Thompson

それはすべてここの顧客に依存します。私たちにとって、顧客はインドのタクシー運転手です。だから私たちのためにうまくいくと思うフォーマットは

  • 今日、4時間50分
  • 昨日午後4時30分
  • 明日、午前8時30分
  • FRI、12(1月)、6:30am

@ NaoiseGgolden で言及されている形式は、学校の大学教育を受けた観客用です。キャビーはそんなに読む時間がないので、明日を見て、それ以上読むことはありません。

1
Siddharth

Facebookのx seconds agox minutes agox hours agoYesterday at timeSunday at timeなどで時間を表示する方法は非常に気に入っています。これは、特にそこにいるときはいい方法だと思います相対形式で時間を表示する利点です。これは、ほとんどの言語と地域で比較的標準的なはずです。

ただし、これを使いすぎると明らかに問題が発生するため、6 weeks agoなどの表示は避けた方がよいでしょう。代わりに、イベントから3〜4日後に完全な日付と時刻の表示を開始します。

同時に、時刻、日付、またはその両方を必要とするエントリの場合、その日付時刻のローカライズされた形式を表示する必要があります。

これを作成する言語に応じて、ほとんどの場合、ICUライブラリー ほとんどのロケールで日付、時刻、日時のパターンを提供する へのフックが必要です。

たとえば、PHPは DateFormatter を提供し、日付、時刻、または日時を非常に簡単にフォーマットできます。

0
F21

誰もが日付を理解できるようにするための最良の方法は、日付、月名、年の完全な表記を2012年12月26日のように表示することです。 。

ユーザーにとってより使いやすくしたい場合は、アイテムが投稿されてからの経過時間を20分前または1週間前のように追加できます。最近のアイテム。 1か月前に作成されたすべてを表示するなど、その時間の周りに作成されたすべての時間へのリンクにすることもできます。

0
Pratheep ch