Écran 1 / 2 — Cockpit apprenant /pilotage/cockpit/:userId — atteint depuis le nom d'une personne, aucune entrée de latérale

Léa Nguyen

3 formations

Chargée de clientèle · Ambre Partners

Le dossier d'une personne : d'abord ses formations, puis le détail de celle que vous ouvrez. On passe d'une formation à l'autre sans perdre la personne.

Données d'activité disponibles depuis le 08/08/2026 (mise en service du suivi). Un « 0 connexion » avant cette date est un trou de mesure, pas un désengagement.

Niveau 1

Ses formations

3 formations — 1 terminée, 1 en cours, 1 non débutée

Statut	Avancement	Affectée par	Le
En cours	35 %	Marc Recette	02/07/2026
Terminée	100 %	Inconnu	inscrit le 14/03/2026
Non débutée	0 %	Marc Recette	05/08/2026

Chaque nom de formation est un bouton, pas une ligne cliquable : la sélection doit être atteignable au clavier et annoncée comme une action.

Niveau 2

Cockpit de « Lutte anti-blanchiment »

Temps total

2 h 14

Durée moyenne / session

18 min

Connexions

Dernière connexion

11/08/2026

Score quiz moyen

78 %

Tentatives

Documents téléchargés

—

Avancement

35 %

Timeline d'activité — 60 derniers jours

11/08 09:42 Vue du support
11/08 09:20 Quiz — 78 %
04/08 17:05 Téléchargement
28/07 11:31 Vue du support
02/07 08:10 Vue du support

Dossier de formation — quiz, achèvements et certificats sont conservés sans limite d'ancienneté. C'est une preuve de qualification : la borner détruirait le dossier d'un collaborateur présent depuis dix ans.

Mesure d'activité — vues, connexions et téléchargements sur 24 mois glissants, horizon accordé à votre rôle. Au-delà, l'absence de trace ne veut pas dire l'absence d'activité.

Aucune formation choisie

Sélectionnez une formation pour ouvrir son cockpit.

Chargement

Chargement…

Hors périmètre (403)

Cette personne n'est pas dans votre périmètre.

Échec de chargement

Le cockpit n'a pas pu être chargé.

Aucune formation affectée

Aucune formation affectée.

Fenêtre sans activité

Aucune activité sur cette fenêtre.

Écran 2 / 2 — Mes équipes /pilotage/mes-equipes — même contrat que Mes collaborateurs, périmètre élargi à la descendance indirecte

Mes équipes

34 personnes

Votre hiérarchie directe et indirecte. Ce qui distingue cet écran de « Mes collaborateurs » : la colonne Manager de rattachement — sur plusieurs niveaux, « qui encadre qui » est l'information qui manque.

Données d'activité disponibles depuis le 08/08/2026 (mise en service du suivi).


LNLéa Nguyen	lea.nguyen@exemple.fr	Apprenant	Ambre Partners	Chargé de clientèle	1	1	1	3	1	1	0	Marc RecetteManager d'équipeAmbre Partners	Occasionnel
TRThomas Rivet	thomas.rivet@exemple.fr	Manager d'équipe	Ambre Partners	Souscripteur	4	2	0	6	4	0	1	Sophie BergerDirectriceAmbre Partners	Récurrent
KBKarim Benali	karim.benali@exemple.fr	Apprenant	Numedia	Gestionnaire sinistres	0	1	3	4	0	3	1		Jamais actif
AMAmel Mansouri	amel.mansouri@exemple.fr	Apprenant	Efektiv	Chargé de clientèle	2	0	0	2	2	0	0	Thomas RivetManager d'équipeAmbre Partners	One-shot

1–20 sur 34 personnes

Aucune personne dans la hiérarchie

Personne n'est rattaché sous vos collaborateurs directs. L'entrée « Mes équipes » ne s'affiche d'ailleurs pas dans ce cas.

Aucun résultat après filtrage

Aucune personne ne correspond à ces filtres. Élargissez la recherche ou retirez un filtre.

Export en cours

Le bouton « Exporter » passe en attente et se désactive le temps de produire mes-equipes.xlsx.

Ce que la maquette fixe

