Everygen
Le générateur d’image IA peut visualiser une direction, pas prouver un comportement. Clavier, erreurs et accessibilité demandent une implémentation testée. Le mockup sert au choix de structure.
Une tâche par écran
Un écran de rendez-vous fictif aide à choisir un créneau. Listez service, date, heures, prix et action. Une image mêlant tableau de bord, onboarding et paiement n’explique aucune décision clairement.
Décrire les régions
Exemple : « Concept mobile fixe de réservation, résumé de service, date, grille de créneaux, sélection et action principale, marges généreuses, contraste lisible, vue frontale, sans appareil. » La structure précède la décoration.
Garder un petit système
Notez caractère de police, rythme d’espacement, surfaces et accent. Comparez sélectionné et non sélectionné. Remplacez les labels importants et n’assimilez pas une ressemblance visuelle à un système complet.
Ne pas déduire l’interaction
Testez mentalement long nom et absence de rendez-vous sans dire ces états validés. Focus, cibles tactiles et lecteur d’écran se vérifient dans le produit réel.
Passer aux composants
Traduisez la hiérarchie en contenu, contrôles et règles responsive. Ajoutez chargement, vide, validation et succès avec de vraies données et testez la version implémentée.
Transmission du concept UI
Gardez tâche, état et décisions visuelles avec le rendu. Signalez les questions non testées. Une image compréhensible prépare le développement, sans le remplacer.
Une preuve de produit suit le guide screencast. Les repères de marque utilisent le workflow de brand-kit.
