Explorer
KNOW-ANT-WEB-002

AI slop — audit pondéré des décisions visuelles par défaut

Domaine
web-uiux
Type
anti-pattern
Priorité
P0

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-up et 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

  1. Écrire la vérité produit en une phrase factuelle.
  2. Lister trois éléments réels pouvant devenir matière visuelle.
  3. Supprimer les composants décoratifs qui ne servent ni action ni compréhension.
  4. Choisir une signature et deux contraintes maximum à tester.
  5. Produire deux compositions réellement différentes avant de polir.
  6. Refaire le test de substitution sans logo.
  7. 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