Hub IA & interfaces
Décrire une interface de façon observable et constructible
Passe d’une impression visuelle à un vocabulaire précis, des comportements attendus et des critères qu’une IA peut vérifier.
Réponse directe
Une bonne instruction UI ne se limite ni à un nom de composant ni à une esthétique. Elle relie le but utilisateur, le contenu visible, le comportement, les états, les contraintes d’accessibilité et la preuve attendue.
Ce que tu sauras faire
- Traduire une description vague en terme canonique et intention comportementale.
- Séparer apparence, structure, interaction et implémentation technique.
- Écrire des critères d’acceptation vérifiables au clavier, au tactile et sur mobile.
À lire d’abord
Le guide pilier
12 min de lecture
Décrire une interface à une IA avec le bon vocabulaire UI
Pour expliquer ton interface à un assistant IA, décris son but, ses composants, ses comportements, ses états et des critères vérifiables.
Lire le guide7 min de lecture
Erreurs de formulaire : expliquer, corriger et réessayer
Construis un parcours de validation avec erreurs de champ et serveur, focus et reprise sûre.
Lire le guide7 min de lecture
Envoi de fichier : progression, validation et reprise
Définis sélection, progression fiable, contrôles serveur, droits de stockage, annulation et nouvel essai.
Lire le guide7 min de lecture
Vérifie une interface au clavier et avec un lecteur d’écran
Vérifie qu’une interface reste lisible et utilisable au clavier et avec un lecteur d’écran, puis teste la sémantique, le focus, le contraste et le reflow avec des preuves reproductibles.
Lire le guide6 min de lecture
Permettre de choisir plusieurs éléments
Choisis des cases, une liste multisélection ou des étiquettes, puis vérifie la sélection au clavier et la reprise.
Lire le guide5 min de lecture
Adapter une page aux petits écrans
Adapte une page au téléphone et au zoom du navigateur en gardant ses contenus et actions accessibles.
Lire le guide5 min de lecture
Rendre les titres et le texte faciles à suivre
Organise une page avec des titres utiles, un texte lisible et des espacements qui supportent les réglages du lecteur.
Lire le guide5 min de lecture
Confirmer une action risquée
Relie conséquence, confirmation explicite, annulation et résultat vérifiable avant de supprimer un espace.
Lire le guide5 min de lecture
Chercher, affiner et traiter l’absence de résultat
Relie saisie, filtres, chargement, résultats, clarification et reprise sans abandonner les contraintes explicites.
Lire le guide8 min de lecture
Supprimer un projet de manière sûre
Suis une suppression sûre : vérifie le périmètre et les droits, essaie l’annulation, agis dans ton application de test puis contrôle le résultat.
Lire le guide8 min de lecture
Créer un compte puis réussir la première utilisation
Suis une mission de l’inscription à la vérification et à la première tâche utile, puis reviens contrôler le résultat enregistré.
Lire le guide5 min de lecture
Onboarding : montrer la valeur avant de demander un compte
Choisis un essai invité, une première tâche guidée ou une connexion obligatoire sans perdre le travail.
Lire le guide5 min de lecture
Chargement, vide ou panne : proposer la bonne suite
Distingue attente, premier usage vide, aucun résultat et panne du service.
Lire le guide5 min de lecture
Garder un brouillon sans promettre une sauvegarde distante
Choisis enregistrement explicite ou automatique et gère panne de stockage, hors ligne et conflit de versions.
Lire le guide5 min de lecture
Confirmer une action sans double envoi
Choisis statut local, Toast ou page de résultat et reprends les écritures lentes ou incertaines.
Lire le guide5 min de lecture
Ouvrir un détail sans perdre sa place
Choisis page, panneau latéral ou dialogue et préserve filtres, retour et focus.
Lire le guide5 min de lecture
Trouver dans une longue liste sans filtres cachés
Combine recherche, filtres, tri et pagination avec un nombre de résultats clair et une remise à zéro.
Lire le guide5 min de lecture
Animer une confirmation avec une alternative sans mouvement
Choisis un retour d’état utile, une animation facultative et un repli lisible sans perdre le résultat.
Lire le guide5 min de lecture
Demander une permission au moment utile
Explique caméra, micro ou localisation, gère le refus et montre quand la capacité est réellement active.
Lire le guide