Améliorer l'affichage de la réservation et des chambres
Sur le campus, nous avons de grandes cartes électroniques (voir l'image ci-dessous) affichant 6 chambres. Chaque couleur représente une chambre séparée et indique quand cette chambre est réservée.
Existe-t-il un moyen plus convivial (et probablement moins encombré) d'afficher ces informations?
Vous trouverez ci-dessous quelques suggestions que vous pouvez essayer:
- Utilisez l'axe horizontal pour le temps, beaucoup plus facile à lire.
- Utilisez la police grise pendant des heures. Ce sont les informations les moins importantes à l'écran.
- Utilisez des couleurs moins saturées pour les pièces. Les couleurs saturées créent plus d'encombrement.
- Ne répétez pas les heures dans les bars de la salle. Ils ne sont pas nécessaires.
- Afficher les barres continues. Si deux sessions dans la même salle se succèdent, ne les affichez pas comme deux barres, mais comme une seule. Ces informations sont inutiles.
- Répétez les heures pour chaque jour, cela minimisera les mouvements oculaires des utilisateurs.
- Supprimez l'arrière-plan gris des étiquettes de jour.
- Ajoutez une grille de lignes grises, cela aidera les utilisateurs à identifier plus facilement les pièces vides.
- Rendez la police d'étiquette du jour en gras et en grand, le plus d'erreurs que les gens font avec les réservations
Le résultat peut ressembler à ceci:
Au lieu d'afficher la semaine dans les colonnes, vous pouvez afficher les salles de conférence dans les colonnes. Vous pouvez ensuite déplacer le jour de la semaine sous forme de liste déroulante. Je pense que la plupart des gens essaient de planifier une réunion pour un jour particulier et ils peuvent sélectionner le jour, puis voir quelles heures ont des ouvertures de salle. Cela désencombrerait votre graphique.
S'il s'agissait d'une page plus petite conçue pour le processus de réservation plutôt que d'un grand tableau électronique, je recommanderais simplement d'afficher un jour à la fois, avec une liste déroulante pour permuter entre eux. Mais comme cela est conçu pour donner un aperçu, ma recommandation serait quelque chose comme ceci:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Les dégradés de couleurs représentent le nombre de pièces libres: les couleurs sombres signifient peu de pièces, les couleurs plus claires signifient plus de pièces. Certains sacrifices doivent être consentis pour réduire l'encombrement et je pense que le fait le moins important est la place disponible. Un schéma de couleurs différent peut fonctionner, du rouge au vert par exemple (mais il peut ne pas être clair pour les utilisateurs daltoniens - pas que le système actuel leur soit super convivial!).
Je me trompe peut-être, mais je suppose que les élèves regardent le tableau pour vérifier si une chambre est disponible à l'heure de leur choix, puis la réservent sur leur appareil séparé. Ils peuvent voir si une pièce est libre en un coup d'œil - ils ne savent pas quelle pièce mais ce n'est pas pertinent jusqu'à ce qu'ils se connectent, à quel point une liste plus détaillée s'affiche.