web-dev-qa-db-ja.com

日付範囲を選択する最も曖昧な方法は何ですか?

休暇を申請して追跡するための内部ツールを構築しています。出発日を選択するのは曖昧な場合があることを発見しました。私たちは、設定された日数を求める2つの異なる方法を考えました(下記のワイヤーフレーム)。次のうち、使いやすい方はどれですか。

注:この期間に含まれる休日または週末は、休暇日としてカウントされません。

Leave request page mockup

44
Rahul

私はこの種類のUIを使います、推論:

  • ユーザーは休暇を申請している日付のみを選択します休暇の最初の日と仕事の最初の日について考える必要はありません
  • Leave残高は同じ画面に表示されません乱雑になり、ユーザーを混乱させる可能性があるため。 「残高を残す」チェックについては、別の画面のメインメニューからアクセスできるようにすることをお勧めします。 (これには、承認待ちの休暇、残りの日数、既に取られた日数などが含まれる可能性があるため)

enter image description here

68
Ades

旅行やホステルの予約のため、最近この問題を検討しました。同じ問題がそこに現れます、なぜならあなたが夜を予約するか、日を予約するかは確かに混乱する可能性があるからです。

使いやすさの理由から、ユーザーは計算を行う必要がないであるため、左側の方が適しています。この場合、ユーザーを支援する最善の方法は、日付の定義を明確にすることです。ホステルの「チェックイン」と「チェックアウト」、または「オフィスに戻った最初の日」と書きます。 」。

より視覚的な方法で、カレンダーを表示する — GoogleやAppleのカレンダーのように—そして、オフィスから離れた日に色を付けることで、予約時に週と週末を明確に描くことができます。

13
Pierre Dutheil

Airbnbのやり方は素晴らしいです。選ぶときは、「休暇の最初の日、仕事の最初の日」オプションがあります。カレンダーをタップすると、今日から始まる無限のスクロールで表示されます。あなたの場合は、休暇日としてカウントされない日を別の色で表示することもできます。彼らは1か月を開始して次の月を終了する場合でも、カレンダーの休暇日を適切にマークします。airbnbが行うのは、両方の日付を選択した後、2番目に待機してからカレンダーを閉じ、2つのヘッダーを残すだけです。正しい日付が表示されます。そして、あなたは数えられる休暇日数を加えることができます。

enter image description hereenter image description here

この方法は明らかです:

  1. 彼らの休暇が始まるとき。
  2. 彼らの最初の日が仕事に戻る日です。
  3. 選択した後の数(「休暇日:5日」)とカレンダーの色の両方で、彼らが取っている葉の日数。

そして、あまりスペースを取っていません、Airbnがどれほどきれいに見えるか見てください!

6
rr1g0