Le cockpit est le dossier d'UNE personne, pas une page de statistiques. Le titre porte son nom (FRONT#55) et son rôle : sans lui, deux dossiers différents étaient visuellement identiques. Le nom vient de la réponse du niveau 1 — aucun appel supplémentaire.
Deux niveaux sur un seul écran. Niveau 1 = ses formations, niveau 2 = le cockpit de celle qu'on ouvre. Les séparer en deux pages ferait perdre le contexte de la personne à chaque changement de formation. Le nom de formation est un bouton (aria-pressed), pas une ligne cliquable.
Les deux règles de #182 sont écrites à l'écran, côte à côte, parce que c'est leur opposition qui informe : le dossier de formation (quiz, achèvements, certificats) n'est jamais borné par l'ancienneté ; la mesure d'activité (vues, connexions, téléchargements) l'est, sur l'horizon accordé au rôle. Un dossier complet et un dossier tronqué se ressemblent sinon exactement.
Aucune donnée absente n'est remplacée par une donnée inventée. Un auteur d'affectation nul s'affiche « Inconnu » ; une date d'affectation manquante affiche la date d'inscription en le disant ; un KPI sans valeur s'écrit « — » ; un manager absent laisse la cellule vide (ni tiret ni « Aucun »), ce qui permet de repérer les non-rattachés (#160). La ligne « Données disponibles depuis le… » distingue un trou de mesure d'un désengagement.
Le cockpit remplace les cinq anciennes fiches par rôle (/admin/learners/:id, /manager/users/:id, /director/users/:id, /general-manager/users/:id, /learner/detail/:id), toutes redirigées par VersCockpit.jsx. Le périmètre est porté côté serveur, sur l'apprenant consulté : changer l'identifiant dans l'URL n'ouvre le dossier de personne. L'écran est donc le même quel que soit le rôle ; seuls changent le périmètre et l'horizon de mesure.
« Mes équipes » sert le même contrat que « Mes collaborateurs » : recherche globale, tri par colonne, filtres par colonne, pagination serveur (20/page), export de la vue courante, menu Colonnes (masquer, réordonner, rétablir) mémorisé par utilisateur et par écran. Toutes les colonnes du code sont présentes, y compris les six masquées par défaut. Un filtre suit sa colonne : masquer la colonne retire le filtre.
La colonne « Manager de rattachement » n'est pas masquable d'office ici : sur plusieurs niveaux, « qui encadre qui » est le sens même de l'écran. Sa carte de survol (nom, rôle, société) ne déclenche aucun appel réseau et s'ouvre aussi au clavier (:focus-within sur un vrai bouton).
Les deux entrées conditionnelles de la latérale sont marquées « donnée » / « rôle » : « Mes équipes » dépend de has_indirect_reports (EA-048), « Tous les collaborateurs » du rôle Manager RH ou admin (#63). Les confondre serait une erreur — le premier n'est pas un droit, c'est une pertinence.

À VALIDER C-1Le cockpit n'a aucune entrée de latérale et aucun fil d'Ariane. On y arrive par le nom d'une personne, et on en repart par un bouton « Retour » qui rejoue l'historique du navigateur (navigate(-1)) — donc on ne sait jamais où il ramène. La maquette garde ce « Retour ». Faut-il un vrai fil d'Ariane (Mes équipes › Léa Nguyen) et une entrée de latérale qui reste allumée sur l'écran d'origine ?

À VALIDER C-2Le vocabulaire du profil d'usage diverge entre le code et la maquette précédente. Le code sert quatre valeurs — Jamais actif / One-shot / Occasionnel / Récurrent ; la maquette 2-collaborateurs-efektiv-v3 en affiche trois autres — Régulier / Occasionnel / Inactif. La maquette retient le vocabulaire du code, verbatim. Lequel fait foi ? (« One-shot » est un anglicisme dans une interface par ailleurs entièrement française.)

À VALIDER C-3Les filtres Retard et Abandons divergent eux aussi. Le code propose « ≥ 1 » et « ≥ 2 » ; la maquette précédente propose « Avec retard / Sans retard ». La maquette garde le code. Le seuil chiffré est-il le bon geste, ou faut-il « Avec / Sans » plus une saisie de seuil ?

À VALIDER C-4L'horizon de mesure n'est pas nommé par rôle. Le texte dit « 24 mois glissants, horizon accordé à votre rôle », mais l'écran ne dit pas quel est cet horizon pour les autres rôles ni pourquoi c'est le sien. Faut-il l'expliciter (« votre rôle de Manager d'équipe donne accès à 24 mois »), ou reste-t-on à la valeur seule ? Rappel du piège de vocabulaire : manager technique = Manager RH (voit toute la plateforme), sub_manager = Manager d'équipe.

À VALIDER C-5Le socle de tokens ne couvre pas ces deux écrans. Le :root recopié de 8-liste-cours n'a ni --ink-4, ni --alert/--alert-bg, ni --warn/--warn-bg, ni --t-h2 — que 2-collaborateurs-efektiv-v3 utilise pourtant. Ici tout est composé : retard = --accent, abandon = --type-parcours, bandeau d'écran = --pill. Étend-on le socle commun, ou garde-t-on deux jeux de tokens ?

À VALIDER C-6« Ses formations » ne dit rien du retard ni de l'abandon. Ces deux signaux existent dans la liste d'équipe (colonnes Retard / Abandons) mais disparaissent dès qu'on ouvre le dossier de la personne — alors que c'est là qu'on décide d'agir. Faut-il les remonter sur la ligne de formation du niveau 1 ?

À VALIDER C-7Aucune action possible depuis le cockpit. On lit un dossier, on ne peut rien en faire : ni relancer, ni affecter une formation, ni retirer une inscription. Le bouton « Écrire à Léa » de la maquette est une proposition, sans code derrière. Quelles actions veut-on ici, et lesquelles restent dans « Inscriptions » ?

À VALIDER C-8La timeline bascule sur « tout l'historique » d'un seul bouton. Sur un collaborateur ancien, cela peut représenter des centaines de lignes sans pagination ni regroupement par jour. Regroupe-t-on par jour, pagine-t-on, ou plafonne-t-on l'affichage en le disant ?

CHANGEMENT UXLes huit indicateurs du niveau 2 étaient rendus en grille brute sans hiérarchie. La maquette les garde tous les huit, mais les remonte au-dessus de la timeline et écrit « — » là où la donnée manque, plutôt qu'un « 0 » qui se lirait comme une mesure.

CHANGEMENT UX« Mes équipes » gagne l'en-tête de page complet (titre, compteur, sous-titre expliquant ce qui distingue l'écran) là où le code n'a qu'un <h1 class="h4"> et une ligne « personnes dans ma hiérarchie : 34 ».