web-dev-qa-db-ja.com

いつ、なぜ日付ピッカーを使用する必要がありますか?

a date picker on an airline website

上のスクリーンショットは 航空会社のウェブサイト からのものです。

日付ピッカーはウェブサイトでいくらか一般的です-イベントを予約している状況では特に一般的です。ほとんどの場合、それらが表示されたときに、日付を入力する(テキストボックス、ドロップダウンなどを使用)、または日付ピッカーを提供するボタンをクリックするオプションがあります。

今朝私はなぜこれらが使われているのか研究してきました-そしてwhen PCアプリケーションまたはPCアクセスWebサイトのコンテキストで使用する必要があります。 (タブレットや携帯電話などのタッチデバイスにこれらを使用する理由はたくさんあるので、この質問の焦点では​​ありません。)

私は考えました:

  • 日付がわかっている場合は役に立ちません。そのような状況では使用しないでください。たとえば、SteamとGmailは、あなたの生年を選択するための日付ピッカーを提供していません。
  • それらは、コンテキスト内でまだ知られていない日付を選択するのに役立ちます。何かをスケジュールする場合、日付の選択は、予約する曜日または月の週によって影響を受けます。

しかし、それはたった2つのポイントです。見落としていることはまだまだあると思います。

日付ピッカーを使用する必要があるのはなぜですか、なぜ使用する必要があるのですか?

32
doppelgreener

日付ピッカーは、関心のある日付が1か月程度のコンテキスト内にある場合に役立ちますが、数年離れると数年のジャンプには手間がかかる多くのクリックが必要になるためです。

日付セレクターは、入力ミスを減らすのに役立つだけでなく、いくつかの正しいバリエーションが可能な場合にフォーマットを標準化します。アメリカ人の場合、日付の正しい形式は月/日/年ですが、オーストラリア人の場合は、日付/月/年です。これらの文化の違いに加えて、日付はこれらすべての形式で有効です。

  1. 2014年4月1日
  2. 2014年1月4日
  3. 2014年1月4日
  4. 2014年1月4日
  5. 2014年1月4日
  6. 2014/01/04

日付の形式が有効な場合に大きな問題が発生しますが、2つの異なる方法で解釈できます。 2014年4月1日は、2014年1月4日および2014年4月1日になる可能性があります。ビジュアル日付ピッカーツールは、このような潜在的な問題の解決に役立ちます。

同じ日付/月の混乱のため、今は再び生年月日に向かっていますが、私は単一の入力ボックスで完全な生年月日を入力することを好みません。 Googleで使用されているように、ユーザーがドロップダウンメニューから月を選択し、入力ボックスから日付と年を入力できるようにすることをお勧めします。

enter image description here

24
Salman Ehsan

カレンダーウィジェットを使用するその他の理由(形式に注意する以外に):

  • ピッキング日付範囲:開始日/終了日、開始日/終了日、出発日/返却日。
  • 「今から1週間」または「今月の日付」などの日付と日付範囲のカスタムプリセットを提供します。
  • 日付と時刻の関連付け(時間が必要な場合)。それらは実際には切り離せないのですが、UIでそれらを(異なるフィールドで)分離するのはなぜですか?優れたウィジェットを使用すると、ユーザーは日付と時刻の両方を選択し、適切にフォーマットされた1つの値を入力フィールドに挿入できます。
  • カレンダーの特定の日付を無効にします。祝日、特定のケースでは無効と見なされる日付など。エラーを防ぎます。
  • ユーザーが正しい日付を選択するのに役立つ可能性のある追加情報を表示します:スケジュールの忙しさやママの誕生日など。
8
myajouri

[〜#〜]いつ[〜#〜]

これらは、将来の計画イベントまたは過去の時間の調査や、ある種の検査の範囲の計画に非常に役立ちます。

ユーザーが壁のカレンダーに行って、将来の計画を立てたり、過去のイベントを調べたりするのを見ることができるときにいつでもそれを使用してください。

[〜#〜]理由[〜#〜]

カレンダーはおそらく、これまでに発明された情報デザインの最も優れた例の1つです。これは、時間データ(年、月、週、日)の複数のレイヤーを視覚的に整理し、ほとんど労力をかけずに完全にアクセスおよび移動可能なメンタルモデルに変換します。 それは時間のそろばんのようなものです

HCIでは、人とコンピュータの両方が理解できる方法で日付をフォーマットすることも起こります。

生年月日を正確に知っているため、生年月日の入力には役立ちません。そのような日付入力にはピッカーではなく別のUIの方が適しています

6
Itumac

あなたの2つの箇条書きは、意味のある場合と意味がない場合に簡潔にまとめられていると思います。

私たちの誤りは、おそらく、私たちはそれらを長い間「日付ピッカー」と呼んでいたことです。あなたが指摘するように、カレンダーの視覚的な合図が意味をなすときに役立つので、それらは本当に「曜日」ピッカーと呼ばれるべきです...曜日を知る必要があるとき、または日付が表示される月の週。特定のコンテキストが必要ない場合は、せいぜい不必要で、最悪の場合は邪魔になります。 「最悪」の最も良い例は、今日から始まる日付ピッカーの使用を必要とする誕生日フィールドです。日付ピッカーで20年以上前にページを戻すことに忍耐力を持つ人はほとんどいません。

4
DA01

一般的なルールは次のとおりです。曜日は(あなた/ユーザーにとって)重要ですか?

次の場合にのみ、日付ピッカーを使用します

  • (b)ユーザーが既知の曜日を使用して日付を選択したい。
  • (a)ユーザーは日付を参照したいと考えており、曜日に基づいて日付を選択する可能性があります。

(a)の例は、給与計算ソフトウェアです。ユーザーは、自分の会社が毎月第2木曜日と第4木曜日に従業員に支払うことを知っているかもしれませんが、ユーザーはその年のすべての給与日の日付を記憶することはほとんどありません。

(b)の例は、旅行の予約サイトです。ユーザーは週末なので、週末のスケジュールを参照して選択することもできますが、実際には、選択した日付を知る必要があります。

3
Tim Huynh

単に、カレンダーを使用しているケースが、日付ピッカーを使用している理由です。日付ピッカーは、カレンダービューの拡張機能です。

誕生日だけを入力する場合は、カレンダーを確認する必要はありません。あなたがあなたの休日を手配している、あるいは何かを見つけているなら、あなたは再びカレンダーが必要です。期間を制限している場合は、視覚的に確認することをお勧めします。

日付ピッカーは一般にキーボード入力が少なくて済み、必要な場合は常にキーボード関連のエントリの後に配置する必要があります。 rynairのウェブサイトを確認してください。キーボード入力を押すことなく空港を選択することもできます。これは、キーボード入力よりも操作が少ないためです(もちろん、範囲を適切に設計した場合)。

2
Abektes