TEMPS DE TRAITEMENT
~−50%
PROJECT - 01
Product Design · Trust & Safety
Queue Zero
Concevoir le filet de rattrapage humain dans un pipeline IA
RÔLE
Solo · E2E
ÉQUIPE
PO · PM · Dev
DURÉE
~5 mois
LIVRABLE
Déployé
TYPE
Interface humain-IA
L'IA détecte les médias à sanctionner, et se trompe parfois. Mal classé, c'est un retrait injustifié ou une infraction en ligne.
TEMPS DE TRAITEMENT
~−50%
PROJECT - 01
Product Design · Trust & Safety
Queue Zero
Concevoir le filet de rattrapage humain dans un pipeline IA
RÔLE
Solo · E2E
ÉQUIPE
PO · PM · Dev
DURÉE
~5 mois
LIVRABLE
Déployé
TYPE
Interface humain-IA
L'IA classifie les images d'inspection, et se trompe parfois. Une erreur non détectée, c'est un litige contractuel pour le prestataire.
PROJECT - 01
Product Design · Trust & Safety
Queue Zero
Concevoir le filet de rattrapage humain dans un pipeline IA
RÔLE
Solo · E2E
ÉQUIPE
PO · PM · Dev
DURÉE
~5 mois
TYPE
Interface humain-IA
LIVRABLE
Déployé
L'IA détecte les médias à sanctionner, et se trompe parfois. Mal classé, c'est un retrait injustifié ou une infraction en ligne.
TEMPS DE TRAITEMENT
~−50%
PROJECT - 01
Product Design · Trust & Safety
Queue Zero
Concevoir le filet de rattrapage humain dans un pipeline IA
RÔLE
Solo · E2E
ÉQUIPE
PO · PM · Dev
DURÉE
~5 mois
LIVRABLE
Déployé
TYPE
Interface humain-IA
L'IA détecte les médias à sanctionner, et se trompe parfois. Mal classé, c'est un retrait injustifié ou une infraction en ligne.
Résultats
Résultats
"Ce mode rend tout plus lisible. Le parcours est balisé, jamais besoin de deviner la suite."
Modérateur expert, test prototype V2
Un modérateur retrouvait dans Queue Zero une réponse directe à ce qu'il vivait chaque jour. Signal de l'intérieur.
18 pages d'US, 1 à 2 clarifications dev. Le modérateur expert, qui craignait d'être contraint : aucune friction au retest.
"Ce mode rend tout plus lisible. Le parcours est balisé, jamais besoin de deviner la suite."
Modérateur expert, test prototype V2
Un modérateur retrouvait dans Queue Zero une réponse directe à ce qu'il vivait chaque jour. Signal de l'intérieur.
18 pages d'US, 1 à 2 clarifications dev. Le modérateur expert, qui craignait d'être contraint : aucune friction au retest.
"Ce mode rend tout plus lisible. Le parcours est balisé, jamais besoin de deviner la suite."
Modérateur expert, test prototype V2
Un modérateur retrouvait dans Queue Zero une réponse directe à ce qu'il vivait chaque jour. Signal de l'intérieur.
18 pages d'US, 1 à 2 clarifications dev. Le modérateur expert, qui craignait d'être contraint : aucune friction au retest.
~−50%
Temps de traitement estimé
Navigation structurée, traitement priorisé, gain de temps
D'après les retours terrain : un gain d'environ 50%. La part design n'est pas isolable, les signaux qualitatifs confirment. Données ajustées pour confidentialité.
~−50%
Temps de traitement estimé
Navigation structurée, traitement séquentiel ; gain de temps
D'après les retours terrain : un gain d'environ 50%. La part design n'est pas isolable, les signaux qualitatifs confirment. Données ajustées pour confidentialité.
~−50%
Temps de traitement estimé
Navigation structurée, traitement priorisé, gain de temps
D'après les retours terrain : un gain d'environ 50%. La part design n'est pas isolable, les signaux qualitatifs confirment. Données ajustées pour confidentialité.
Contexte métier
Contexte métier
Du contenu signalé à la sanction
Une plateforme de contenu utilisateur reçoit chaque jour des milliers de médias signalés ou détectés automatiquement. Un modèle IA classe chaque média par type d'infraction et niveau de sévérité : retrait, suspension de compte, ou escalade légale. Avant application, les modérateurs réexaminent chaque média en galerie de miniatures, une étape que l'IA ne peut pas faire seule.
L'inspection de coque par ROV : du drone au rapport.
Une plateforme de contenu utilisateur reçoit chaque jour des milliers de médias signalés ou détectés automatiquement. Un modèle IA classe chaque média par type d'infraction et niveau de sévérité : retrait, suspension de compte, ou escalade légale. Avant application, les modérateurs réexaminent chaque média en galerie de miniatures, une étape que l'IA ne peut pas faire seule.
Du contenu signalé à la sanction
Une plateforme de contenu utilisateur reçoit chaque jour des milliers de médias signalés ou détectés automatiquement. Un modèle IA classe chaque média par type d'infraction et niveau de sévérité : retrait, suspension de compte, ou escalade légale. Avant application, les modérateurs réexaminent chaque média en galerie de miniatures, une étape que l'IA ne peut pas faire seule.
Problème
Problème
"Une galerie sans ordre, sans repère. Impossible de savoir où j'en étais dans le lot."
Ce que vivait le modérateur
Le modérateur arrivait sur une galerie de miniatures brutes, photos et vidéos mélangées : aucune séquence, aucune distinction entre validé et à traiter, aucun indicateur de progression. Les erreurs de l'IA se concentraient sur les cas ambigus (vidéo sans contexte). Corriger un média mal classé : chercher à l'aveugle.
Trois heures de prise en main, un guide de dix pages, oubliés en deux semaines. L'outil devait porter le processus, pas juste le détailler.
"Une galerie sans ordre, sans repère. Impossible de savoir où j'en étais dans le lot."
Ce que vivait le modérateur
Le modérateur arrivait sur une galerie de miniatures brutes, photos et vidéos mélangées : aucune séquence, aucune distinction entre validé et à traiter, aucun indicateur de progression. Les erreurs de l'IA se concentraient sur les cas ambigus (vidéo sans contexte). Corriger un média mal classé : chercher à l'aveugle.
Trois heures de prise en main, un guide de dix pages, oubliés en deux semaines. L'outil devait porter le processus, pas juste le détailler.
"Une galerie sans ordre, sans repère. Impossible de savoir où j'en étais dans le lot."
Ce que vivait le modérateur
L'analyste arrivait sur une galerie brute : aucune séquence, aucune distinction entre vérifié et non traité, aucun indicateur. Les erreurs se concentraient sur les conditions limites (micro-fouling, coating dégradé). Corriger une image mal classée : chercher à l'aveugle.
Trois heures de prise en main, un guide de dix pages, oubliés en deux semaines. L'outil devait porter le processus, pas juste le détailler.
Démarche
Démarche
Premier projet. Zéro processus établi.
Sans designer pair, chaque hypothèse est tracée par écrit : décisions justifiables, pivots défendables. UX senior disponible ponctuellement en soutien. Domaine appris en deux mois, sans documentation interne, directement auprès de l'équipe. Design system limité, adapté composant par composant. Méthode Shape Up : le périmètre se négocie, pas le délai.
Premier projet. Zéro processus établi.
Sans designer pair, chaque hypothèse est tracée par écrit : décisions justifiables, pivots défendables. UX senior disponible ponctuellement en soutien. Domaine appris en deux mois, sans documentation interne, directement auprès de l'équipe. Design system limité, adapté composant par composant. Méthode Shape Up : le périmètre se négocie, pas le délai.
Premier projet. Zéro processus établi.
Sans designer pair, chaque hypothèse est tracée par écrit : décisions justifiables, pivots défendables. UX senior disponible ponctuellement en soutien. Domaine appris en deux mois, sans documentation interne, directement auprès de l'équipe. Design system limité, adapté composant par composant. Méthode Shape Up : le périmètre se négocie, pas le délai.
01
Immersion
Revue documentaire, observation terrain, journey maps, audit heuristique (grille Nielsen). Premier prototype soumis en atelier. Le projet s'interrompt le temps d'une mise à jour du modèle.
Le modèle trie par niveau de sévérité. Le modérateur a besoin de voir la catégorie tout de suite pour savoir quelle action appliquer. L'immersion rend le décalage visible.
01
Immersion
Revue documentaire, observation terrain, journey maps, audit heuristique (grille Nielsen). Premier prototype soumis en atelier. Le projet s'interrompt le temps d'une mise à jour du modèle.
Le modèle trie par niveau de sévérité. Le modérateur a besoin de voir la catégorie tout de suite pour savoir quelle action appliquer. L'immersion rend le décalage visible.
01
Immersion
Revue documentaire, observation terrain, journey maps, audit heuristique (grille Nielsen). Premier prototype soumis en atelier. Le projet s'interrompt le temps d'une mise à jour du modèle.
Le modèle trie par niveau de sévérité. Le modérateur a besoin de voir la catégorie tout de suite pour savoir quelle action appliquer. L'immersion rend le décalage visible.
02
Tests
Trois sessions, trois profils (débutant, confirmé, expert), recrutés en interne. Atelier de validation du pivot Sévérité (PO, PM, utilisateurs testés, UX).
Quatre parties, un consensus. Le pivot Sévérité n'était plus une décision design.
02
Tests
Trois sessions, trois profils (débutant, confirmé, expert), recrutés en interne. Atelier de validation du pivot Sévérité (PO, PM, utilisateurs testés, UX).
Quatre parties, un consensus. Le pivot Sévérité n'était plus une décision design.
02
Tests
Trois sessions, trois profils (débutant, confirmé, expert), recrutés en interne. Atelier de validation du pivot Sévérité (PO, PM, utilisateurs testés, UX).
Quatre parties, un consensus. Le pivot Sévérité n'était plus une décision design.
03
Handoff
Matrice de décision multi-profils, itérations sur les maquettes, puis rédaction des dix User Stories (Given/When/Then, critères d'acceptation), normalement écrites par le PM.
18 pages en Given/When/Then, restées la référence technique jusqu'à la fin du build.
03
Handoff
Matrice de décision multi-profils, itérations sur les maquettes, puis rédaction des dix User Stories (Given/When/Then, critères d'acceptation), normalement écrites par le PM.
18 pages en Given/When/Then, restées la référence technique jusqu'à la fin du build.
03
Handoff
Matrice de décision multi-profils, itérations sur les maquettes, puis rédaction des dix User Stories (Given/When/Then, critères d'acceptation), normalement écrites par le PM.
18 pages en Given/When/Then, restées la référence technique jusqu'à la fin du build.
Décisions
Décisions
Le pivot Sévérité/Catégorie
Le design V1 organisait la galerie par niveau de sévérité : catégorie d'infraction (Spam, Harcèlement, Désinformation) reléguée à un filtre secondaire, invisible sans clic.
Décision : catégorie en navigation, sévérité omniprésente. Les modérateurs en ont besoin pour agir juste, coût : V1 à défaire.
Le pivot Sévérité/Catégorie
Le design V1 organisait la galerie par niveau de sévérité : catégorie d'infraction (Spam, Harcèlement, Désinformation) reléguée à un filtre secondaire, invisible sans clic.
Décision : catégorie en navigation, sévérité omniprésente. Les modérateurs en ont besoin pour agir juste, coût : V1 à défaire.
01
Modèle IA
Sidebar V1
Navigation par sévérité, héritée de la sortie du classifieur : catégorie invisible sans clic.
01
Modèle IA
Sidebar V1
Navigation par sévérité, héritée de la sortie du classifieur : catégorie invisible sans clic.
01
Modèle IA
Sidebar V1
Navigation par sévérité, héritée de la sortie du classifieur : catégorie invisible sans clic.
01
Modèle IA
Sidebar V1
Navigation par sévérité, héritée de la sortie du classifieur : catégorie invisible sans clic.
02
Signal entretien
Insight terrain
Le modérateur révèle : sans catégorie visible, impossible de savoir quelle action appliquer.
02
Signal entretien
Insight terrain
Le modérateur révèle : sans catégorie visible, impossible de savoir quelle action appliquer.
02
Signal entretien
Insight terrain
Le modérateur révèle : sans catégorie visible, impossible de savoir quelle action appliquer.
02
Signal entretien
Insight terrain
Le modérateur révèle : sans catégorie visible, impossible de savoir quelle action appliquer.
03
Pivot Sévérité
Sidebar V2
Catégorie en première navigation, stepper de sous-catégories trié par sévérité décroissante.
03
Pivot Sévérité
Sidebar V2
Catégorie en première navigation, stepper de sous-catégories trié par sévérité décroissante.
03
Pivot Sévérité
Sidebar V2
Catégorie en première navigation, stepper de sous-catégories trié par sévérité décroissante.
03
Pivot Sévérité
Sidebar V2
Catégorie en première navigation, stepper de sous-catégories trié par sévérité décroissante.
La barre de décision : agir sans quitter
En V1, deux actions séparées : qualifier sur une page dédiée, puis sanctionner via un menu peu lisible, sur une galerie de plusieurs milliers de miniatures. Sidebar permanente et modal plein écran écartés par les tests, trop lourds.
Décision : la barre de décision n'apparaît qu'à la demande, en bas de la galerie, repliée par défaut : la galerie garde sa largeur.
La barre de décision : agir sans quitter
En V1, deux actions séparées : qualifier sur une page dédiée, puis sanctionner via un menu peu lisible, sur une galerie de plusieurs milliers de miniatures. Sidebar permanente et modal plein écran écartés par les tests, trop lourds.
Décision : la barre de décision n'apparaît qu'à la demande, en bas de la galerie, repliée par défaut : la galerie garde sa largeur.
La barre de décision : agir sans quitter
En V1, deux actions séparées : qualifier sur une page dédiée, puis sanctionner via un menu peu lisible, sur une galerie de plusieurs milliers de miniatures. Sidebar permanente et modal plein écran écartés par les tests, trop lourds.
Décision : la barre de décision n'apparaît qu'à la demande, en bas de la galerie, repliée par défaut : la galerie garde sa largeur.
FEATURE
Barre de décision
Hors du champ de vision jusqu'à sollicitation, replié par défaut, sans empiéter sur la galerie.
Ancrée en bas
Fermée par défaut
FEATURE
Barre de décision
Hors du champ de vision jusqu'à sollicitation, replié par défaut, sans empiéter sur la galerie.
Ancrée en bas
Fermée par défaut
FEATURE
Barre de décision
Hors du champ de vision jusqu'à sollicitation, replié par défaut, sans empiéter sur la galerie.
Ancrée en bas
Fermée
OPTIONS ÉCARTÉES
- Sidebar permanente : surcharge cognitive. - Panneau modal plein écran : casse le flux. - Onglets : trop de navigation, risque d'erreur.
OPTIONS ÉCARTÉES
- Sidebar permanente : surcharge cognitive. - Panneau modal plein écran : casse le flux. - Onglets : trop de navigation, risque d'erreur.
COMPOSANT ISOLÉ
Barre de décision ouverte
Sélection multiple de médias, sanction commune : retrait, suspension de compte, ou escalade légale.
COMPOSANT ISOLÉ
Barre de décision ouverte
Sélection multiple de médias, sanction commune : retrait, suspension de compte, ou escalade légale.
FLUX D’ÉTAPES
1
Sélectionner : clic sur une miniature, ou sélection multiple
2
Qualifier : type, sévérité, contexte
3
Appliquer : décision confirmée
FLUX D’ÉTAPES
1
Sélectionner : clic sur une miniature, ou sélection multiple
2
Qualifier : type, sévérité, contexte
3
Appliquer : décision confirmée
Prévention plutôt que correction
Développer un bouton d'annulation coûtait cher pour un bénéfice marginal. La vraie question n'était pas comment annuler, mais pourquoi ce besoin existait : l'erreur reste invisible au moment où elle survient, le même point aveugle qu'au démarrage du projet.
Résultat : zéro média oublié. Le système guide vers la complétion, pas vers l'annulation.
Prévention plutôt que correction
Développer un bouton d'annulation coûtait cher pour un bénéfice marginal. La vraie question n'était pas comment annuler, mais pourquoi ce besoin existait : l'erreur reste invisible au moment où elle survient, le même point aveugle qu'au démarrage du projet.
Résultat : zéro média oublié. Le système guide vers la complétion, pas vers l'annulation.
FEATURE
Alertes d'oubli
Deux mécanismes : pastille de sévérité sur la catégorie et la sous-catégorie concernées, modale récapitulative en fin de parcours.
Préventif
Temps réel
FEATURE
Alertes d'oubli
Deux mécanismes : pastille de sévérité sur la catégorie et la sous-catégorie concernées, modale récapitulative en fin de parcours.
Préventif
Temps réel
OPTIONS ÉCARTÉES
- Bouton undo : complexe pour un gain marginal. Décision : adresser la cause (visibilité) plutôt que le symptôme (annulation).
OPTIONS ÉCARTÉES
- Bouton undo : complexe pour un gain marginal. Décision : adresser la cause (visibilité) plutôt que le symptôme (annulation).
COMPOSANT ISOLÉ
Modal Alertes d'oubli
Déclenchée si des médias restent non vérifiés dans une sous-catégorie.
COMPOSANT ISOLÉ
Modal Alertes d'oubli
Déclenchée si des médias restent non vérifiés dans une sous-catégorie.
FLUX D’ÉTAPES
1
Traitement en cours : pastilles de sévérité en temps réel
2
Navigation : pastilles sur les sous-catégories non vérifiées en quittant une catégorie
3
Fin de parcours : modal déclenchée, liste des sous-catégories concernées
FLUX D’ÉTAPES
1
Traitement en cours : pastilles de sévérité en temps réel
2
Navigation : pastilles sur les sous-catégories non vérifiées en quittant une catégorie
3
Fin de parcours : modal déclenchée, liste des sous-catégories concernées
Filtres : cohérence et lisibilité
Les filtres étaient utilisés à chaque session. La modale s'ouvrait sous le bouton, trop petite, scroll obligatoire. Aucune hiérarchie, aucun code couleur, alors que les chips de sévérité avaient déjà posé ce langage ailleurs dans l'interface.
Résultat : plus une seule dimension isolée. Les filtres couvrent les croisements que le modérateur faisait déjà mentalement.
Filtres : cohérence et lisibilité
Les filtres étaient utilisés à chaque session. La modale s'ouvrait sous le bouton, trop petite, scroll obligatoire. Aucune hiérarchie, aucun code couleur, alors que les chips de sévérité avaient déjà posé ce langage ailleurs dans l'interface.
Résultat : plus une seule dimension isolée. Les filtres couvrent les croisements que le modérateur faisait déjà mentalement.
FEATURE
Filtres redesignés
Hiérarchie visuelle et codes couleurs alignés sur les chips de sévérité : reconnaissance immédiate.
Codes couleurs
Hiérarchie visuelle
FEATURE
Filtres redesignés
Hiérarchie visuelle et codes couleurs alignés sur les chips de sévérité : reconnaissance immédiate.
Codes couleurs
Hiérarchie visuelle
FEATURE
Filtres redesignés
Hiérarchie visuelle et codes couleurs alignés sur les chips de sévérité : reconnaissance immédiate.
Codes couleurs
Hiérarchie visuelle
FEATURE
Filtres redesignés
Hiérarchie visuelle et codes couleurs alignés sur les chips de sévérité : reconnaissance immédiate.
Codes couleurs
Hiérarchie visuelle
AVANT LA REFONTE
- Modale sous le bouton, scroll obligatoire. - Aucun code couleur, texte brut dans un espace trop petit. - Pas de design system appliqué.
AVANT LA REFONTE
- Modale sous le bouton, scroll obligatoire. - Aucun code couleur, texte brut dans un espace trop petit. - Pas de design system appliqué.
COMPOSANT ISOLÉ
Sidebar filtres
Sidebar droite, superposée à la sidebar de décision, filtres organisés par catégorie, hiérarchie lisible d'un coup d'oeil.
COMPOSANT ISOLÉ
Sidebar filtres
Sidebar droite, superposée à la sidebar de décision, filtres organisés par catégorie, hiérarchie lisible d'un coup d'oeil.
FLUX D’ÉTAPES
1
Ouvrir : bouton filtres
2
Sélectionner : chips de sévérité colorées
3
Appliquer : galerie mise à jour, filtres actifs visibles
FLUX D’ÉTAPES
1
Ouvrir : bouton filtres
2
Sélectionner : chips de sévérité colorées
3
Appliquer : galerie mise à jour, filtres actifs visibles
La surface de correction
La sidebar droite est le seul endroit où la sévérité se vérifie et se corrige, recatégorisation si besoin, avec les codes couleurs des filtres.
Même sur les cas limites, le niveau de sévérité reste identifiable au premier coup d'oeil.
La surface de correction
La sidebar droite est le seul endroit où la sévérité se vérifie et se corrige, recatégorisation si besoin, avec les codes couleurs des filtres.
Même sur les cas limites, le niveau de sévérité reste identifiable au premier coup d'oeil.
FEATURE
Sidebar de correction
Clic simple sur un média : chips de sévérité, réassignation de catégorie, sans quitter la galerie.
Correction
Classification
FEATURE
Sidebar de correction
Clic simple sur un média : chips de sévérité, réassignation de catégorie, sans quitter la galerie.
Correction
Classification
AVANT LA REFONTE
- Dropdown en texte brut, sans code couleur ni indication sur l'action à prendre.
AVANT LA REFONTE
- Dropdown en texte brut, sans code couleur ni indication sur l'action à prendre.
COMPOSANT ISOLÉ
Chips de sévérité et réassignation
États couleurs (Faible / Modéré / Élevé / Critique), même logique visuelle que les filtres.
COMPOSANT ISOLÉ
Chips de sévérité et réassignation
États couleurs (Faible / Modéré / Élevé / Critique), même logique visuelle que les filtres.
FLUX D’ÉTAPES
1
Sélectionner : médias à traiter
2
Vérifier : chips de sévérité, codes couleurs, correction si besoin
3
Réassigner : si autre catégorie
FLUX D’ÉTAPES
1
Sélectionner : médias à traiter
2
Vérifier : chips de sévérité, codes couleurs, correction si besoin
3
Réassigner : si autre catégorie
Ce qui a été livré
Conçu de zéro : barre de décision (sélection groupée, sanction commune), navigation par catégorie et sévérité, stepper de sous-catégories, modale Alertes d'oubli, modale Help.
Redesigné depuis l'existant : sidebar de correction, filtres, galerie de miniatures, header de page, icône marque-page.
Ce qui a été livré
Conçu de zéro : barre de décision (sélection groupée, sanction commune), navigation par catégorie et sévérité, stepper de sous-catégories, modale Alertes d'oubli, modale Help.
Redesigné depuis l'existant : sidebar de correction, filtres, galerie de miniatures, header de page, icône marque-page.
Réflexion
Réflexion
Ce que j'aurais fait différemment
Avec un accès direct aux utilisateurs dès la découverte, le pivot Sévérité aurait émergé avant les tests. Un design system plus mature aurait permis de trancher la hiérarchie visuelle sur un support concret, pas sur un jugement. Le recrutement interne restait la seule option : ça pèse sur la validité externe des retours, un compromis à nommer plutôt qu'à taire.
Premier projet dans ce domaine, sans pair designer en review continue. Ce n'est pas s'adapter au flou : c'est construire la méthode en avançant dedans.
Ce que j'aurais fait différemment
Avec un accès direct aux utilisateurs dès la découverte, le pivot Sévérité aurait émergé avant les tests. Un design system plus mature aurait permis de trancher la hiérarchie visuelle sur un support concret, pas sur un jugement. Le recrutement interne restait la seule option : ça pèse sur la validité externe des retours, un compromis à nommer plutôt qu'à taire.
Premier projet dans ce domaine, sans pair designer en review continue. Ce n'est pas s'adapter au flou : c'est construire la méthode en avançant dedans.