100 Prompts IA pour les Designers UI/UX — Guide Complet

Effectue un audit UX heuristique de l'interface [description ou URL]. Évalue chaque heuristique de Nielsen : visibilité de l'état du système, correspondance avec le monde réel, contrôle utilisateur, cohérence et standards, prévention des erreurs, reconnaissance plutôt que rappel, flexibilité et efficacité, esthétique minimaliste, aide à la récupération d'erreurs, aide et documentation. Note chaque critère de 1 à 5 avec des exemples concrets.

Crée un persona UX pour [produit/service] basé sur les données suivantes : [données_recherche]. Le persona doit inclure : profil démographique, contexte d'utilisation du produit, objectifs primaires et secondaires, frustrations actuelles, niveau de maîtrise technologique, devices utilisés, scénarios d'usage typiques, et une photo-portrait textuelle. Nom : [prénom_persona].

Crée une user journey map pour [persona] réalisant [tâche] sur [produit]. Pour chaque étape du parcours [liste_étapes], décris : les actions de l'utilisateur, ses pensées, ses émotions (courbe émotionnelle de 1 à 5), les points de contact, les pain points, et les opportunités de design. Identifie les moments de vérité et les opportunités WOW.

À partir du problème utilisateur suivant : [description_problème_utilisateur], génère 20 questions 'How Might We' (Comment Pourrions-Nous) couvrant différents angles d'attaque : optimiste, pessimiste, changement de perspective, questionnement des contraintes, et analogies avec d'autres domaines. Regroupe-les par thème et identifie les plus prometteuses pour un atelier créatif.

Génère le protocole complet pour tester [prototype/interface] auprès de [nombre] utilisateurs [profil]. Inclus : objectifs du test, critères de recrutement, script du modérateur, [nombre] tâches à accomplir avec les scénarios, métriques à mesurer (temps, taux de succès, taux d'erreur, satisfaction SUS), grille d'observation, et guide d'analyse des résultats.

Analyse les patterns de navigation de [application] en examinant : la structure de l'information (card sorting résultats), les parcours les plus fréquents, les pages de sortie problématiques, et les erreurs de navigation courantes. Propose des améliorations à la taxonomie et à la navigation basées sur les principes de l'architecture de l'information.

Effectue un benchmark UX de [type_interface: onboarding/checkout/dashboard] en analysant [concurrent1], [concurrent2], [concurrent3]. Pour chaque produit, évalue : fluidité du parcours, clarté du copywriting, gestion des erreurs, performance perçue, accessibilité, et design émotionnel. Identifie les meilleures pratiques et les différenciateurs potentiels pour notre design.

Crée un questionnaire de recherche quantitative pour évaluer l'expérience utilisateur de [produit] auprès de [taille] répondants. Inclus : questions de qualification, échelles de satisfaction (Likert, SUS, NPS), questions sur l'usage, questions sur les features (importance vs satisfaction), et 2 questions ouvertes. Optimise pour 10 minutes maximum.

Effectue un cognitive walkthrough de [fonctionnalité] pour un utilisateur novice réalisant [tâche]. Pour chaque étape : est-ce que l'utilisateur saura quoi faire ? Verra-t-il l'action disponible ? Comprendra-t-il le feedback ? Relie-t-il le résultat à son objectif ? Identifie toutes les ruptures cognitives et propose des corrections de design.

Synthétise les résultats des tests utilisateurs suivants : [données_tests]. Identifie : les problèmes critiques (bloquants), les problèmes majeurs (frustrants), les problèmes mineurs (irritants), les insights positifs à conserver. Pour chaque problème, calcule sa sévérité (fréquence × impact) et propose la correction de design recommandée avec sa priorité.

Génère 15 concepts d'interface différents pour résoudre le problème de [description_problème] sur [mobile/web/desktop]. Pour chaque concept, décris : le pattern d'interaction principal, les composants UI clés, les avantages et limitations, et l'inspiration (métaphore, analogie avec d'autres domaines). Va au-delà des solutions évidentes et inclus des approches non conventionnelles.

Conçois la structure complète d'une landing page pour [produit/offre] ciblant [persona]. Définis dans l'ordre : hero section (accroche principale, sous-titre, CTA), la hiérarchie des sections (valeur, preuves, features, témoignages, FAQ, CTA final), le contenu de chaque section, la progression narrative, et les décisions de design justifiées par la psychologie de la persuasion.

Conçois le flow d'onboarding pour [application] dont l'objectif est d'amener l'utilisateur à [action_clé] lors de la première session. Propose : les étapes nécessaires vs optionnelles, les informations à collecter à chaque étape et leur justification, les éléments de motivation (barre de progression, valeur démontrée), les points de décision, et comment réduire le friction.

