Revue patterns UXUX pattern review
Garantir que toute création ou modification comportementale d'un composant s'appuie sur des patterns de référence approuvés et documentés sur 6 surfaces.Ensure every component behavioral creation or change is backed by approved reference patterns, documented across 6 surfaces.
Flux du pipelinePipeline flow
01 · Présentation01 · Presentation
Patterns présentés avec liens directsPatterns presented with direct links
NN/g · IxDF · Smashing · IF Data Patterns — tableau de patterns avec liens vers sources.NN/g · IxDF · Smashing · IF Data Patterns — pattern table with links to sources.
02 · Décision02 · Decision
Approbation humaine par patternHuman approval per pattern
Chaque pattern : ✅ Appliqué ou ❌ Rejeté (avec justification). Aucun pattern appliqué sans décision explicite.Each pattern: ✅ Applied or ❌ Rejected (with justification). No pattern applied without explicit decision.
03 · Documentation03 · Documentation
6 surfaces documentées6 surfaces documented
Guideline · Code · Storybook · Site · ADR · Log — la décision est gravée partout.Guideline · Code · Storybook · Site · ADR · Log — the decision is recorded everywhere.
Valeur métierBusiness value
Les patterns UX ne s'improvisent pas. Ce gate garantit que chaque décision d'interface s'appuie sur des sources reconnues — NN/g, IxDF, Smashing — et porte une approbation humaine traçable.UX patterns are not improvised. This gate ensures every interface decision is backed by recognized sources — NN/g, IxDF, Smashing — and carries traceable human approval.
Matrice de déclenchementTrigger matrix
| Fichier modifiéChanged file | ActionAction |
|---|---|
Nouveau components/agtc-*.js | Oui — revue complèteYes — full review |
Nouvelle guidelines/components/*.md | Oui — revue complèteYes — full review |
Nouvelle variante ou nouvel état | OuiYes |
Changement de la logique de validation | OuiYes |
Correction contraste / WCAG | Non — couvert par wcag.mdNo — covered by wcag.md |
Refactor sans changement de comportement | NonNo |
ContrôlesChecks
- Patterns suggérés présentés à l'humain (tableau + liens directs vers sources)Patterns presented to human (table + direct links to sources)
- Checklist états couverts : default, hover, focus, error, disabled, loadingStates checklist: default, hover, focus, error, disabled, loading
- Affichage état d'erreur : emplacement, couleur tokenisée, role="alert", message expliciteError state display: location, tokenized color, role="alert", explicit message
- Moment de validation décidé : onChange / onBlur / onSubmitValidation timing decided: onChange / onBlur / onSubmit
- Required markers : visuel * + aria-requiredRequired markers: visual * + aria-required
- Dark patterns absents : pas de consentement forcé, pas de hiérarchie trompeuseNo dark patterns: no forced consent, no misleading hierarchy
- Décision consignée pour chaque pattern (✅/❌) avec justificationDecision recorded for each pattern (✅/❌) with justification
- 6 surfaces documentées : guideline, code, story, site, ADR, log6 surfaces documented: guideline, code, story, site, ADR, log