Meilleurs Prompts IA pour le Design & UX

Agissez en tant que designer produit senior. Faites la critique constructive de ce design d'interface : [décrivez l'écran ou collez une description/capture d'écran] Évaluez : la hiérarchie visuelle, les espacements, la typographie, la palette de couleurs et la cohérence d'ensemble. Soyez précis sur les améliorations à apporter et justifiez chacune d'elles.

Auditez l'accessibilité de cette interface selon les critères WCAG 2.1 AA : [décrivez l'interface ou listez ses composants] Vérifiez : les contrastes de couleurs, la navigation au clavier, les états de focus, la compatibilité avec les lecteurs d'écran, la taille des zones tactiles et l'utilisation des attributs ARIA. Classez les anomalies par niveau de gravité.

Examinez ce design d'interface sous l'angle de l'adaptation mobile (responsive) : [décrivez la mise en page ou listez les composants] Identifiez : les éléments qui s'adapteront mal aux petits écrans, les cibles tactiles trop exiguës, les risques de débordement de contenu et les défauts d'espacement. Proposez des correctifs précis.

Analysez la hiérarchie visuelle de cette interface : [décrivez l'agencement de l'écran et ses éléments] Déterminez : où se pose le regard de l'utilisateur en premier, si cette hiérarchie sert efficacement son objectif et quelles modifications permettraient d'améliorer le balayage visuel et la compréhension.

Rédigez un guide d'entretien utilisateur pour explorer [thème ou fonctionnalité, ex. 'comment les gens gèrent leurs finances personnelles']. Prévoyez : 3 questions de mise en confiance, 8 à 10 questions de fond et 2 questions de conclusion. Formulez des questions ouvertes et évitez toute tournure orientée.

Créez un persona utilisateur réaliste pour [produit ou fonctionnalité]. Utilisateur cible : [description générale, ex. 'graphistes freelances, 28–40 ans'] Incluez : nom, âge, métier, objectifs, frustrations, comportements clés et une citation représentative. Rendez-le concret et directement exploitable par l'équipe.

Rédigez un protocole de test d'utilisabilité pour [fonctionnalité ou parcours, ex. 'le parcours de commande']. Incluez : l'introduction de l'animateur, le recueil du consentement, 4 à 6 scénarios de tâches contextualisés et des questions de relance après chaque tâche. Veillez à ne jamais dévoiler le parcours idéal.

