Prompting : bien parler à une IA
Séance 2 · environ 1 heure
Un prompt, c'est la demande que vous écrivez à une IA générative. La même IA peut vous rendre une réponse vague et passe-partout, ou une réponse précise et utilisable, selon ce que vous lui avez donné. Le prompting, c'est l'art de formuler cette demande.
Ce que vous saurez faire
- Écrire un prompt en quatre parties : rôle, tâche, contexte, format.
- Choisir entre un prompt détaillé et un prompt qui laisse l'IA vous poser des questions.
- Retrouver, à partir d'une réponse d'IA, ce que contenait la demande.
- Utiliser une IA comme tuteur, pour comprendre et progresser plutôt que pour recopier.
Le support
Avant de commencer : cinq points de vigilance
| Point | Ce qu'il faut savoir |
|---|---|
| Elle ne comprend pas | Une IA générative produit du texte sans comprendre le sens de votre demande ni celui de sa réponse. |
| Elle peut se tromper | Elle produit la suite la plus probable d'après ce qu'elle a appris. Certaines réponses sont fausses ou biaisées, et elles ont l'air aussi sûres que les autres. |
| Vous vérifiez | Tout ce qu'elle produit se relit et se vérifie : un prix, une date, une ligne de code. |
| La demande compte | La qualité de la réponse dépend de la précision du prompt. C'est l'objet de ce chapitre. |
| Vos données sont exposées | Ce que vous tapez peut être conservé. Pas de mot de passe, pas de données personnelles d'autres personnes, pas de document dont vous n'avez pas les droits. |
1. Même demande, deux prompts
Pour tester les prompts de ce chapitre, utilisez Claude (https://claude.ai) ou ChatGPT (https://chatgpt.com). Les deux ont une version gratuite, avec un compte. Sous les prompts prêts à l'emploi, les liens Tester ouvrent directement l'assistant avec ce prompt. Les prompts à compléter (votre code, votre définition) se copient à la main.
Envoyez le premier prompt, puis ouvrez une nouvelle conversation et envoyez le second. Une nouvelle conversation évite que l'IA se serve de la première demande pour répondre à la seconde.
Prompt 1
Crée-moi une page d'accueil pour un photographe.
Prompt 2
Tu es webdesigner et intégrateur HTML, avec dix ans d'expérience dans les sites
vitrines. Crée la page d'accueil du site d'une photographe de mariage installée
à Namur. Son public : des couples de 25 à 40 ans qui cherchent un style naturel
et lumineux. Le site doit rester simple, sans framework, et je débute en HTML :
je dois pouvoir comprendre chaque ligne. Donne-moi un seul fichier HTML, avec le
CSS dans une balise <style>, commenté en français. Termine par cinq puces qui
expliquent tes choix de mise en page.
Comparez les deux réponses. Puis, en groupe, cherchez ce que le second prompt contient et que le premier ne contient pas. Vous devriez trouver quatre ingrédients.
2. Le cadre en quatre parties
| Partie | Ce qu'on y met | Dans le prompt 2 |
|---|---|---|
| Le rôle | L'identité qu'on donne à l'IA. Elle adapte son vocabulaire, son niveau d'exigence et ses priorités. | « Tu es webdesigner et intégrateur HTML, avec dix ans d'expérience… » |
| La tâche | Ce qu'on attend d'elle : l'objectif, l'action, la question. Un verbe clair. | « Crée la page d'accueil du site d'une photographe de mariage » |
| Le contexte | Tout ce qu'elle ne peut pas deviner : le public, les contraintes, votre niveau, les mots-clés, l'usage prévu. | « installée à Namur », « couples de 25 à 40 ans », « sans framework », « je débute en HTML » |
| Le format | La forme de la réponse : longueur, structure, tableau, liste, code, langue, ton. | « un seul fichier HTML », « CSS dans une balise <style> », « commenté en français », « cinq puces » |
Le contexte est la partie qu'on oublie le plus souvent. C'est pourtant elle qui fait la différence entre une page d'accueil générique et la page d'accueil de cette photographe-là.
Astuce
Pas besoin d'écrire les quatre parties dans cet ordre, ni de les nommer. Avant d'envoyer, relisez simplement votre prompt et cochez mentalement : rôle, tâche, contexte, format.
3. Le prompt questionné
Il existe un deuxième type de prompt efficace : au lieu de tout écrire, vous demandez à l'IA de vous poser les questions.
Je dois créer le site d'un petit restaurant de quartier. Pose-moi toutes les
questions dont tu as besoin pour me proposer la meilleure structure de site
possible. Pose-les une par une et attends ma réponse avant de passer à la suivante.
L'IA vous interroge sur le public, le menu, les réservations, les photos… Elle construit le contexte avec vous.
| Prompt détaillé | Prompt questionné |
|---|---|
| Vous savez déjà ce que vous voulez. | Vous ne connaissez pas bien le sujet. |
| Vous avez le temps de rédiger. | Vous n'avez pas le temps d'écrire un long prompt. |
| Vous voulez une réponse en une fois. | Vous voulez découvrir les questions qu'il fallait se poser. |
La dernière ligne compte : les questions posées par l'IA vous apprennent ce qu'un professionnel demanderait à un client.
4. Le rétro-prompting
L'exercice inverse. On vous montre une réponse produite par une IA, et vous retrouvez la demande : quel rôle, quelle tâche, quel contexte, quel format ? Le vrai prompt est dévoilé ensuite. Les exemples sont dans le deck.
Regardez le ton (qui parle ?), le contenu (qu'est-ce qui a été demandé ?), les détails précis (qu'est-ce que l'IA ne pouvait pas inventer ?) et la mise en forme (tableau, liste, longueur).
5. Le jeu d'association
Par groupes de trois ou quatre. Vous recevez des cartes « réponse », produites par une IA, et des cartes « prompt », qui reprennent chacune l'une des quatre parties d'une demande. Retrouvez, pour chaque réponse, les quatre cartes qui ont servi à la produire.
6. L'IA comme tuteur
Une IA répond à tout, tout de suite. C'est pratique pour avancer, et c'est un piège pour apprendre : si elle fait l'exercice, c'est elle qui apprend à le faire, pas vous. Micode parlait de béquille. L'autre usage consiste à lui demander de vous faire trouver, plutôt que de trouver à votre place.
Voici six prompts « tuteurs » à copier et à adapter. Chacun suit le cadre en quatre parties.
Comprendre une notion sans recevoir la réponse
Agis comme un tuteur patient. Je suis en première année de développement web et
je ne comprends pas la différence entre une balise <div> et une balise <section>.
Ne me donne pas la réponse directement : pose-moi des questions, une à la fois,
pour que je la trouve moi-même. Corrige-moi si je me trompe.
Comprendre un code qu'une IA a produit
Tu es formateur en HTML et CSS. Voici un code généré par une IA pour mon premier
site. Je ne comprends pas tout. Explique-le bloc par bloc, en une ou deux phrases
simples par bloc, sans jargon non défini. Termine par les trois notions que je
dois absolument maîtriser pour pouvoir le modifier seul.
[collez votre code ici]
Chercher son erreur avec un indice, pas la correction
Tu es développeur web et tu aides un débutant. Mon image ne s'affiche pas sur ma
page. Voici mon code HTML et l'arborescence de mes fichiers. Ne corrige pas le
code : donne-moi un seul indice pour trouver l'erreur. Si je ne trouve pas, je te
demanderai un deuxième indice.
[collez votre code et la liste de vos fichiers ici]
Vérifier une définition écrite avec vos mots
Tu es enseignant en technologies web. Voici ma définition d'« hébergement
mutualisé », écrite avec mes mots. Dis-moi ce qui est juste, ce qui est faux et
ce qui manque, en trois courtes rubriques. Ne réécris pas la définition à ma place.
[votre définition]
Recevoir une critique de design
Tu es designer UX avec une grande expérience des sites vitrines. Voici la
description de la page d'accueil que j'ai conçue pour une boulangerie : [décrivez
la page ou joignez une capture]. Le public est familial et consulte surtout sur
téléphone. Donne-moi les trois problèmes d'ergonomie les plus importants, classés
par gravité, avec pour chacun la question que je devrais me poser. Ne refais pas
la page.
S'entraîner avant un oral
Joue le rôle d'un jury d'examen bienveillant mais exigeant. Je présente en cinq
minutes le métier d'intégrateur web. Pose-moi, une par une, les cinq questions
qu'un jury pourrait me poser après ma présentation. Après chacune de mes
réponses, dis-moi ce qui était clair et ce qui manquait.
Attention
Même en mode tuteur, une IA peut se tromper. Si une explication vous paraît bizarre, vérifiez-la dans une source fiable (la documentation MDN pour le HTML et le CSS, par exemple) ou demandez en classe.
7. À vous : quatre situations
Par groupes de trois ou quatre. Chaque groupe reçoit une situation.
- Sans ordinateur, le prompt réflexe. Écrivez sur papier la demande que vous auriez tapée spontanément, en une ou deux lignes.
- Sans ordinateur, le prompt complet. Réécrivez-la avec ce que vous avez vu : rôle, tâche, contexte, format. Ajoutez un prompt questionné ou une consigne de tuteur si la situation s'y prête.
- Échangez votre feuille avec un autre groupe. Il ajoute au crayon ce qui manque encore.
- Testez les deux versions dans Claude ou ChatGPT, chacune dans une nouvelle conversation. Présentez en une minute à la classe ce qui a changé dans la réponse.
Situation A · Webdesign. Une asbl d'aide aux devoirs pour les 8-12 ans vous demande une palette de couleurs et deux polices pour son site. Les parents consultent surtout sur téléphone, et deux animateurs sont malvoyants.
Situation B · Intégration. Sur téléphone, le menu de votre site déborde à droite de l'écran. Sur ordinateur, tout va bien. Vous voulez comprendre pourquoi, pas recevoir un code tout fait.
Situation C · UX. Une salle d'escalade veut une application de réservation. Avant de dessiner le moindre écran, vous devez interroger cinq grimpeurs. Il vous faut une liste de questions d'entretien.
Situation D · Apprendre. Flexbox arrive bientôt au cours d'intégration. Vous voulez comprendre à l'avance à quoi ça sert, puis vérifier que vous avez compris.
8. Trois réflexes pour affiner
- Continuez la conversation. La première réponse est un brouillon. « Plus court », « sans jargon », « donne un exemple », « tu as oublié le public » : chaque retour l'améliore.
- Montrez un exemple. « Rédige les textes dans ce style : [un paragraphe que vous aimez] » donne de meilleurs résultats qu'une longue description du ton voulu.
- Demandez-lui de se relire. « Relis ta réponse et signale ce qui pourrait être faux ou dépassé » fait souvent apparaître ses propres erreurs.
À retenir
- Un prompt efficace précise le rôle, la tâche, le contexte et le format.
- Le contexte est ce que l'IA ne peut pas deviner. C'est lui qui rend la réponse utile.
- Quand vous ne savez pas quoi préciser, demandez à l'IA de vous poser les questions.
- Pour apprendre, demandez des questions, des indices ou des explications, pas la solution toute faite.
- Toute réponse d'IA se relit et se vérifie avant d'être utilisée.
Les activités de ce chapitre (les deux types de prompts, le rétro-prompting, le jeu d'association et l'écriture collaborative) et le cadre en quatre parties sont adaptés de MétropédIA, plateforme d'activités sur l'IA pour l'enseignement supérieur conçue par l'EPHEC et l'UCLouvain (Louvain Learning Lab) avec le Pôle Louvain, et diffusée sous licence Creative Commons. Les exemples ont été réécrits pour le développement web et le webdesign.