予約カレンダーUX / UI-アプローチ
利用可能なスロットの予約を可能にする予約カレンダーのレスポンシブデザインを考えています。一般に、カレンダーUIの上部には、垂直方向の配置として時刻、水平方向として曜日があります。たとえば、Googleカレンダー。しかし、私がメンタルモデルについて少し考えた場合-いくつかの選択された日付の可用性をチェックすること-この添付されたUser Expは理にかなっています。時間は日付の要素であり、ユーザーは水平方向にスキャンできるため、スキャンが容易になると思いました。モバイルでは、これは単純に凝縮され、毎日の行がスワイプ可能でタップ可能になります。
これはうまく機能するとは思わない。
週の日数よりも時間帯の方が多く、通常のスロットのコンテンツは、高さよりも広くなる傾向があります（通常はテキストであるため）。これらの事実を組み合わせると、情報は、日と行のタイムスロットを表す列の従来の配置にうまく適合します。
各ボックスで時間を繰り返すため、デザインには不必要な繰り返しがたくさんあります。これは向きに固有のものではありません。これを列ヘッダーに移動できます。しかし、そうすると、レイアウトの無駄な垂直スペースが表示されます。
さらに、他の誰もが行う方法とは異なる方法で実行しているという事実があります。これは理解を難しくし、正当な理由なしに行われるべきではありません。ここには表示されません。
ちょうど反対の見方のために...
おかしなことに、私にはかなり自然に見え、感じられます。
興味深いことに、時間は「通常は垂直」であることに「気づかなかった」だけです。
たとえば、Mac-Calendarの日または週のパネルをクリックすることさえありませんでした。
興味深いことに純粋に私にとっては（OSXカレンダー）は不自然に評価されるようです！私にとっては、「7日間でフィットする必要があるので、彼らはそのようにしてくれました」のようなものです。
私がOPを間違えていなければ、ごく限られた日数の状況を示唆しています。実験として、具体的に「3日間」を行っていたとしましょう。
実際、私はOPで提案されている方法で「3日間」を実行します。
私にとっては、時間が左右にスクロールするのは自然なことです。
予約済みのタイムスロットは表示しないことをお勧めします。これは、デザインをクリーンアップするのに役立ちます。
ユーザーが予約できない場合でも、利用できないタイムスロットを確認する必要はありません。