Concevez un questionnaire utilisateur pour recueillir des retours sur [fonctionnalité, ex. 'notre nouveau parcours d'onboarding']. Prévoyez : 1 question NPS ou CSAT, 4 à 6 questions à échelle ou à choix multiples et 2 questions ouvertes. Le temps de réponse doit être inférieur à 3 minutes. Proposez un ordonnancement optimal des questions.

Proposez une convention de nommage pour les composants d'interface de notre design system. Contexte : [ex. 'Nous utilisons React, Figma, avec une combinaison de composants atomiques et composés'] Couvrez : les noms de composants, les variantes, les propriétés (props) et le nommage des calques/fichiers dans Figma. Donnez des exemples concrets pour un Bouton, une Modale et un Champ de formulaire.

Rédigez une documentation complète et claire pour ce composant d'interface : Composant : [nom du composant, ex. 'Notification Toast'] Propriétés/variantes : [listez-les] Contexte d'utilisation : [où il intervient] Incluez : description générale, quand l'utiliser et quand ne pas l'utiliser, tableau des propriétés, considérations d'accessibilité et exemple d'intégration.

Proposez une architecture de tokens de design pour [nom du produit ou du design system]. Couleurs de marque : [listez les couleurs principales] Typographie : [listez les polices ou l'échelle typographique] Contexte : [ex. application web, application mobile, ou les deux] Organisez les tokens en : couleur, typographie, espacements, rayons de bordure (radius), ombres et animations. Illustrez avec des exemples de tokens primitifs et sémantiques.

Aidez-moi à auditer notre bibliothèque de motifs d'interface (pattern library) pour éliminer les incohérences. Voici la liste de nos composants et variantes actuels : [collez la liste des composants] Identifiez : les doublons répondant au même besoin, les écarts de nommage, les manques nécessitant la création d'un composant réutilisable et les composants trop spécifiques pour être mutualisés.

Cartographiez le parcours utilisateur (user flow) pour [fonctionnalité, ex. 'réinitialisation du mot de passe']. Objectif utilisateur : [ce qu'il cherche à accomplir] Point d'entrée : [par où il commence] Listez chaque étape franchie, les choix rencontrés ainsi que les embranchements d'erreur ou cas limites. Présentez sous forme de séquence numérotée avec embranchements.

Proposez l'architecture de l'information pour [section d'application, ex. 'l'espace paramètres d'un tableau de bord SaaS']. Types d'utilisateurs : [listez si plusieurs profils] Tâches clés effectuées : [listez 4 à 6 tâches] Suggérez une arborescence de navigation articulée en sections principales, sous-sections et actions associées. Justifiez vos regroupements.

Proposez une architecture de navigation pour [produit, ex. 'un outil de gestion de projet B2B']. Fonctionnalités majeures : [listez les fonctionnalités] Rôles utilisateurs : [listez les profils le cas échéant] Recommandez : les éléments de navigation principale, la navigation secondaire et la gestion des accès selon les rôles. Prenez en compte le panneau latéral (sidebar) sur desktop et la barre inférieure sur mobile.

Concevez le flux d'accueil et d'onboarding pour [produit, ex. 'une application mobile de suivi des habitudes']. Objectif du nouvel utilisateur : [ce qu'il doit accomplir pour percevoir la valeur] Étapes de configuration obligatoires : [listez les prérequis stricts, ex. 'créer sa première habitude'] Proposez : l'enchaînement des écrans, les informations à demander tout de suite vs plus tard, l'indicateur de progression et la gestion de l'option « passer pour l'instant ». Réduisez au strict minimum le délai d'accès à la valeur.

Rédigez des messages d'erreur clairs, bienveillants et utiles pour ces situations : [listez les cas d'erreur, ex. 'format d'e-mail invalide', 'fichier trop volumineux', 'session expirée'] Pour chaque scénario : écrivez le titre de l'erreur, une explication simple de l'incident et l'action précise que l'utilisateur doit mener. Tonalité : [ex. chaleureuse, professionnelle, épurée].

Rédigez la microcopie des états vides (empty states) pour ces écrans : [listez les états, ex. 'aucun résultat de recherche', 'aucune notification pour le moment', 'aucun fichier importé'] Pour chacun : formulez un titre, une explication en 1 ou 2 phrases et un bouton d'action si opportun. Tonalité : [ex. encourageante, sobre, enjouée]. Proscrivez les formules vides du type 'Rien à voir ici'.

Rédigez plusieurs variantes de libellés pour un bouton d'appel à l'action pour [action ou fonctionnalité, ex. 'démarrer un essai gratuit']. Emplacement : [où se trouve le bouton, ex. 'page de tarification', 'état vide', 'en-tête de modale'] Ton : [ex. direct, axé sur le bénéfice, sans engagement] Proposez 6 à 8 options classées de la plus incitative à la plus neutre. Explicitez les nuances de chacune.

Rédigez des infobulles (tooltips) et des textes d'aide contextuels pour ces éléments d'interface : [listez les éléments, ex. 'champ de clé d'API', 'sélecteur de cycle de facturation', 'paramètre de fréquence des notifications'] Pour chacun : écrivez une infobulle concise (moins de 15 mots) et un texte d'aide optionnel plus détaillé pour un affichage sous le champ. Privilégiez la limpidité à l'esprit.

Aidez-moi à rédiger une argumentation solide pour justifier ce choix de design : Décision : [décrivez le parti pris, ex. 'Nous sommes passés d'un affichage par onglets à une page unique à défilement continu'] Contexte : [quel problème cela résout ou quelle donnée/retour utilisateur motive ce choix] Alternatives explorées : [listez-en 1 ou 2] Rédigez une synthèse claire à partager avec les parties prenantes précisant : le problème, la décision prise, pourquoi c'est la meilleure option et les arbitrages consentis.

Élaborez le plan d'une présentation de revue de design pour [fonctionnalité ou projet]. Public : [ex. 'équipe produit + leads ingénierie'] Objectif de la revue : [ex. 'obtenir la validation finale avant transmission aux développeurs' ou 'recueillir des retours d'orientation'] Stade : [ex. 'premières esquisses', 'maquettes avancées', 'designs finalisés'] Incluez : les sections suggérées, les livrables à montrer dans chacune, le temps alloué et la formulation exacte des attentes de feedback.

Rédigez un récit comparatif avant/après pour valoriser cette refonte de design : Avant : [décrivez l'ancien design et ses défauts] Après : [décrivez la nouvelle interface et ce qui a changé] Métriques ou retours utilisateurs (si existants) : [collez-les] Écrivez une histoire concise exploitable pour une étude de cas ou un point d'étape avec les parties prenantes, expliquant le problème initial, le déclic de conception et l'impact mesurable du changement.

Aidez-moi à synthétiser et structurer ces retours de parties prenantes recueillis lors d'une revue de design : [collez les notes brutes ou les commentaires] Organisez-les par : grands thèmes, demandes concrètes et immédiatement actionnables, questions nécessitant des éclaircissements, et avis contradictoires. Signalez les remarques en contradiction avec la recherche utilisateur ou les principes de design établis.