60 prompts
Designer UI

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis directeur artistique explorant des directions visuelles à partir d’un cadrage. Produit :[nature, plateforme, contexte d’usage réel, mobilité, bureau, terrain, environnement lumineux].Utilisateurs :[profils, fréquence d’usage, niveau d’expertise, contraintes visuelles éventuelles].Marque :[ce qui existe : logo, couleurs, typographies, ton, ou absence d’identité].Positionnement recherché :[décrire].
Contraintes :
[accessibilité, thème sombre, densité d’information, performance, technologies].
Ta mission IA :
1) reformule le cadrage en trois intentions visuelles à servir ; 2) propose 3 directions nettement distinctes, chacune décrite par : le principe de composition et de mise en page, le rôle de la couleur et sa logique d’attribution, le système typographique et ses niveaux, le traitement de la densité et des espaces, la personnalité des formes, le traitement des états et des retours système ; 3) pour chacune : ce qu’elle sert, ce qu’elle rend difficile, son coût de production et de maintenance ; 4) évalue chacune au regard de l’accessibilité et du contexte d’usage : une direction très contrastée ne survit pas au plein soleil, une direction très légère ne tient pas sur un écran de terrain ; 5) indique pour chacune les écrans à maquetter en priorité pour la juger honnêtement ; 6) désigne la direction la plus risquée et dis pourquoi elle mérite d’être montrée.
Contraintes absolues :
aucune valeur de contraste, aucun ratio, aucune taille affirmés comme conformes : indique les critères à vérifier avec un outil de mesure. Aucune référence à une tendance. Aucune direction proposée qui ne tienne pas avec le contenu réel du produit.
Format :
intentions, 3 directions détaillées, arbitrages, tenue en accessibilité et en contexte, écrans à maquetter, direction à risque.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis designer d’interface. Je dois décliner un composant de manière exhaustive et rigoureuse. Composant :[nature : bouton, champ, sélecteur, carte, tableau, navigation, modale].Rôle dans le produit :[à quoi il sert, où il apparaît].Système existant :[tokens, grille, typographie, couleurs disponibles].Contraintes techniques :[framework, thème sombre, densités, langues et longueurs de texte].
Ta mission IA :
1) liste les variantes fonctionnelles nécessaires et justifie chacune par un usage réel : une variante sans usage est une dette ; 2) liste les états exhaustivement : repos, survol, focus clavier, actif, chargement, désactivé, erreur, succès, lecture seule, et leur combinaison ; 3) définis pour chaque état ce qui change et par quel token, jamais par une valeur en dur ; 4) traite les cas limites : texte très long, texte très court, absence d’icône, langue à mots longs, contenu absent, valeur nulle ; 5) définis le comportement responsive et les points de rupture ; 6) spécifie les exigences d’accessibilité : rôle, nom accessible, ordre de tabulation, cible tactile, indication qui ne repose pas sur la seule couleur, retour d’état pour les technologies d’assistance ; 7) précise ce qui n’est pas ce composant et ce qu’il ne faut pas lui faire porter.
Contraintes absolues :
aucune valeur numérique inventée : utilise les tokens fournis ou écris [TOKEN À DÉFINIR]. Aucun ratio de contraste affirmé sans mesure. Aucune variante ajoutée pour la beauté du système.
Format :
variantes justifiées, matrice des états, tokens par état, cas limites, responsive, exigences d’accessibilité, périmètre du composant.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis directeur artistique construisant l'univers visuel d'un projet avant de dessiner. Projet :[produit ou marque, secteur, positionnement].Cible :[profils, contexte culturel, attentes du secteur].Ce que la marque veut exprimer :[3 adjectifs et ce qu'ils signifient concrètement pour elle].Ce qu'elle refuse d'être :[décrire].Existant :[éléments d'identité déjà fixés].Supports à couvrir :[interface, print, réseaux, environnement].
Ta mission IA :
1) traduis chaque adjectif en attributs visuels concrets et vérifiables : un adjectif non traduit ne sert à rien ; 2) construis la direction typographique : les rôles à couvrir, les caractéristiques recherchées pour chacun, les critères de choix : lisibilité aux petites tailles, jeu de graisses disponible, couverture linguistique, chasse, licence et coût, performance de chargement ; 3) définis la logique chromatique : rôles fonctionnels avant esthétique, comportement en thème sombre, tenue des couleurs de statut, et les vérifications de contraste à mener ; 4) définis le registre iconographique et photographique : ce qu'on montre, comment, et ce qu'on ne montre jamais ; 5) construis le moodboard par intentions et non par collage : pour chaque planche, ce qu'elle démontre et ce qu'il faut y regarder ; 6) liste les références à écarter et pourquoi ; 7) définis les critères qui permettront de dire que la direction est respectée.Contraintes absolues :aucune police nommée sans que tu me demandes d'en vérifier la licence, la couverture et le rendu réel. Aucune valeur de contraste affirmée sans mesure. Aucune image ni référence utilisée sans vérification des droits : rappelle-le.
Format :
adjectifs traduits, direction typographique, logique chromatique, registre iconographique, moodboard par intentions, références écartées, critères de conformité.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis directeur artistique préparant la défense d’un parti pris devant un client ou un comité produit.
Projet :
[produit, plateforme, cible, contexte de la refonte ou de la création].Parti pris retenu :[décrire].Contraintes ayant guidé les choix :[charte existante, accessibilité, performance, technique, délais].Auditoire :[qui décide, qui a un avis, qui bloquera].Ce qui va être contesté :[décrire].
Ta mission IA :
1) formule le parti pris en une phrase, exprimée en bénéfice pour l’utilisateur et pour l’objectif produit, jamais en vocabulaire esthétique ; 2) construis l’argumentation de chaque décision visuelle en la rattachant à une contrainte, un usage ou un objectif mesurable : hiérarchie, lisibilité, densité d’information, accessibilité, cohérence de marque ; 3) prépare les comparaisons avant / après en désignant précisément ce qu’il faut regarder ; 4) anticipe les 6 objections, en distinguant celles qui relèvent du goût de celles qui relèvent d’un vrai problème : et donne pour les premières la question qui recentre sur l’objectif ; 5) prépare la réponse à « je n’aime pas cette couleur » et à « ça fait trop vide » ; 6) définis ce que je demande à l’auditoire : une validation, un arbitrage, ou un avis : et ce qui se passe si je ne l’obtiens pas.
Contraintes :
aucune référence à une tendance comme argument. Aucune donnée d’usage ou statistique inventée. Si une décision ne repose que sur mon goût, dis-le-moi plutôt que de fabriquer une justification.
Format :
parti pris en une phrase, décisions argumentées, comparaisons guidées, objections et réponses, demande explicite.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis designer d’interface. Je dois concevoir des micro-interactions qui servent à quelque chose. Produit :[nature, plateforme, fréquence d’usage].Interaction concernée :[décrire : validation, chargement, transition, retour d’action, glisser-déposer, suppression].Ce que l’utilisateur doit comprendre :[à renseigner].
Contraintes :
[performance, appareils bas de gamme, accessibilité, framework].
Ta mission IA :
1) pour chaque interaction, définis d’abord la fonction : orienter l’attention, confirmer une action, expliquer une transformation, faire patienter, prévenir une erreur : une animation sans fonction est un défaut ; 2) spécifie le déclencheur, la réponse, la durée, la courbe d’accélération, et ce qui bouge exactement ; 3) définis la hiérarchie temporelle : ce qui doit être instantané, ce qui peut prendre le temps d’être compris, et le seuil au-delà duquel l’utilisateur croit que ça a planté ; 4) traite les états de chargement selon leur durée réelle, avec la stratégie adaptée à chacune ; 5) prévois le comportement quand l’utilisateur a demandé une réduction des animations, et quand l’appareil est lent ; 6) spécifie ce qui doit être annoncé aux technologies d’assistance, indépendamment de l’animation ; 7) liste les micro-interactions à ne pas faire : celles qui retardent l’utilisateur expert, celles qui se répètent trop souvent, celles qui empêchent d’annuler.
Contraintes absolues :
aucune durée ni courbe donnée sans justification fonctionnelle. Aucune animation qui bloque une action. Aucune information portée uniquement par le mouvement. Rappelle que le respect de la préférence de réduction du mouvement est un impératif d’accessibilité, pas une option.
Format :
fonction par interaction, spécifications, hiérarchie temporelle, états de chargement, préférences et performance, annonces, interactions à proscrire.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis designer d’interface. Tu ne dessines rien et ne tranches pas.
Contexte à renseigner :
- Besoin exprimé et par qui : [rôle, besoin]
- Cas d’usage réels observés : [éléments]
- Composants existants susceptibles de répondre : [éléments]
- Ce qui les empêche de répondre, selon le demandeur : [éléments]
- Coût d’entretien estimé par l’équipe : [éléments]
- Contraintes techniques et d’accessibilité : [éléments]
Ta mission IA :
1. Reformuler le besoin en cas d’usage observés, et signaler ceux qui ne reposent que sur une supposition.
2. Confronter le besoin aux composants existants, un par un, et écrire précisément ce qui manque.
3. Écrire les options : utiliser l’existant, l’étendre, créer, ou traiter le cas comme une exception locale.
4. Écrire, pour chacune, ce qu’elle coûte à l’entretien et ce qu’elle engage pour les autres équipes.
5. Écrire les questions à trancher et par quelle instance.
Contraintes :
ne dessine rien et ne tranche aucune option. N’invente aucun cas d’usage. Ne propose aucun ajout dont l’entretien n’a pas été estimé par l’équipe. Aucune donnée personnelle d’utilisateur.
Format :
le besoin en cas d’usage, la confrontation à l’existant, les options, le coût d’entretien, les questions à trancher. 380 mots maximum.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis designer d’interface. Je dois faire tenir une identité sur des écrans et des supports qui n’ont rien en commun. Identité :[coller les fondamentaux : couleurs, typographies, formes, règles existantes].Supports à couvrir :[application mobile, application bureau, site, email, notifications, écrans embarqués, print, réseaux sociaux].Contraintes par support :[taille, densité, contraintes techniques, contexte de lecture].Ce qui doit rester reconnaissable partout :[décrire].
Ta mission IA :
1) identifie les invariants : ce qui doit être identique partout : et les variables : ce qui doit s’adapter ; 2) pour chaque support, définis l’adaptation : échelle typographique, densité, épaisseur des traits, arrondis, usage de la couleur, place du logo, marges ; 3) traite spécifiquement les supports contraints, où l’identité doit survivre à peu de moyens : email, notification, favicon, avatar, écran embarqué, impression monochrome ; 4) définis le comportement en thème sombre et en environnement très lumineux ; 5) construis la grille de correspondance qui permet à quelqu’un d’autre de décliner correctement sans me demander ; 6) donne 5 exemples de déclinaisons fautives et explique ce qui les rend fautives ; 7) définis le test qui permet de vérifier qu’une déclinaison est conforme.
Contraintes absolues :
aucune valeur inventée : utilise les éléments fournis ou écris [À DÉFINIR]. Aucune adaptation qui contredirait un invariant. Toute contrainte technique d’un support doit être vérifiée : signale-les.
Format :
invariants et variables, adaptation par support, supports contraints, thèmes et environnements, grille de correspondance, déclinaisons fautives, test de conformité.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis responsable design, chargé de cadrer une demande avant qu’elle ne parte de travers. Demande telle qu’elle m’est faite :[coller les mots du demandeur].Demandeur :[fonction, ce qu’il cherche vraiment, son pouvoir de décision].Contexte produit :[existant, contraintes techniques, équipe, délais].Ce que je sais des utilisateurs :[décrire].Ce que je ne sais pas :[décrire honnêtement].
Ta mission IA :
1) reformule la demande en distinguant la solution demandée du problème réel : on demande presque toujours une solution ; 2) formule l’objectif en résultat vérifiable et propose l’indicateur qui permettra de dire si c’est réussi ; 3) définis le périmètre : ce qui est inclus, ce qui est exclu, ce qui viendra plus tard ; 4) liste les contraintes réelles à respecter : techniques, de marque, d’accessibilité, réglementaires, de délai ; 5) liste les inconnues qui doivent être levées avant de commencer, et qui peut les lever ; 6) identifie les parties prenantes, leur rôle dans la validation, et le moment où chacune intervient : les validations tardives sont ce qui tue les projets de design ; 7) propose le déroulé : étapes, livrables, points de validation, durée ; 8) écris ce qui se passe si une inconnue n’est pas levée à temps.
Contraintes :
aucune solution proposée dans le brief. Aucune donnée utilisateur inventée. Si la demande n’est pas cadrable en l’état, dis-le et liste les 5 questions à poser avant de s’engager.
Format :
problème réel, objectif et indicateur, périmètre, contraintes, inconnues, parties prenantes et validations, déroulé, risques.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis designer d’interface. Écran ou parcours :[décrire].Maquette :[coller la description des éléments, tailles, espacements, comportements].Système :[tokens, grille, composants existants].Stack technique :[framework, bibliothèque de composants, contraintes].Équipe :[taille, familiarité avec le design system, mode de collaboration].
Ta mission IA :
1) structure la spécification par composant plutôt que par écran, en indiquant lesquels existent déjà et ne doivent surtout pas être redessinés ; 2) pour chaque composant nouveau : anatomie, tokens utilisés, espacements, comportement responsive, tous les états, et les cas limites ; 3) spécifie les comportements dynamiques : chargement, erreur réseau, données absentes, données très nombreuses, pagination, saisie invalide, action irréversible ; 4) spécifie l'accessibilité : ordre de tabulation, gestion du focus, libellés accessibles, rôles, annonces de changement d'état, cibles tactiles ; 5) précise les règles de troncature, d'ellipse et de retour à la ligne ; 6) liste les questions que le développeur va poser et réponds-y d'avance : c'est ce qui économise trois allers-retours ; 7) distingue ce qui est prescriptif de ce qui est laissé à l'appréciation technique.Contraintes absolues :aucune valeur en dur si un token existe. Aucune spécification d'animation sans durée, courbe et déclencheur. Aucun comportement supposé implicite : ce qui n'est pas spécifié sera interprété. Signale les points où ma maquette est incomplète.
Format :
spécification par composant, états et cas limites, comportements dynamiques, accessibilité, règles de texte, questions anticipées, prescriptif contre libre.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis UX writer, chargé des textes qui décident si une interface est utilisable. Produit :[nature, cible, niveau de familiarité des utilisateurs avec le domaine].Écran ou parcours :[décrire].Textes actuels :[coller].Ton de la marque :[décrire].
Contraintes :
[longueur, traduction prévue, vocabulaire métier imposé, mentions légales].
Ta mission IA :
1) réécris chaque libellé d’action pour qu’il dise ce qui va se passer, à la première personne du résultat plutôt qu’en verbe générique ; 2) réécris les messages d’erreur selon la règle : ce qui s’est passé, pourquoi, ce que l’utilisateur peut faire maintenant : sans jamais accuser l’utilisateur ni exposer un détail technique ; 3) traite les états vides comme des occasions : ce qu’on y explique, l’action proposée, et le ton à adopter selon qu’il s’agit d’un premier usage ou d’un résultat de recherche infructueux ; 4) réécris les libellés de champs et leurs aides, en supprimant les placeholders qui font office d’étiquette ; 5) traite les messages de confirmation et les actions destructrices : formulation qui rend la conséquence explicite ; 6) construis le glossaire des termes du produit, avec l’usage constant à respecter ; 7) signale les textes qui reposent sur un mot de jargon que l’utilisateur ne connaît pas.
Contraintes absolues :
aucun ton humoristique dans un message d’erreur ou dans un parcours sensible. Aucune promesse dans un libellé. Aucun texte plus long que ce que la mise en page supporte : signale ceux qui dépasseront une fois traduits.
Format :
libellés d’action, messages d’erreur, états vides, champs et aides, confirmations, glossaire, points de jargon.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis designer d’interface.
Projet :
[nature, contexte, durée, mon rôle exact et celui des autres].Problème de départ :[décrire].Contraintes réelles :[techniques, organisationnelles, délais, désaccords].Ce que j’ai fait :[décrire honnêtement, y compris ce que je n’ai pas décidé].Résultats :[ce qui est mesuré, ce qui ne l’est pas].
Cible :
[recruteur, client, communauté].
Ta mission IA :
1) construis le récit autour de la décision la plus difficile du projet, pas autour du processus : un portfolio qui déroule découverte, idéation, prototypage ressemble à tous les autres ; 2) formule le problème du point de vue de l’utilisateur et de l’entreprise, avec ce qui rendait la situation coûteuse ; 3) montre 2 ou 3 décisions de conception avec leurs alternatives écartées et le critère d’arbitrage : c’est cela qu’un recruteur cherche ; 4) traite les contraintes et les compromis comme du contenu, pas comme des excuses ; 5) présente les résultats honnêtement : ce qui est mesuré, avec quelle méthode, et ce qui ne l’est pas ; 6) explicite mon rôle exact et celui de l’équipe, sans ambiguïté ; 7) propose la version longue pour le portfolio, la version de 5 lignes pour une candidature, et le récit oral de 3 minutes pour un entretien.
Contraintes absolues :
aucun résultat chiffré inventé ni arrondi à mon avantage. Aucune appropriation du travail de l’équipe. Aucun contenu couvert par une confidentialité : signale ce qui doit être anonymisé ou retiré, et rappelle-moi de vérifier ce que j’ai le droit de montrer. Si le projet n’a pas produit de résultat mesurable, dis-le plutôt que d’en fabriquer un.
Format :
récit long, décisions et alternatives, compromis, résultats honnêtes, rôle précisé, version courte, récit oral.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis designer d’interface. Tu ne te prononces sur aucune obligation.
Contexte à renseigner :
- Produits et services numériques de l’organisation : [éléments]
- Nature de l’organisation et de son activité : [éléments]
- Éléments transmis par l’organisation sur son assujettissement : [texte, sources]
- Référentiel retenu par l’organisation : [texte]
- Surfaces annexes : [courriels, documents téléchargeables, tunnels, applications tierces intégrées]
- Ce qui a déjà été audité : [éléments, dates]
Ta mission IA :
1. Écrire l’inventaire des surfaces à considérer, y compris celles qu’on oublie : documents mis à disposition, courriels transactionnels, composants tiers intégrés, parcours de paiement.
2. Pour chaque surface, écrire qui la produit et qui la maintient, par fonction.
3. Écrire les questions à poser au responsable juridique ou au référent désigné pour délimiter le périmètre applicable.
4. Écrire ce qui, dans l’inventaire, n’a jamais été audité.
5. Préparer le tableau de suivi du périmètre, à réexaminer à chaque évolution du produit.
Contraintes :
ne te prononce sur aucune obligation, aucun seuil, aucune date et aucun référentiel applicable : ces points se vérifient auprès des personnes compétentes de l’organisation. Ne conclus sur aucune conformité. Aucune donnée personnelle d’utilisateur.
Format :
l’inventaire des surfaces, qui les produit, les questions au référent, ce qui n’a jamais été audité, le tableau de suivi. 380 mots maximum.