Planning UX — 4 concepts explorés

EasyDmat · Peugeot Saint Dizier · Page /fr/planning/161 · Concept A+B = fusion retenue après retour terrain

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.

Mise à jour terrain · 18 mai 2026 — Après présentation, l'équipe a retenu deux briques préférées : la vue Jour timeline + recherche intelligente de créneau du concept A, et la heatmap Semaine du concept B. Le Concept A+B est la fusion cohérente de ces deux briques dans un seul produit (un seul design system, une seule recherche intelligente, drill-down heatmap → timeline).

RDV
13
Charge
66%
Prop.
2
Libre
11:00
CC
PP
↓ Vue Semaine = heatmap
CC
PP
VV
Bascule fluide Jour ⇄ Semaine · même chercheur intelligent partout
CONCEPT A+B

Timeline Jour + Heatmap Semaine + Finder

Fusion des deux briques retenues par l'équipe terrain : vue Jour avec timeline et "Recherche intelligente de créneau" (plage + préférence) du concept A, vue Semaine en heatmap drill-down du concept B. Un seul design system, une seule recherche intelligente disponible partout, une seule modale "Nouveau RDV", panneau "Détail de la journée" en twin-view.

Pattern : Resource timeline (Doctolib/FullCalendar) + Analytic heatmap (OpenTable/Linear) — pont via drill-down et finder transverse
Pour Secrétaire qui book ET CDV qui pilote · 1 seul produit, 2 perspectives

Forces

  • Couvre les deux personas (booking + pilotage)
  • Cohérence visuelle totale : 1 design system
  • Heatmap → Day timeline en 1 clic (continuité spatiale)
  • Recherche intelligente fonctionne dans les 2 vues

Limites

  • Plus de code à maintenir (2 visualisations)
  • Charge utilisateur : apprendre 2 vues complémentaires
« On garde la recherche intelligente et la vue Jour timeline du concept A, on ajoute la heatmap Semaine du concept B. Cliquer une cellule heatmap = ouvrir le détail du jour dans le panneau de droite. Le même chercheur de créneau fonctionne en Jour comme en Semaine. »
Ouvrir la fusion →

Concepts alternatifs explorés

CC
ME
PP
VV
RR
⚡ 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
CC
ME
PP
VV
RR
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 A+B — Fusion ★ C — Agenda
Persona principalSecrétaire dédiée bookingCDV / managerSecrétaire ET CDVSecrétaire généraliste
Action n°1Trouver un créneauSurveiller la chargeLes deux selon vueRetrouver un client par nom
Densité d'info●●●● haute●● faible (volontaire)●●●● haute (Jour) · ●● faible (Sem.)●●● moyenne
Lisibilité par RDV●● compacte●●● via drill-down●●● via drill-down●●●● maximale
Scalabilité conseillers10+ 8–10 10+ 6–7
Slot-finder✓ premier plan✓ bandeau✓ transverse 2 vuesbouton secondaire
Vue Mois utile ?✓ par conseiller✓✓ excellente✓ par conseiller✓ lisible
Charge cognitivemoyenne+faiblemoyenne (deux vues)faible
Coût dev (rel.)1× réf.0.8×1.4×0.9×