Planning UX — 3 concepts

Le problème

La vue planning actuelle empile 5 conseillers × 5 jours en colonnes très étroites. Chaque rendez-vous est un mince trait vertical avec presque aucune information lisible. La secrétaire doit "deviner" les créneaux libres pour booker un client.

Inspirations étudiées : Doctolib (recherche intent-first), Fresha (zoom + presets), OpenTable GuestCenter (twin-view), Bryntum / FullCalendar resource-timeline, DayPilot (availability strip).

Cliquez sur un concept pour le tester. Chaque mockup utilise le même jeu de données (mercredi 13 mai 2026, 5 conseillers, ~28 RDV) pour comparaison directe.

⚡ Prochain créneau libre : VV à 10:30

CONCEPT A

Resource Timeline + Intent Finder

Vue jour avec les conseillers en lignes et le temps en colonnes — le pattern standard des outils de RDV pros. Bande d'availability à gauche de chaque ligne, recherche "prochain créneau" en haut.

Pattern : Doctolib · FullCalendar resource-timeline · DayPilot

Pour La secrétaire dédiée qui book toute la journée

Forces

Slot-finder = killer feature
Densité élevée, scanne 5 conseillers × 10h en un coup d'œil
Pattern familier (Doctolib-like)

Limites

Charge cognitive sur journées chargées
Détails complets cachés derrière 1 clic

« On a regardé Doctolib et FullCalendar. Le pattern qui revient c'est la resource timeline avec slot-finder : la secrétaire déclare la prestation, l'app propose les créneaux. »

Ouvrir le concept →

Lun

Mar

Mer

Jeu

Ven

libre léger chargé plein

CONCEPT B

Heatmap semaine + drill-down jour

Vue semaine compressée en heatmap : la charge de chaque conseiller × jour est codée par couleur. Cliquez une cellule pour zoomer sur la vue jour détaillée. Twin-view OpenTable.

Pattern : OpenTable GuestCenter · Linear Insights · dashboards analytiques

Pour Le CDV / manager qui pilote, pas qui book

Forces

Vue d'ensemble immédiate (5×5 cellules colorées)
KPIs en haut pour réunion d'équipe
Vue mois la plus puissante des 3

Limites

Plus de clics pour booker un RDV
Courbe d'apprentissage de la heatmap

« Ce concept optimise le pilotage, pas la prise de RDV. Inspiré du back-office OpenTable. Idéal pour les réunions du matin avec le CDV. »

Ouvrir le concept →

CC 5

09h MARTIN

10h BERNARD

14h DUPONT

VV ●

09h–10h libre

10h LEROY

11h–18h libre

🔍 Agenda type Doctolib · scan rapide par nom client

CONCEPT C

Agenda Stack (liste par conseiller)

Chaque conseiller a sa propre colonne agenda lisible. On lit les RDV comme une liste : heure + client + véhicule. Les plages libres sont rendues explicitement en vert.

Pattern : Doctolib (vue agenda) · Fresha · Vagaro / Mangomint

Pour La secrétaire qui pense « client », pas « créneau »

Forces

Lisibilité maximale (nom client visible)
Plages libres explicites (vert)
Recherche Ctrl+K instantanée

Limites

Ne scale pas au-delà de 6-7 conseillers
Densité plus faible que A

« L'approche Doctolib pure : agenda lisible, pas grille. Idéal pour des secrétaires qui doivent répondre vite au téléphone et retrouver un client par son nom. »

Ouvrir le concept →

Tableau comparatif

Aide-mémoire pour choisir le concept selon le persona principal et l'action prioritaire.

Critère	A — Timeline	B — Heatmap	C — Agenda
Persona principal	Secrétaire dédiée booking	CDV / manager	Secrétaire généraliste
Action n°1	Trouver un créneau	Surveiller la charge	Retrouver un client par nom
Densité d'info	●●●● haute	●● faible (volontaire)	●●● moyenne
Lisibilité par RDV	●● compacte	●●● via drill-down	●●●● maximale
Scalabilité conseillers	10+ ✓	8–10 ✓	6–7 ⚠
Slot-finder	✓ premier plan	✓ bandeau	bouton secondaire
Vue Mois utile ?	✓ par conseiller	✓✓ excellente	✓ lisible
Charge cognitive	moyenne+	faible	faible