Le même design, avec moins à remplir
Chaque app ci-dessous a été écrite comme un générateur de code a l’habitude de l’écrire. Phyll a audité la première version, et la seconde applique l’audit sans changer les couleurs, les dégradés ni les composants. Chaque image montre le même moment dans les deux versions : avant à gauche, après à droite.
Replyloop est en anglais. Les trois autres sont des commerces brésiliens, leurs écrans sont donc en portugais.
Les chiffres de la première tâche
| App | Champs | Clics | Indice de signes d’IA | Style conservé |
|---|---|---|---|---|
| Replyloop | 9 → 2 | 9 → 3 | 75 → 7 | 10 traits sur 10 |
| Navalha Barbearia | 20 → 4 | 18 → 4 | 54 → 6 | 9 traits sur 9 |
| Orça Já | 41 → 4 | 10 → 2 | 66 → 6 | 9 traits sur 10 |
| Brasa Burger | 33 → 4 | 15 → 5 | 53 → 6 | 8 traits sur 8 |
Les champs et les clics comptent ce qu’une personne qui découvre l’app a dû faire pour la première tâche, et aucune version d’avant ne l’a menée jusqu’au résultat. L’indice vient de l’analyse du code, et plus il est bas, mieux c’est. Le style conservé compte les traits visuels de la version d’avant, comme les dégradés, le verre et les emoji, encore présents dans la version d’après. Le seul trait perdu par Orça Já était un badge qui promettait une intelligence artificielle que l’app n’avait pas.
Replyloop
Des DM automatiques pour tous ceux qui commentent un mot-clé sur Instagram.
Envoyer un DM à tous ceux qui commentent un mot-clé
Premier écran
Le titre promettait « Supercharge your Instagram with AI-powered automation ». Il dit maintenant ce que fait l’app : envoyer un DM à tous ceux qui commentent un mot-clé. Le badge IA annonce une fonction qui existe, le DM de test sur votre propre profil, et les avatars de banque d’images ont disparu.
- P01Le premier écran ne dit ni ce que c’est ni quoi faire
- C01Des phrases génériques de proposition de valeur
- C03Preuve sociale et chiffres inventés
- C04Personnes et données d’exemple oubliées
Créer une automatisation
Neuf champs, avec des codes comme COMMENT_KEYWORD et page_1784140, sont devenus deux : le mot-clé et le message, avec l’aperçu du DM à côté. Déclencheur, compte, délai et statut ont reçu une valeur par défaut, le nom est passé dans « plus d’options », et la description et les tags ont disparu.
- F02Tout demander d’emblée
- F09Des options que le système pourrait trancher
- C05Des codes à l’écran
Juste après la création
Avant, un « Success! » qui saute et l’automatisation marquée ACTIVE sans aucun Instagram connecté. Après, l’écran dit que l’automatisation est prête et propose l’étape suivante : un test sur votre propre profil et la connexion à Instagram.
- S04Un succès qui ne laisse aucune trace
- F04Une impasse après le succès
Liste vide
« No data » est devenu une phrase qui explique ce qu’est une automatisation, avec le bouton pour créer la première. Les cinq éléments « Coming soon » ont quitté le menu.
- S01Un écran vide qui dit seulement qu’il n’y a rien
- P05Des fonctions qui n’existent pas encore
Connecter Instagram
Quatre champs d’identifiants développeur de Meta, comme le jeton d’accès et le secret de l’app, sont devenus un bouton pour se connecter avec Instagram. Les créateurs de contenu n’ont pas ces identifiants.
- F05Inscription ou configuration avant le premier résultat
Sur mobile
La version d’avant rétrécissait tout l’écran d’ordinateur. Celle d’après remplace la barre latérale par des onglets en haut, qui passent sur deux lignes pour que les quatre s’affichent.
- S05Casse sur mobile
Navalha Barbearia
Le site d’un barbier pour réserver coupe et barbe. Fond sombre, dégradé ambre et verre, conservés dans la version d’après.
Réserver une coupe de cheveux
Le premier clic
« Réserver » ouvrait une inscription de 12 champs, avec CPF (l’identifiant fiscal brésilien), genre et le mot de passe deux fois. Maintenant, toute la réservation tient sur une page : prestation, jour et heure, nom et WhatsApp.
- F05Inscription ou configuration avant le premier résultat
- F11Des données personnelles dont la tâche n’a pas besoin
- F12Demander deux fois la même chose
Après la réservation
Le client a réservé une coupe homme le 24 avec Rafael, et le compte a affiché un autre rendez-vous, le 15/10 avec Bruno. La nouvelle confirmation montre ce qui a été réservé et propose de l’ajouter à l’agenda, de le déplacer et d’écrire au barbier.
- S04Un succès qui ne laisse aucune trace
- P03Un tableau de bord de zéros ou de chiffres inventés pour un nouveau venu
Quand un champ manque
Avec le nom et le téléphone remplis, « S’inscrire » restait grisé sans que rien ne dise pourquoi. Le nouveau bouton marche, chaque champ dit ce qui manque et la page défile jusqu’au premier problème.
- A07Un bouton désactivé qui ne dit pas pourquoi
Premier écran
« Transformez votre look avec la meilleure expérience premium de la ville » est devenu « Coupe et barbe au centre-ville, sur rendez-vous ». La note de 4,9 sans source a laissé la place à l’adresse et aux horaires d’ouverture.
- C01Des phrases génériques de proposition de valeur
- C03Preuve sociale et chiffres inventés
Sur mobile
Sur mobile, l’inscription passait avant tout le reste. Maintenant, le premier geste montre les prestations avec leur prix, et le jour est déjà réglé sur le premier qui a un créneau libre.
- F05Inscription ou configuration avant le premier résultat
- F09Des options que le système pourrait trancher
Orça Já
Des devis pour prestataires de services et petits commerces. Blanc, dégradé indigo et violet et cartes ombrées, conservés dans la version d’après.
Rédiger un devis et l’envoyer au client
Rédiger le devis
L’étape 1 sur 6 demandait la raison sociale, le CNPJ (le numéro d’entreprise brésilien), l’adresse complète et le logo de votre entreprise, à chaque devis. Maintenant, une page demande votre nom, le client et les articles, et le document se construit à côté pendant que vous écrivez.
- F02Tout demander d’emblée
- F07Un assistant pour une tâche d’un seul écran
- F11Des données personnelles dont la tâche n’a pas besoin
Après la création
Le devis terminé devenait un DRAFT dans une liste, sans bouton d’envoi. Maintenant WhatsApp s’ouvre avec le message prêt, et l’écran indique l’étape suivante : le marquer quand le client accepte.
- F04Une impasse après le succès
- C05Des codes à l’écran
La liste
La liste commençait par João da Silva, Maria Oliveira et Empresa XYZ, avec les statuts en anglais, comme PENDING. La nouvelle liste ne montre que les devis de la personne, avec les statuts en portugais et les actions toujours visibles.
- C04Personnes et données d’exemple oubliées
- C08Deux langues dans la même interface
- A05Des actions qui n’apparaissent qu’au survol
Premier écran
« Révolutionnez la façon dont vous créez vos devis » est devenu « Faites le devis et envoyez-le sur WhatsApp en une minute ». Le badge promettait une intelligence artificielle que l’app n’a pas, et dit maintenant « Gratuit et sans inscription ».
- C01Des phrases génériques de proposition de valeur
- C03Preuve sociale et chiffres inventés
Sur mobile
Le menu latéral occupait la moitié du téléphone, et les champs de l’assistant ne faisaient que quelques pixels. Dans la version d’après, le formulaire s’empile, et quantité et prix ont une étiquette.
- S05Casse sur mobile
Brasa Burger
La carte d’un restaurant de burgers avec livraison. Orange, rouge et emoji, conservés dans la version d’après, avec le dégradé des boutons qui commence sur un orange plus profond pour que le texte blanc reste lisible.
Commander un burger en livraison
Ajouter un soda
La même modale d’options s’ouvrait pour chaque article et demandait la cuisson de la viande pour une canette de soda. Maintenant la boisson va directement dans le sac, qui reste toujours visible.
- F03Une modale pour tout
- F09Des options que le système pourrait trancher
Ajouter un burger
« Ajouter » ouvrait une modale avec cuisson et pain obligatoires, sans rien de choisi. Maintenant le burger va dans le sac à point, sur un pain brioché, et qui veut changer utilise « Personnaliser ».
- F09Des options que le système pourrait trancher
- A07Un bouton désactivé qui ne dit pas pourquoi
Finaliser la commande
La commande comptait 20 champs, avec l’adresse en sept parties et un numéro de carte avec CVV, alors que le site ne facture rien. Le nouveau formulaire demande l’adresse, le nom, le WhatsApp et le mode de paiement à la livraison.
- F02Tout demander d’emblée
- F11Des données personnelles dont la tâche n’a pas besoin
- F12Demander deux fois la même chose
Après la commande
Après la commande, le site revenait à l’accueil avec un message de succès. La version d’après montre le numéro de commande, l’heure de livraison prévue et le WhatsApp du restaurant.
- F04Une impasse après le succès
- S04Un succès qui ne laisse aucune trace
Sur mobile
Trois colonnes écrasaient les cartes, avec un mot par ligne et des prix qui débordaient. Maintenant il y a une colonne, et le sac tient dans une barre fixée en bas.
- S05Casse sur mobile
Essayez sur votre app
Le scanner repère ces signes dans votre code, sans compte. L’audit complet tourne dans Codex ou Claude Code et corrige les parcours sans toucher à votre design.
npx phyll scan