web-dev-qa-db-ja.com

可用性カレンダーUI / UXアプローチ

私は現在、ユーザーが以前に設定したチューターの利用可能なスロットを確認できるようにする予定表に取り組んでいます。

ユーザーは利用可能なスロットをクリックしてレッスンを予約できます。このための基本的なカレンダー構造を考え出しました。しかし、それはすでに混乱のように見えます。スロットのデザインを再配置するためにあなたのアイデアを感謝します。

enter image description here

1
Mark

日の下で利用可能な時間を繰り返す代わりに。時間はカレンダーの左側に置くことができます。

これにより、ユーザーは利用できない日も確認できます。

また、ユーザーが予約できる場合は、各時間の間に少なくとも2行入れることをお勧めします。 30分の予約。ただし、予約できるのが1時間の予約のみの場合、ラインは必要ありません。

Calendar viewHover

1
Bagus Andryan