ユーザーのタイムテーブルのアイテムの幅を表示する方法は、必ずしも時間と一致しない
現在、予定が予定されている予定を表示するWebアプリのタイムテーブルを設計しています。
問題は、ユーザーに予定されたアポイントメントを事前に理解させるために、表示する必要があるいくつかの重要な情報（タイトル、時間、顧客）があると思うので、期間が短すぎるアポイントメントは異なる幅を持つ必要があることです彼らが表す時間よりも。
私の質問は、予定の幅が時間と必ずしも一致しないことをユーザーに理解させるにはどうすればよいですか？
私はこのアイデアを思いつきましたが、これはまだ十分に簡単ではないと思います...
更新：これは、Ashwinのアドバイスに従ってタイムラインがどのように見えるかです。
私はどんな提案にも開いています！
ありがとう！
これは良い質問です！解決策があるかどうかはわかりませんが、顧客の画像、名前、その他の詳細を常に表示すると、画面がビジー状態になる可能性があります。そして、多くの予定がある人にとっては、ページを使用できなくする可能性さえあります。また、予定が重複している場合はどうなりますか？
Googleカレンダーがイベント名のみを表示することでこれを処理する方法が大好きです。これはユーザーが最も関心を持っていることです。
これにより、コンテナのサイズを大幅に削減できます。次のように、残りの詳細をホバーに表示できます。
これにより、重複する予定も簡単に閲覧できます。 