Conférence de Tanguy Le Duff (Lead UX Designer @Mega International ; Enseignant en UX Design) sur la thématique "ChatGPT : quel impact dans le Design?" lors du meetup organisé par UX Republic le 16 mai 2023
15. 15
C1
Internal
Novembre 2022 Décembre 2022 Janvier 2023 Février 2023 Mars 2023
Mon niveau
d’intérêt
pour ChatGPT
Le temps
qui passe
Graphe présentant les résultats d’une étude scientifique menée par des experts, basée sur la méthode dite « du doigt mouillé »
(toute ressemblance avec les résultats d’une autre étude scientifique serait totalement fortuite)
17. 17
C1
Internal
Les prémisses d’une belle histoire
1. Infidélité : début novembre 2022, j’utilise une autre IA (105 images générées)
2. Premiers prompts doux : courant novembre, plusieurs rdvs mais rien de sérieux…
… et enfin le déclic
19. 19
C1
Internal
Du concret : passage à l’action
🙄 Comment utiliser
ces nouvelles technologies
dans ma pratique
de Designer ?
😰
Mon job de Product Designer
est-il menacé ?
24. 24
C1
Internal
ChatGPT : c’est quoi ? (selon un expert du numérique)
- Développé par OpenAI, société spécialisée dans l’IA, ChatGPT est capable d’échanger sous
forme de messages.
- Il répond à vos questions, mais génère également du contenu écrit en réponse à une
commande écrite de texte précis, appelée « prompt » (initialement uniquement en anglais,
mais plusieurs langues maintenant acceptées, dont le français)
- Le nom « ChatGPT » vient de la combinaison des termes « chat » et « GPT », qui signifient
respectivement « conversation » et « modèle de transduction de langage prédictif ».
Cela reflète la capacité de ChatGPT à simuler des conversations humaines de manière
convaincante.
ChatGPT est un outil conversationnel établi à partir d’une
intelligence artificielle (IA).
Source
https://www.numerama.com/sciences/1200230-cest-quoi-chatgpt-on-a-laisse-chatgpt-repondre-a-la-question.html
26. 26
C1
Internal
ChatGPT : comment lui “parler” ? (1/2)
Le prompt est l’input fourni au modèle de langage.
Il peut s’agir d’une suite de mots permettant de demander à un modèle
IA comme ChatGPT de produire le résultat désiré pour une tâche spécifique.
27. 27
C1
Internal
ChatGPT : comment lui “parler” ? (1/2)
Le prompt est l’input fourni au modèle de langage.
Il peut s’agir d’une suite de mots permettant de demander à un modèle
IA comme ChatGPT de produire le résultat désiré pour une tâche spécifique.
28. 28
C1
Internal
ChatGPT : comment lui “parler” ? (2/2)
Le prompt engineer est un expert spécialisé dans la communication avec les
systèmes d’intelligence artificielle. Et plus particulièrement les chatbots IA basés
sur les larges modèles de langage, comme ChatGPT et Google Bard.
Pour en savoir plus : https://www.lebigdata.fr/generer-meilleurs-prompts-pour-ia
33. 33
C1
Internal
ChatGPT : quelques chiffres
● Date de lancement ? 30 novembre 2022
ChatGPT (3.5) rendu accessible au grand public par OpenAI
Source : https://nerdynav.com/chatgpt-statistics/
● Nombre d’utilisateurs ?
A dépassé 1 million d'utilisateurs en 5 jours de lancement et établi le record
de la plate-forme à la croissance la plus rapide en gagnant 100 millions
d'utilisateurs en janvier 2023, atteignant 1 milliard de visites rien qu'en février.
● Date de mise à jour ? 14 mars 2023
Lancement de la version GPT 4, plus puissante et rapide
34. 34
C1
Internal
ChatGPT : ça coute combien ? (à OpenAI)
Les coûts que représentent les calculs opérés par ces
modèles d’Intelligence artificielle sont exorbitants.
Source : https://www.01net.com/actualites/chatgpt-pourquoi-les-ia-
generatives-font-exploser-le-cout-des-recherches-sur-le-web.html
Selon John Hennessy, le président
d’Alphabet (la maison mère de Google)
Coût unitaire d’un appel à un
moteur de recherche classique
(1/5ème de centime)
x 10
=
Coût unitaire d’un appel à une
technologie comme ChatGPT
35. 35
C1
Internal
ChatGPT : ça coute combien ? (à l’utilisateur)
OpenAI entend rentabiliser son chatbot en proposant
une offre payante : ChatGPT Plus.
Ce service offre :
- des temps de réponse plus rapides,
- un accès prioritaire pendant les heures de pointe,
- de nouvelles fonctionnalités
Il intègre la toute dernière version de l'IA GPT-4.
36. 36
C1
Internal
ChatGPT : le coût environnemental ? (1/2)
En tant qu’intelligence artificielle (IA), ChatGPT n’a pas d’empreinte
carbone directe.
Mais son entraînement et son fonctionnement au quotidien sont
très gourmands en énergie, ce qui génère une empreinte
carbone plus que conséquente.
Il est difficile de quantifier précisément l’empreinte carbone de
ChatGPT car cela dépend du type et de la quantité d’énergie utilisée
pour alimenter les serveurs, ainsi que des pratiques de gestion de
l’énergie mises en place par les fournisseurs de services Cloud.
37. 37
C1
Internal
ChatGPT : le coût environnemental ? (2/2)
Estimations du coût de l’entrainement
L’université de Californie a fait les calculs et estime que l’entraînement seul de l’IA pour GPT-3 a
consommé 1 287 MWh qui ont émis 552 tonnes de CO2e, soit plus de 205 vols aller-retour
entre Paris et New-York.
Estimations du coût du RUN
En ce qui concerne l’exécution de ChatGPT, une étude du média Medium, basée sur des
hypothèses, considère que l’empreinte carbone journalière de ChatGPT est de 23,04 kgCO2e.
Ce qui équivaut à 8,4 tCO2e/an, soit 12 années de consommation de chauffage électrique pour
une maison en France de 110m², selon les données de l’ADEME.
Source : https://www.hellowatt.fr/blog/chat-gpt-empreinte-carbone/
38. 38
C1
Internal
ChatGPT : le coût humain ?
Source : https://time.com/6247678/openai-chatgpt-kenya-workers/
Le succès de ChatGPT ne peut pas être entièrement attribué à l’ingéniosité de la
Silicon Valley. Une enquête de TIME a révélé qu’OpenAI a utilisé les services de
travailleurs kényans externalisés qui gagnent moins de 2 $ par heure pour réduire
la toxicité de ChatGPT.
Le travail effectué par ces travailleurs externalisés était crucial pour OpenAI. GPT-3, le
modèle de ChatGPT, possédait la capacité à composer des phrases efficacement, mais
l’application avait tendance à déverser des déclarations violentes, sexistes et racistes
39. 39
C1
Internal
ChatGPT : le champ des possibles
API
Le mode « API »
https://openai.com/api/
Votre outil GPT-4
(et non ChatGPT)
Prompt
Réponse
Schéma (très) simplifié
48. 48
C1
Internal
Postulat de départ ?
& Tanguy Le Duff - mega international
« Pour un designer ayant pris
le temps d’apprendre à utiliser
ces nouvelles technologies,
dans certains contextes et
pour certaines tâches, … »
49. 49
C1
Internal
En tant que designer, pourquoi utiliser ChatGPT ?
La double réponse
1. Pour (tenter de) gagner en efficacité et en productivité
Court et moyen terme
2. Pour gagner en compétitivité et booster mon employabilité
(VS un autre designer qui ne maitriserait pas ces nouveaux outils)
Moyen et long terme
50. 50
C1
Internal
En tant que designer, pourquoi utiliser ChatGPT ?
La double réponse
1. Pour (tenter de) gagner en efficacité et en productivité
Court et moyen terme
2. Pour gagner en compétitivité et booster mon employabilité
(VS un autre designer qui ne maitriserait pas ces nouveaux outils)
Moyen et long terme
« Pour dédier plus de temps aux tâches dans lesquelles
j’exprime mon plein potentiel de Designer (mon cœur de métier) »
« Pour adapter mes pratiques de Designer aux changements
technologiques et sociétaux (apprendre, découvrir, tester, évoluer…) »
51. 51
C1
Internal
En tant que designer, pourquoi utiliser ChatGPT ?
La suite de la discussion
Je compte sur vous pour compléter
cette 1ère réponse avec vos avis
pendant la session de Q/R à la fin
53. 53
C1
Internal
2. COMMENT ?
Mode « direct »
via un prompt sur l’interface
conversationnelle
Mode « indirect »
via une API ou un plugin FIGMA
54. 54
C1
Internal
2 - Prompts pour sensibiliser les non-Designers (acculturation)
ou générer des anti-sèches si je suis étudiant ou Junior dans le Design
Mode « direct » via un prompt sur l’interface conversationnelle
1 - Prompts génériques, utiles à tous les métiers (y compris dans le Design)
4 - Prompts pour les UX Designers
5 - Prompts pour les UX Writers et/ou Content Designers
6 - Prompts pour les UI Designers
7 - Prompts pour la veille UX/UI
8 - Prompts pour l’orientation des personnes intéressées par l’UX
3 - Prompts pour les UX Researchers / UX Designers
Pour la phase de « discovery » et les premières réflexions en conception
55. 56
C1
Internal
1.1 | Pour en apprendre plus sur un
secteur ou un domaine d’activités
que vous ne connaissez pas
MODE
DIRECT 1 - Prompts génériques, utiles à tous les métiers (y compris dans le Design)
56. 58
C1
Internal
1.2 | Pour en apprendre plus
sur une réglementation ou une
loi qui impacte votre projet
MODE
DIRECT 1 - Prompts génériques, utiles à tous les métiers (y compris dans le Design)
57. 60
C1
Internal
2.1 | Pour expliquer
les termes de l’UX
en générant
un glossaire
MODE
DIRECT 2 - Prompts pour sensibiliser les non-Designers (acculturation)
ou générer des anti-sèches si je suis étudiant ou Junior dans le Design
58. 61
C1
Internal
2.2 | Présenter les bénéfices
de démarche UX Design
pour favoriser l’adoption
du top management
et des autres équipes
(DEV, PO, …)
MODE
DIRECT 2 - Prompts pour sensibiliser les non-Designers (acculturation)
ou générer des anti-sèches si je suis étudiant ou Junior dans le Design
59. 62
C1
Internal
2.3 | Pour identifier
les différentes étapes
du design process
MODE
DIRECT 2 - Prompts pour sensibiliser les non-Designers (acculturation)
ou générer des anti-sèches si je suis étudiant ou Junior dans le Design
60. 63
C1
Internal
3.1 | Pour obtenir
un résumé suite à
une prise de notes
lors d’une interview
ou d’un test utilisateur
Prompt générique :
« Peux tu résumer en XXX mots maximum le texte suivant :
……………………………………………………………………………………………… »
MODE
DIRECT 3 - Prompts pour les UX Researchers / UX Designers
Pour la phase de « discovery » et les premières réflexions en conception
61. 64
C1
Internal
3.2 | Pour ressortir les
idées principales
d’un corpus suite à
une prise de notes
lors d’une interview
ou d’un test utilisateur
Prompt générique :
« Peux-tu identifier les idées principales du texte suivant :
……………………………………………………………………………………………… »
MODE
DIRECT 3 - Prompts pour les UX Researchers / UX Designers
Pour la phase de « discovery » et les premières réflexions en conception
62. 65
C1
Internal
3.3 | Pour initier
une réflexion
orientée sur les besoins
MODE
DIRECT 3 - Prompts pour les UX Researchers / UX Designers
Pour la phase de « discovery » et les premières réflexions en conception
63. 66
C1
Internal
3.4 | Pour initier
une réflexion
orientée sur les user flows
MODE
DIRECT 3 - Prompts pour les UX Researchers / UX Designers
Pour la phase de « discovery » et les premières réflexions en conception
64. 67
C1
Internal
3.5 | Pour initier
une réflexion
orientée sur les irritants
MODE
DIRECT 3 - Prompts pour les UX Researchers / UX Designers
Pour la phase de « discovery » et les premières réflexions en conception
65. 68
C1
Internal
3.6 | Comme base de travail
pour créer un (proto) persona
MODE
DIRECT 3 - Prompts pour les UX Researchers / UX Designers
Pour la phase de « discovery » et les premières réflexions en conception
66. 69
C1
Internal
3.7 | Comme base de travail
pour créer une experience map
MODE
DIRECT 3 - Prompts pour les UX Researchers / UX Designers
Pour la phase de « discovery » et les premières réflexions en conception
67. 70
C1
Internal
4.1 | Pour inspiration
à propos des layouts
MODE
DIRECT
4 - Prompts pour les UX Designers
68. 71
C1
Internal
4.2 | Pour prendre du recul
et obtenir un avis
à propos d’une idée
(ex: nouvelle fonctionnalité)
MODE
DIRECT
4 - Prompts pour les UX Designers
69. 72
C1
Internal
5.1 | Pour trouver de l’inspiration
(ex : messages d’erreur)
MODE
DIRECT
5 - Prompts pour les UX Writers et/ou Content Designers
70. 73
C1
Internal
5.2 | Obtenir rapidement
un 1er niveau de traduction
MODE
DIRECT
5 - Prompts pour les UX Writers et/ou Content Designers
71. 74
C1
Internal
5.3 | Pour initier un wording
(et éviter du « lorem ipsum »)
dans un contexte précis
MODE
DIRECT
5 - Prompts pour les UX Writers et/ou Content Designers
73. 76
C1
Internal
MODE
DIRECT
6 - Prompts pour les UI Designers 6.1 | Pour documenter un composant du design system
Source :
https://www.linkedin.com/post
s/aryan09_openai-design-ux-
activity-703302080566448128-
S6zS
76. 80
C1
Internal
6.2 | Pour identifier
des éléments UI
de réassurance
MODE
DIRECT
6 - Prompts pour les UI Designers
77. 81
C1
Internal
6.3 | Pour intégrer
des dark patterns
dans un design
MODE
DIRECT
6 - Prompts pour les UI Designers du dark side
78. 82
C1
Internal
7.1 | Pour identifier
des sites d’inspiration
en UI Design
MODE
DIRECT 7 - Prompts pour la veille UX/UI
79. 83
C1
Internal
7.2 | Pour identifier des
livres sur l’UX Design
MODE
DIRECT 7 - Prompts pour la veille UX/UI
80. 84
C1
Internal
8.1 | Quelles études
ou quel parcours
pour apprendre l’UX ?
MODE
DIRECT 8 - Prompts pour l’orientation des personnes intéressées par l’UX
81. 85
C1
Internal
1) List design and research methods to help [challenge].
2) What’s the best way to design a solution to this brief: [insert brief].
3) Write a brief for [challenge].
4) Brainstorm design ideas around [opportunity].
5) Create wireframes for an [industry] experience for [user].
6) Create an SVG icon for [your client].
7) Write code for a [your project].
8) Write survey questions about [context] for a [user].
9) Write user tasks for a usability test on a [your project].
10) Act as a UX designer. Here is my first question: “[insert question]”.
11) Create study notes on this: [insert text]
12) What are the main user issues with [well-known product]
13) Summarize the problems in these interviews: [insert transcript].
14) Synthesize this text into a new design approach: [insert text].
15) Uncover potential user biases in [context].
MODE
DIRECT Et bien d’autres prompts encore !
(la seule limite, c’est votre imagination…)
82. 86
C1
Internal
L’UX Design est mort.
Vive le Prompt Engineering !!
Inspiration : https://www.linkedin.com/posts/yanickjimenez_designcareer-promptengineering-designers-activity-7054800909918171137-rs58/
MODE
DIRECT Bilan : que nous réservera le futur ?
Théorie n°1 : le remplacement
84. 88
C1
Internal
MODE
DIRECT « Le monde du partage devra remplacer le partage du monde » (Claude Lelouch)
https://mixolydian-timer-
72d.notion.site/8176839980f448ad8667cc7c8ab627
59?v=6bc445ee749d41719069990c4297d1d8
85. 89
C1
Internal
2. COMMENT ?
Mode « direct »
via un prompt sur l’interface
conversationnelle
Mode « indirect »
via une API ou un plugin FIGMA
86. 90
C1
Internal
API
Via une API
Vous avez dit « API » ?
https://openai.com/api/
Votre outil GPT-4
(et non ChatGPT)
Prompt
Réponse
MODE
INDIRECT
87. 91
C1
Internal
API GPT intégrée dans une feuille Google Sheet
Testé : c’était fonctionnel !
… mais maintenant, il faut payer
Via une API
MODE
INDIRECT
88. 92
C1
Internal
Mes idées d’intégration dans Google Sheet
Métier Description 3 principaux
jobs to-be-done
Persona UX
(motivation, irritants…)
job1
job2
job3
job4
job5
💡Pour en apprendre plus sur le métier de mes utilisateurs
💡Pour initier rapidement une liste de proto-persona (base de discussion avec les PO)
Via une API
MODE
INDIRECT
89. 93
C1
Internal
Mes idées d’intégration dans Google Sheet
Texte à
retravailler
Traduction Formulation inclusive Reformulation FALC
texte1
texte2
texte3
texte4
texte5
💡 Pour traduire un texte, le reformuler de façon plus inclusive ou en FALC
FALC : le Facile A Lire et à Comprendre
https://www.culture.gouv.fr/Thematiques/Developpement-culturel/Culture-et-handicap/Facile-a-lire-et-a-comprendre-FALC-une-methode-utile
Via une API
MODE
INDIRECT
FALC & ChatGPT : un intérêt à nuancer ?
https://com-access.fr/intelligence-artificielle-pour-la-redaction-en-falc/
91. 95
C1
Internal
1/ Plugin QoQo ❤️
Un bon premier set de fonctionnalités
orientées UX et non UI
Discover
• Product brief
• User interview
Define
• Persona
• User journey mapping
Design
• UX copywriting
• Design checklist
Une équipe accessible
et ouverte aux feedbacks
https://www.figma.com/community/plugin/1189158575928509194/QoQo
Via un Plugin FIGMA
MODE
INDIRECT
92. 96
C1
Internal
1/ Plugin QoQo ❤️
Exemple de génération de persona
(ancienne version du plugin)
Via un Plugin FIGMA
MODE
INDIRECT
93. 97
C1
Internal
1/ Plugin QoQo ❤️
Exemple de génération de persona
(version actuelle du plugin : cf. tutoriel https://youtu.be/rujy8TKrfYU)
Via un Plugin FIGMA
MODE
INDIRECT
94. 98
C1
Internal
1/ Plugin QoQo ❤️
Exemple de génération de persona
(version actuelle du plugin : cf. tutoriel https://youtu.be/rujy8TKrfYU)
Via un Plugin FIGMA
MODE
INDIRECT
95. 99
C1
Internal
1/ Plugin QoQo ❤️
Le prix
Via un Plugin FIGMA
MODE
INDIRECT
Mon avis
+ un plugin à la fois utile (sur le périmètre UX) et
bien réalisé (pas de bugs, temps de réponse OK)
+ une approche incrémentale en amélioration
continue : des ajouts de fonctionnalités et des
améliorations apportées de façon régulière
➢ Si vous comptez utiliser l’IA dans votre pratique,
un bon investissement !
➢ Prévoir un REX dans 1 an ?
96. 10
0
C1
Internal
2/ Plugin PROMPT2FIGMA
https://www.prompt2design.io/
La promesse
Ask anything with human language, the
plugin generate your interface in figma.
Tarif mentionné
9,99/mois
Initiative FR
Cocorico !
Pas encore disponible
Béta ouverte actuellement
Via un Plugin FIGMA
MODE
INDIRECT
99. 10
3
C1
Internal
2/ Plugin PROMPT2FIGMA : bilan de mes tests
Via un Plugin FIGMA
MODE
INDIRECT
Avec un regard bienveillant car il s’agit d’une béta
Fonctionnement assez
opérationnel sur le périmètre
annoncé sur le site
100. 10
4
C1
Internal
Projet très prometteur de Diagram, mais pas encore disponible
https://diagram.com/account
Lien pour rejoindre la Waitlist
3/ Plugin GENIUS 🤖
Via un Plugin FIGMA
MODE
INDIRECT
101. 10
5
C1
Internal
3/ Plugin GENIUS 🤖
La promesse !
Un pas de plus de franchi dans les Design Language Systems
avec Diagram de Jordan Singer qui lance Genius, un « Ai » assistant
qui vous accompagne dans la création d’interface, directement
dans Figma en suggérant des composants de votre DLS !
Via un Plugin FIGMA
MODE
INDIRECT
103. 10
7
C1
Internal
3/ Plugin GENIUS 🤖
Exemple
d’utilisation de
Genius dans
Figma
Version
« work in
progress »
Via un Plugin FIGMA
MODE
INDIRECT
104. 10
8
C1
Internal
4/ Plugin GALILEO AI
https://www.usegalileo.ai/
La promesse
Galileo AI creates delightful, editable UI
designs from a simple text description.
It empowers you to design faster than
ever.
Pas encore disponible
Inscription à la waitlist :
https://airtable.com/shrJeO0kB53yJoAqE
Via un Plugin FIGMA
MODE
INDIRECT
105. 10
9
C1
Internal
5/ Plugin MAGICIAN
https://www.figma.com/community/
plugin/1151890004010191690/Magician
La promesse
Cast Magic Spells
Each magic spell works
alongside you to expand your
creativity and imagination as
you design.
Includes:
• Magic Icon – Text to AI-generated vector icon
• Magic Copy – Generate AI-suggested copy
• Magic Image – Text to AI-generated image
• More spells coming soon
Via un Plugin FIGMA
MODE
INDIRECT
107. 11
1
C1
Internal
Et bien d’autres plugins
Article à lire !
• https://bootcamp.uxdesign.cc/7-ai-based-figma-plugins-that-i-use-as-a-product-designer-8b1c645435cb
Via un Plugin FIGMA
MODE
INDIRECT
108. 11
2
C1
Internal
Et bien d’autres plugins
https://www.figma.com/community/plugin/1145446664512862540/Ando---AI-Copilot-for-Designers
Via un Plugin FIGMA
MODE
INDIRECT
109. 11
3
C1
Internal
MODE
INDIRECT « Le monde du partage devra remplacer le partage du monde » (Claude Lelouch)
https://mixolydian-timer-
72d.notion.site/8176839980f448ad8667cc7c8ab627
59?v=6bc445ee749d41719069990c4297d1d8
113. 11
7
C1
Internal
Principal atout 🚀
L’IA peut être un assistant utile et efficace, dans la réalisation de certaines
tâches UX/UI et donc aider le designer
- pour les différentes casquettes : Researcher, Designer, Writer…
- à différents moments du projet
- de façon fluide et intégrée (ex: plugins Figma)
116. 12
0
C1
Internal
Autres limitations
Il se base sur des données datant de 2021.
Il ne se base que sur des sources disponibles sur internet.
Il génère parfois des réponses grammaticalement correctes, mais dénuées de sens.
Il ne cite pas ses sources.
… et il a été entrainé avec un prisme très « américano-centré »
😇 Ce n’est pas
moi qui le dit !
118. 12
2
C1
Internal
MOI
Inscrit à un atelier lors FLUPA UX Days 2023 (25 mai)
https://uxdays.eu/comment-utiliser-lia-dans-mon-metier-dux/
119. 12
3
C1
Internal
VOUS
A très court terme : me poser des questions sur cette conférence
A court terme :
- poser des questions à ChatGPT
- tester des plugins FIGMA basés sur l’IA
- visiter ma page NOTION dans laquelle je vous partage le contenu
A moyen terme : intégrer (ou pas) ChatGPT dans votre pratique de Designer
A long terme : devenir « prompt designer » ? 😉
120. 12
4
C1
Internal
PROMPT DESIGNER ?
+ jetez aussi un œil à : https://www.promptdesigner.fr/
https://formations.nolimits-inc.com/prompt-designer
https://www.producthunt.com/products/prompt-designer