web-dev-qa-db-ja.com

過去30日以内に日付を入力する最も速いUIは何ですか?

私の営業担当者は自分のアカウントの長いリスト(200以上)を持っており、各アカウントを訪問した最後の日付を入力する必要があります。ほとんどの場合、この日付は過去30日以内です。日付を入力または選択するための最速のインターフェイスは何ですか?

7
Vidbot

私は数字キーパッドを言うでしょう。これは日付の通常のUIパターンではないので、注意してください。簡単な説明やトレーニングが必要になる場合があります。彼らに単にonly日(1、14、30など)を入力してから、バックグラウンドで次のようなプロセスを実行します。

  1. 今日の日付を取得します。
  2. 入力された月の日が今日の日付以上の場合、現在の月を自動的に1つ減らし、年を追加します。 (1月/ 12月のロジックを追加し、月に日が存在することを確認する必要があることに注意してください)。
  3. 入力した月の日付が今日の日付よりも小さい場合は、同じ月と年であったため、両方に追加できます。
  4. 現在の日付または1か月前より後の日付が必要な場合は、指定した形式で完全な日付を入力できます。
  5. 必要に応じて、ユーザーが矢印キーを使用して、入力を開始したら日付を選択できるようにするオートコンプリート機能を提供できます。

要約すると、ユーザーは月の日を示す1つまたは2つのキーストロークを入力すると、システムがそれらを自動的に入力します。

このメソッドに夢中でなければ、いつでもJavaScript日付セレクターを使用できます。 ( MooToolsjQueryDojo など)どちらの方法を選択すればよいかわからない場合は、ユーザーテストを実行して、人々にとってどちらの方法が速いですか。

8
Virtuosi Media

日付ピッカーウィジェットを使用して、2か月のビュー(現在の月と前の月)を表示し、将来の日付を無効にします。

2-month date picker widget

(それが jQuery UI Datepicker です)

この配置により、前月(少なくとも)の任意の日付をワンクリックで選択でき、他の最近の日付も簡単に入力できます。また、日付を入力する必要がある場合のように、担当者は「先週の金曜日」を「10月1日」に精神的に翻訳する必要がないことも意味します。

スペースが狭い場合は、テキストフィールドを使用して日付を表示し、フィールドがフォーカスを受け取ったときに日付ピッカーをポップアップさせることができます。

3
Bennett McElwee

「各アカウントにアクセスした」と言うと、コンピュータシステムでそれらを表示していることを意味します。この場合、最善の方法は、誰かがそのアカウントを開くたびに日付を記録することでした。

あるいは、私はこのようなものに行きます:

                Last visited: [______________] [v]
  SA   SU   MO   TU   WE   TH   FR   SA   SU   MO
|_25_|_26_| 27 | 28 | 29 | 30 | 01 |_02_|_03_| 04
  • 最初の行は、ユーザーが必要に応じて日付を完全に入力できるテキストボックスです
  • ドロップダウン/カレンダーアイコン[v]は、過去30日間を続けて表示します。それは多くのスペースをとらないので「常にオン」である可能性があります。
  • 週末が強調表示されている場合(たとえば、異なる背景色)、日は必要ない場合があります。
  • 収まらない場合は、スクロールバーを含めることができます。
  • 代わりに、標準の「行ごとに1週間」のカレンダーを使用できますが、月単位ではなく過去30日間を使用します。今月から2週間、先月から2週間。
2
DisgruntledGoat

ユーザーによって異なります。とは言っても、大量のデータを入力する場合は、キーボードを使用するのが一般的な方法です。パワーユーザーがいる場合は、特定の形式で日付を入力してもらいます。

1
DA01

カレンダーウィジェット(別名DTPicker)。現在の日付に近い日付を入力する必要がある場合は、これらの入力方法が最適です。それらは多くのスペースを必要とするため、スペースに制約がある場合はあまり適していません。それ以外の場合は、現在の日付に近い日付を入力するのに最適な方法です。日付の選択が主に過去30日間である場合、現在の日付が常にカレンダーの下部にある2か月のビューを提供することができます(過去30日間のすべての日付がシングルクリック)。

ただし、残りのUIがキーボード駆動型である場合(つまり、マウスを必要とする他のUIがない場合)、おそらくキーボード駆動型の日付ピッカーも必要になるでしょう。

1
Lie Ryan

「訪問フォーム」を変更してみませんか?訪問の日付と顧客の名前を入力するよう営業担当者に要求する代わりに、彼らは中断したところから開始します。

たとえば、最後に9月10日金曜日に情報を入力したとします。訪問フォームを呼び出すと、デフォルトの日付が翌営業日、つまり9月13日月曜日になります。担当者はその日のすべての訪問を入力します。矢印をクリックするか、Ctrl-RightArrowなどのショートカットキーを押して、翌営業日に移動し、その日の情報を入力します。

これにより、営業担当者は日付を入力する必要がなくなります。

0
Hisham