HomeCasa Microcopy et design des états vides, d’erreur et de chargement
Créez l’inventaire des états vides, erreurs, chargements et confirmations d’un écran, avec titre, texte, action principale et notes d’accessibilité prêtes pour l’équipe produit. Conçu pour ChatGPT, Claude, Gemini et Microsoft Copilot. Il comprend 5 variables personnalisables et vous pouvez le copier gratuitement en un clic.
Débutant · Texte · En attente de relecture éditoriale
Prompt
Agis comme UX writer et designer produit expérimenté sur des interfaces SaaS.
Contexte :
- Produit : {{produit}}
- Écran ou fonctionnalité : {{ecran}}
- Type d'utilisateur : {{utilisateur}}
- Ton : {{ton}}
- Erreurs réelles possibles : {{erreurs}}
Livrables :
1. Inventaire des états de l'écran : première utilisation (vide initial), aucun résultat de recherche ou de filtre, vide après suppression, chargement, chargement lent, erreur de connexion, erreur de droits, erreur de validation, erreur serveur, succès et données partielles. Ajoute les états manquants selon le contexte.
2. Pour chaque état : quand il apparaît, titre (40 caractères max.), texte d'accompagnement (120 max.), action principale, action secondaire si besoin et suggestion visuelle (illustration, icône, skeleton).
3. Règles de microcopy pour ce produit : dire ce qui s'est passé, pourquoi et ce que l'utilisateur peut faire ; ne jamais le culpabiliser ; ne jamais afficher uniquement un code technique.
4. Notes d'accessibilité par état : annonce via aria-live lors d'un changement de contenu, gestion du focus après une erreur, ne pas reposer uniquement sur la couleur, texte alternatif des illustrations.
5. Trois variantes de l'état vide de première utilisation à tester auprès d'utilisateurs.
Contraintes :
- N'invente ni fonctionnalités ni limites du produit ; utilise [À COMPLÉTER] si une donnée manque.
- Garde un ton {{ton}} cohérent dans tous les états.
- Si l'action possible après une erreur n'est pas claire, pose-moi la question avant de rédiger.
Format : tableau avec les colonnes État, Déclencheur, Titre, Texte, Action principale, Action secondaire, Visuel, Accessibilité ; puis les règles et les variantes.Comment l'utiliser
- Précisez l’écran concerné et les erreurs réellement remontées par votre système. 2. Relisez le tableau avec les développeurs pour confirmer chaque déclencheur. 3. Copiez les textes dans votre fichier de design ou votre outil de traduction.
Exemple d'utilisation
Produit : application de gestion de projet · Écran : liste des tâches · Utilisateur : chef d’équipe · Ton : chaleureux · Erreurs : hors ligne, pas de droit de modification.
Exemple de résultat
États de la liste des tâches
| État | Déclencheur | Titre | Texte | Action principale | Secondaire | Visuel | Accessibilité |
|---|---|---|---|---|---|---|---|
| Première utilisation | Projet tout juste créé | Vos tâches arriveront ici | Ajoutez la première et répartissez le travail avec l'équipe. | Créer une tâche | Importer une liste | Illustration de liste vide | Alt vide (décorative) |
| Aucun résultat | Filtres sans correspondance | Rien avec ces filtres | Essayez un autre statut ou responsable. | Effacer les filtres | — | Icône loupe | Annoncer avec aria-live="polite" |
| Hors ligne | Perte de réseau | Vous êtes hors ligne | Vos modifications sont gardées et partiront dès le retour de la connexion. | Réessayer | — | Nuage barré | Pas seulement la couleur |
| Session expirée | Jeton expiré | Votre session a expiré | Reconnectez-vous pour continuer ; votre saisie est conservée. | Se reconnecter | — | Cadenas | Placer le focus sur le bouton |
| Pas de droit | Utilisateur en lecture seule | Vous pouvez consulter ce projet | Demandez un accès en modification à son responsable. | Demander l'accès | — | Icône œil | Expliquer, pas juste griser |
| Fichier trop lourd | Pièce jointe au-delà de la limite | Ce fichier est trop lourd | La limite est de [À COMPLÉTER : limite réelle]. Essayez de le compresser. | Choisir un autre fichier | — | Icône document | Erreur liée au champ (aria-describedby) |
Règles de microcopie
- Dire ce qui s'est passé, pourquoi, et ce que la personne peut faire.
- Ne jamais culpabiliser : « Nous n'avons pas pu… », pas « Vous avez échoué… »…
Informations clés
- Catégorie
- Design UI/UX · Applications SaaS
- Type de résultat
- Texte
- Niveau
- Débutant
- Conçu pour
- ChatGPT, Claude, Gemini et Microsoft Copilot
- Vérifié sur
- En attente de vérification éditoriale
- Variables
- Produit, Écran ou fonctionnalité, Type d’utilisateur, Ton et Erreurs réelles
- Langue
- Français
- Prix
- Gratuit, sans inscription
- Mis à jour
- 07/11/2026
Questions fréquentes
Quelle différence entre un état vide de première utilisation et un état sans résultat ?
Le premier doit expliquer l’intérêt de la fonctionnalité et inviter à créer un premier élément. Le second doit aider à modifier ou réinitialiser la recherche ou les filtres.
Faut-il afficher le code d’erreur ?
Seulement comme information secondaire utile au support. Le message principal doit être en langage clair et indiquer quoi faire ensuite.
À quoi sert ce prompt ?
Créez l’inventaire des états vides, erreurs, chargements et confirmations d’un écran, avec titre, texte, action principale et notes d’accessibilité prêtes pour l’équipe produit.
Avec quels outils d'IA fonctionne-t-il ?
Il est conçu pour ChatGPT, Claude, Gemini et Microsoft Copilot. Nous ne l'avons pas encore vérifié sur ces outils ; les résultats peuvent donc varier de l'un à l'autre.
Comment personnaliser le prompt ?
Cliquez sur « Personnaliser » et remplissez les variables (Produit, Écran ou fonctionnalité, Type d’utilisateur, Ton et Erreurs réelles). Le texte se met à jour instantanément et vous pouvez ensuite le copier en un clic. Les valeurs sont stockées uniquement dans votre navigateur.
Faut-il de l'expérience pour l'utiliser ?
Non. C'est un prompt de niveau débutant : il suffit de remplir les détails et de le coller dans votre outil d'IA.
Ce prompt est-il gratuit ?
Oui. Tous les prompts de HomeCasa Prompts sont gratuits, sans inscription ni abonnement. Vous pouvez aussi les utiliser dans des projets professionnels.
Puis-je me fier au résultat de l'IA ?
Considérez-le comme un brouillon de qualité : vérifiez toujours les données, les chiffres et les affirmations importantes avant de publier ou de prendre des décisions.