Parent : [[INDEX-WEB-UIUX]]
AI slop — audit pondéré des décisions visuelles par défaut
Pourquoi l'ancien seuil « trois signaux » est insuffisant
Trois occurrences techniques ne prouvent pas qu'une interface est générique. Une police courante, un noir pur ou un rayon uniforme peuvent être parfaitement cohérents avec une direction artistique.
À l'inverse, une page peut éviter tous ces motifs et rester interchangeable. L'audit doit donc combiner signaux automatiques, revue visuelle et preuve d'intention.
Signaux pondérés
A — Structure et contenu (3 points chacun)
| ID | Signal | Question de contrôle |
|---|---|---|
| A1 | Architecture de landing interchangeable | Le parcours serait-il identique pour un autre SaaS ? |
| A2 | Contenu générique | Les phrases décrivent-elles des faits vérifiables et propres au produit ? |
| A3 | Visualisation décorative | Le visuel montre-t-il une donnée réelle ou seulement une métaphore technologique ? |
| A4 | Absence de signature | Existe-t-il une décision reconnaissable sans le logo ? |
B — Système visuel (2 points chacun)
| ID | Signal | Question de contrôle |
|---|---|---|
| B1 | Hiérarchie uniforme | Toutes les sections ont-elles le même poids et le même gabarit ? |
| B2 | Composants répétés mécaniquement | Les cartes, badges ou icônes sont-ils présents parce que le contenu les exige ? |
| B3 | Marque superficielle | La géométrie du logo influence-t-elle la composition ou seulement l'en-tête ? |
| B4 | Palette automatique | Les couleurs portent-elles un rôle stable ou suivent-elles une tendance ? |
| B5 | Typographie non dirigée | La taille, la chasse et les ruptures produisent-elles une voix propre ? |
| B6 | Mouvement générique | Chaque animation explique-t-elle une relation, un état ou une progression ? |
C — Marqueurs techniques (1 point chacun)
- Hero centré + sous-titre + deux CTA + mot en gradient.
- Dégradé violet/bleu ou halo lumineux sans rôle fonctionnel.
- Trois ou quatre cartes de bénéfices identiques avec icônes de bibliothèque.
- Cards imbriquées, glassmorphism et ombres uniformes.
- Badge de disponibilité avec point vert animé.
- Même
rounded-*et même élévation sur tous les niveaux. - Texte gris insuffisamment contrasté sur une surface colorée.
- Animations
fade-upet stagger appliquées globalement. - Faux dashboard, cube 3D ou réseau abstrait à la place de preuves réelles.
- Copie composée de superlatifs sans résultat, donnée ou exemple.
Interprétation
- 0 à 4 : faible risque ; vérifier la cohérence globale.
- 5 à 9 : risque modéré ; demander une justification pour chaque signal majeur.
- 10 à 15 : façade probablement générique ; reprendre concept et hiérarchie.
- 16 et plus : ne pas corriger composant par composant ; reconstruire la direction à partir du produit.
Un seul signal A peut justifier une reprise même avec un score faible. Le score aide à décider, il ne remplace jamais le jugement.
Méthode de correction
- Écrire la vérité produit en une phrase factuelle.
- Lister trois éléments réels pouvant devenir matière visuelle.
- Supprimer les composants décoratifs qui ne servent ni action ni compréhension.
- Choisir une signature et deux contraintes maximum à tester.
- Produire deux compositions réellement différentes avant de polir.
- Refaire le test de substitution sans logo.
- Tester desktop, mobile, clavier et réduction des animations.
Faux positifs à éviter
- Inter n'est pas un défaut si le travail typographique et la composition sont spécifiques.
- Une grille symétrique est adaptée aux comparaisons d'objets équivalents.
- Un rayon uniforme peut renforcer une identité stricte.
- Le noir et le blanc purs peuvent être un choix de marque volontaire.
- Une carte est pertinente lorsqu'elle représente réellement un objet autonome.
Règle de livraison
Ne jamais valider uniquement parce que le détecteur automatique retourne zéro. La livraison nécessite :
- un score commenté ;
- une capture desktop et mobile ;
- une phrase expliquant la signature visuelle ;
- au moins une preuve produit réelle visible au-dessus de la ligne de flottaison.
Relations
- Concept : [[KNOW-ANT-WEB-001]]
- Automatisation et revue : [[KNOW-PAT-196]]
- Checklist projet :
meta/templates/DESIGN.md