Recommande le pattern de navigation le plus adapté pour [application] avec [nombre] sections principales et [description_usage]. Compare : bottom navigation, tab bar, hamburger menu, sidebar, mega menu, et navigation hybride. Pour chaque option, évalue l'adéquation à notre contexte (mobile first, fréquence d'utilisation des sections, profondeur de navigation), et justifie ta recommandation.

Conçois les micro-interactions pour [composant UI: bouton de soumission de formulaire/toggle/notification/like]. Pour chaque état (idle, hover, active, success, error, loading), décris : le changement visuel, le timing et l'easing recommandés, le feedback sonore si pertinent, et le message que la micro-interaction doit communiquer. Inclus les principes d'animation de Disney applicables.

Analyse [interface/flow] pour identifier les dark patterns involontaires et les biais cognitifs exploités de manière éthiquement problématique. Pour chaque pattern identifié (roach motel, confirmshaming, trick questions, hidden costs, etc.), explique l'impact négatif sur l'utilisateur, propose le redesign éthique correspondant, et argumente l'impact business positif de cette correction.

Conçois les empty states pour [application] dans les cas suivants : [premier usage, pas de résultats de recherche, erreur de connexion, contenu expiré]. Pour chaque état vide, définis : l'illustration/icône adaptée, le message principal (empathique et orienté action), le CTA recommandé, et comment transformer cet état négatif en opportunité d'engagement.

Conçois un formulaire [multi-étapes] pour [contexte: inscription, commande, configuration]. Le formulaire collecte : [liste_champs]. Optimise : la séquence logique des champs, le regroupement visuel, les labels et placeholders, la validation en temps réel vs à la soumission, la gestion des erreurs, la sauvegarde automatique, et la version mobile. Justifie chaque décision UX.

