私は、従業員が勤務可能かどうかを示す機能を含むWebアプリケーションを設計しています。これは、2人が口頭でやり取りするための簡単な概念です。「月曜日の火曜日は終日、水曜日は午後12時以降に対応できます」。しかし、これをWebフォームに変換する方法を理解するのは困難です。私が持っている必要があると思うオプションは次のとおりです。
誰かがこれの良い例を知っていますか、またはこのタイプの機能を実装するための一般的な提案がありますか?
ありがとう!
2つの領域を個別に用意することをお勧めします。1つはユーザーが可用性を説明するエントリを作成する領域、もう1つはシステムが集計結果を表示する領域です。
基本的に、これは2人の人が持つ可能性がある会話を複製し、ユーザーが「話す」ための領域とシステムが理解を「反映する」ための領域を提供します。
ユーザーが自分の空き状況を説明する領域を提供します。
これを行う1つの方法は、高度に構造化された一連のステートメントを作成できるようにすることですが、形式は英語です。
ユーザーがこれらを直接入力できるようにするか、なんらかの単純なビルダーを提供できます。
データエントリの横に、ユーザーの声明が可用性を定義する方法を示すカレンダーを提供します。これをナビゲート可能にして、人々が未来(またはおそらく過去)を調べられるようにします。ユーザーが特定のタイムスロットで一時停止している場合は、現時点で利用できる(または利用できない)理由を説明するツールチップを表示します。
ユーザーがタイムスロットをクリックした場合、その時点での可用性に寄与するルールを強調表示することができます。
共有可能なカレンダーには、このような機能(Outlook、Gmailなど)があります...コピーしてください。
単純な色分けされたカレンダーを使用できます。
-緑:利用可能
-黄色:部分的に利用可能
-青:使用不可。 (赤は厳しすぎると思います)。
-空白/透明:情報なし。
編集:以下のピーターチェンの思慮深いポイントの後、Occamのかみそりを使用します。
ここでの考え方は、1つの色のみを使用し、その色の強度を変化させることで、最小限の要素で多くの情報を提供できるということです。これは、従来の「信号機」方式を使用するよりもスキャンが簡単です。
利用可能な時間を指定するには、開始時間用と終了時間用の2つのインジケーターがあるスライダーを使用できます。
標準の労働時間を指定するフォームには、1週間の日付と各日付のスライダーを表示できます。これが繰り返し発生するかどうか(通常の標準週)を示すチェックボックスがある場合があります。
あなたが言及したシナリオに基づいて、あなたは例外イベントのためのフォームを持つことができます。これにより、標準的な週に加えて、1つのオフイベント(または定期的なイベント)を指定できます。たとえば、次の水曜日の午後をオフにする必要があります。
例外イベントは、利用可能な時間または利用できない時間を示す必要があります。これは、フォームの上部にあるラジオボタンとスライダーの時間間隔の色分けによって示されます。