タイムスケジューラUI
医師の診療予定ページを作成しています。このページでは、医師の1週間の毎日の利用可能な時間を設定する必要があります。
これは1回限りのアクティビティです。毎週何かが繰り返されます。このためのUXを作成する方法がわかりません。以下のスクリーンショットは http://checkappointments.com/ から参照されています
しかし、私は場所を望んでいないので、私はそれを出しました。
また、UIを使用すると、ユーザーは開始時刻と終了時刻を簡単に選択できます。
これにはもっと良いUXがありますか？
よりグラフィカルなアプローチを試してみませんか？
カレンダーを使用して、時間を直接コンテキストに入れます。
週ごとに繰り返すには、検証の近くに「定期的」オプションを追加するだけです
Checkappointments.comでアカウントを作成し、その仕組みを確認しました。重要な情報の1つは、ユーザーが勤務時間をスケジュールできる日付の数に制限がないことです。同時に、ほとんどの医師は毎週勤務しているため、週ごとのスケジュールはそれほど変わりません。次に、最初に標準の週間カレンダーを設定してから、手動で設定を上書きできるようにすることをお勧めします。
スケジュールが日ごとに変わらない状況も考慮するとよいでしょう。この情報は、ユーザーが最初の情報を入力すると、自動的に他の日に伝搬することもできます。
数字だけを使用するように入力する時間を簡略化して、ユーザーが「：」を入力する必要がないようにすることも検討する価値があります。 「分」フィールドは自動的に「00」で埋めることができます。これが最も人気のある選択だと私が思うものだからです。
だから、ここにワイヤーフレームがあります：
更新：これは更新されたワイヤーフレームであり、1日あたり複数のタイムスロットを追加する可能性があります（私の回答の下のコメントに基づく）。以前のバージョンはこちら：
ところで、「毎日」の場合は、「デフォルトのスケジュールの設定」タブに1行のみが表示され、曜日名は表示されません。それに応じて：隔週で14行。 [特定の日付を設定]タブに関しては、カレンダーのようなビューに移動するオプションもあります。 Googleカレンダー。私のソリューションでは、過去の日付は非表示になっています。これは、インターフェースが乱雑になるためであり、将来の可用性のスケジュールに関して重要ではありません。それでも、ユーザーは戻って履歴を見ることができます。
最初のユーザー（秘書？）は医師とオフィスを選択する必要があり、次に週、おそらく誰かが1週間以上前にスケジュールすることを望んでいますか？これらの選択によっては、医師が同じスケジュールをより頻繁に行う場合に備えて、システムが「スマートデフォルト」を提供する場合があります。
次に、入力自体については、1行だけで開始することもできます。その行が完了すると、別の行（日）を追加できます。そうすれば、医師が3日間しか働かなくても、5日間すべて記入する必要がなくなります。
上記のように、開始/終了日が何を意味するのかわからない場合は、おそらくそれらを取り除くことができます。
タイムスロットの増分は何ですか？ 1時間？半時間？分ではなく、利用可能な増分のみを提供します。 2つのハンドルを持つ単純なタイムスライダーはどうですか？私はそれらを本当に素敵だと思います、特に彼らが一日中揃うと、それはほとんどミニアジェンダのようです。
医師は同じ日に別の場所で作業できますか？次に、ユーザーが同じ日を複数回選択できるようにする必要があります。基本的な検証を追加して、オーバーラップなどの入力エラーを検出します。
それが役に立てば幸い