Applique les principes du design émotionnel de Don Norman pour [produit]. Identifie les opportunités de design à trois niveaux : viscéral (esthétique, premières impressions), comportemental (facilité d'utilisation, efficacité), et réflexif (sens, identité, fierté). Propose des éléments de design concrets pour chaque niveau adaptés à notre marque [description_marque].

Conçois l'architecture de l'information pour [application complexe] avec [nombre] fonctionnalités principales. Propose : la taxonomie (catégories et sous-catégories), la hiérarchie des contenus, les métaphores organisatrices, les chemins d'accès alternatifs aux contenus importants, le plan du site, et comment valider cette structure avec un card sorting ou tree testing.

Effectue un audit du design system de [produit]. Évalue : cohérence des composants (variations non documentées, duplications), couverture (composants manquants), documentation (complétude, clarté), adoption par les équipes (pourcentage de composants custom vs système), et gouvernance. Génère un plan d'amélioration priorisé avec effort estimé.

Rédige la documentation complète du composant [nom_composant] pour un design system. Inclus : description et usage (quand utiliser, quand éviter), anatomie du composant avec les éléments nommés, toutes les variantes et états (défaut, hover, focus, disabled, error), props disponibles, exemples d'utilisation, accessibilité (ARIA, keyboard navigation), et tokens design associés.

Crée un système de design tokens pour [marque/produit] couvrant : couleurs (primitives et sémantiques), typographie (scales, weights, line-heights), espacement (système d'échelle), ombres, border-radius, et durées d'animation. Organise en 3 niveaux (global, alias, component). Génère les noms en convention [kebab-case/camelCase] et leurs valeurs.

Conçois le guide de style typographique pour [marque]. Recommande : la paire de fontes (serif/sans-serif) adaptée au positionnement [description_positionnement], la hiérarchie typographique complète (H1 à H6, body, caption, label), les tailles et poids pour desktop et mobile, les règles d'espacement (line-height, letter-spacing), et les cas d'usage de chaque style.

Crée un système de couleurs pour [marque] à partir des couleurs primaires [couleurs_hex]. Le système doit : couvrir toutes les nuances nécessaires (50-900), garantir les ratios de contraste WCAG AA sur fond blanc et foncé, inclure les états sémantiques (success, error, warning, info), et être compatible avec le dark mode. Fournis les valeurs hex et les ratios de contraste.

Formule [nombre] principes de design pour guider les décisions de l'équipe de [produit]. Chaque principe doit : être mémorable (max 5 mots), avoir une description actionnable (2-3 phrases), un exemple concret d'application, et un contre-exemple de ce qu'il ne faut PAS faire. Les principes doivent être en tension créative les uns avec les autres pour forcer la réflexion.

Rédige un guide de contribution au design system pour les designers de l'équipe. Couvre : le processus de proposition d'un nouveau composant, les critères d'inclusion dans le système (vs composant one-off), les standards de qualité (accessibilité, documentation, tests), le workflow de review et d'approbation, et la procédure de dépréciation d'un composant.

Conçois le système de tokens sémantiques pour implémenter le dark mode de [produit]. Pour chaque token sémantique [surface, text, border, icon, etc.], définis les valeurs pour light mode et dark mode. Explique la stratégie (inversion simple vs palette séparée), comment gérer les images et illustrations, et les pièges courants du dark mode à éviter.

Génère une checklist d'accessibilité WCAG 2.1 niveau AA pour le design de [type_interface: formulaire/navigation/modal/tableau de données]. Pour chaque critère applicable, fournis : l'explication en langage clair, comment le vérifier dans Figma/en prototype, les erreurs courantes, et les solutions de design recommandées.

Crée les guidelines de responsive design pour [produit] couvrant les breakpoints [mobile/tablette/desktop/large]. Pour chaque composant clé [liste_composants], définis : comment il se transforme à chaque breakpoint, les adaptations de typographie et d'espacement, les patterns de navigation responsive, et les tests à effectuer. Inclus le système de grille recommandé.

Prépare la présentation de [design/fonctionnalité] à l'équipe de développement pour le handoff. Génère : l'agenda de la session (30 minutes), les aspects à souligner (décisions de design non évidentes, contraintes importantes, états et interactions), les questions à anticiper des développeurs, les spécifications à avoir prêtes, et comment documenter les décisions de la réunion.

Aide-moi à défendre la décision de design [description_décision] face à [audience: stakeholder/PM/développeur] qui préfère [alternative]. Génère les arguments basés sur : la recherche utilisateur, les principes UX applicables, les données disponibles, et les risques de l'alternative. Structure la réponse pour être assertif sans être défensif.

Effectue une critique constructive du design suivant : [description_design]. Structure ton feedback selon le framework Rose/Bud/Thorn : ce qui fonctionne bien (Rose), les problèmes à résoudre (Thorn), et les opportunités d'amélioration (Bud). Pour chaque point, référence les principes de design, l'impact utilisateur, et propose une direction de solution sans imposer l'exécution.

Aide-moi à structurer le case study de [projet de design] pour mon portfolio. Propose la structure narrative : contexte et problème, rôle et contraintes, processus de recherche (avec les insights clés), idéation et décisions de design, prototype et tests, résultats mesurés, et apprentissages. Identifie les moments de l'histoire qui montrent ma valeur ajoutée en tant que designer.

Prépare l'agenda et les activités pour un atelier de co-design de [durée] avec [participants: designers, PMs, développeurs, utilisateurs]. L'objectif est [objectif]. Génère : le warm-up adapté, les activités (avec les instructions, le timing et les livrables de chaque activité), la gestion des dynamics de groupe, comment synthétiser les outputs, et les next steps.

Génère les annotations pour les maquettes de [fonctionnalité] destinées au handoff développeur. Pour chaque section [liste_sections], rédige : les spécifications d'espacement et de taille, le comportement des interactions, les états et transitions, les règles responsive, les spécificités d'accessibilité, et les cas limites à implémenter. Utilise un format clair et uniforme.

Rédige un rapport de test utilisateur basé sur les résultats suivants : [données_tests]. Le rapport doit inclure : résumé exécutif (1 page), méthodologie, profil des participants, résultats quantitatifs (métriques), résultats qualitatifs (patterns comportementaux, verbatims clés), problèmes identifiés par sévérité, et recommandations priorisées avec effort estimé.

Prépare le guide de facilitation d'un Design Sprint de 5 jours pour résoudre le défi : [défi_design]. Pour chaque jour (Comprendre, Définir, Décider, Prototyper, Tester), génère : les activités détaillées avec le timing, les outils nécessaires, les livrables attendus, les rôles des participants, et les pièges courants à éviter.

Crée un guide de style pour le copywriting UX de [produit]. Définit : la voix et le ton de la marque avec des exemples de formulations à utiliser et éviter, les règles pour les microcopy (boutons, labels, messages d'erreur, tooltips), les formules pour les messages d'erreur (empathiques et actionnables), et les guidelines pour l'internationalisation.

Structure une présentation de 20 minutes des résultats de recherche UX pour [audience: équipe produit/C-suite]. La recherche a révélé [insights_principaux]. Génère la structure narrative, le contenu de chaque slide, comment rendre les insights actionnables pour cette audience, comment visualiser les données qualitatifs, et les recommandations hiérarchisées.