キャンパスには、6つの部屋を表示する大きな電子ボード(下の画像を参照)があります。各色は別の部屋を表し、その部屋が予約されたときに表示されます。
この情報を表示するための、よりユーザーフレンドリーな(そしておそらく雑然としない)方法はありますか?
以下のいくつかの提案を参考にしてください。
結果は次のようになります。
列に週を表示する代わりに、列に会議室を表示できます。次に、曜日をドロップダウンとして移動できます。ほとんどの人は特定の日に会議をスケジュールしようとしていると思います。彼らはその日を選択して、どの時間に部屋に空きがあるかを確認できます。それはあなたのチャートを散らかすでしょう。
大きな電子掲示板ではなく、予約プロセス用に設計された小さなページの場合は、一度に1日ずつ表示し、ドロップダウンを入れ替えて表示することをお勧めします。しかし、これは概要を示すように設計されているので、私の推奨は次のようなものになります:
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
色のグラデーションは、空いている部屋の数を表します。暗い色は部屋が少ないことを意味し、明るい色は部屋が多いことを意味します。混乱を減らすためにいくつかの犠牲を払わなければなりません、そして最も重要な事実はどの部屋が利用可能であるかだと思います。たとえば、赤から緑まで、さまざまな配色が機能する場合があります(ただし、色覚異常のユーザーにとっては不明確である可能性があります。現在のシステムが非常に親しみやすいというわけではありません!)。
私は間違っているかもしれませんが、生徒がボードを見て、選択した時間に部屋が空いているかどうかを確認し、別のデバイスで予約することを集めています。彼らは一目で部屋が空いているかどうかを確認できます。どの部屋かはわかりませんが、ログオンするまでは関係ありません。ログオンすると、より詳細なリストが表示されます。