SlideShare une entreprise Scribd logo
1  sur  125
Télécharger pour lire hors ligne
1
C1
Internal
C1 Internal
16/05/2023
Tanguy Le Duff – Lead UX/UI Designer
Meetup UX Republic
ChatGPT
Quel impact dans le Design ?
2
C1
Internal
x x
3
C1
Internal
x x
4
C1
Internal
x x
5
C1
Internal
x x
6
C1
Internal
x x
7
C1
Internal
Agenda
1. Qui suis-je ?
4. “Je suis Designer et j’utilise ChatGPT” :
pourquoi & comment ?
5. Bilan : atouts & limites ?
2. ChatGPT & moi
3. ChatGPT : les fondamentaux
8
C1
Internal
1. Qui suis-je ?
9
C1
Internal
10
C1
Internal
11
C1
Internal
Plus sérieusement …
12
C1
Internal
13
C1
Internal
14
C1
Internal
2. ChatGPT & moi
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)
16
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)
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
18
C1
Internal
Un déclic, c’est-à-dire ?
Des posts sur les RS Des meetups Des webinars
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é ?
20
C1
Internal
Du concret : passage à l’action
Talk en interne
avec Lead Data Scientist
(public : la R&D)
21
C1
Internal
Du concret : passage à l’action
Meetup chez eXalt
Prise de parole suivie
d’une table ronde
(mars 2023)
22
C1
Internal
3. ChatGPT : les fondamentaux
23
C1
Internal
ChatGPT : LE sujet « tendance »
#buzz (?)
Source : Google Trends
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
25
C1
Internal
ChatGPT : c’est quoi ? (selon ChatGPT)
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
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
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
29
C1
Internal
#secret : faire sauter le verrou ?
30
C1
Internal
#secret : faire sauter le verrou ?
31
C1
Internal
#secret : faire sauter le verrou ?
32
C1
Internal
#secret : faire sauter le verrou ?
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
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
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
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
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
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
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é
40
C1
Internal
Schéma pas du tout simplifié
41
C1
Internal
ChatGPT : les secteurs d’activité “consommateurs”
Source :
https://fr.statista.com/infographie/29259/nombre-
mondial-d-entreprises-et-d-organisations-utilisant-
les-produits-openai-par-secteur-d-activite/
42
C1
Internal
ChatGPT : les métiers (les plus) impactés
Source : https://www.tomsguide.fr/chatgpt-va-t-il-
vous-mettre-au-chomage-voici-le-classement-des-
metiers-concernes-selon-une-etude/
43
C1
Internal
😇 Sans transition …
44
C1
Internal
4. “Je suis designer & j’utilise ChatGPT” :
pourquoi & comment ?
45
C1
Internal
1. POURQUOI ?
2. COMMENT ?
46
C1
Internal
Postulat (libéral) de départ ?
47
C1
Internal
Postulat (libéral) de départ ?
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
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
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
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
52
C1
Internal
2. COMMENT ?
1. POURQUOI ?
53
C1
Internal
2. COMMENT ?
Mode « direct »
via un prompt sur l’interface
conversationnelle
Mode « indirect »
via une API ou un plugin FIGMA
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
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)
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)
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
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
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
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
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
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
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
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
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
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
70
C1
Internal
4.1 | Pour inspiration
à propos des layouts
MODE
DIRECT
4 - Prompts pour les UX Designers
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
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
73
C1
Internal
5.2 | Obtenir rapidement
un 1er niveau de traduction
MODE
DIRECT
5 - Prompts pour les UX Writers et/ou Content Designers
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
75
C1
Internal
6.1 | Pour
documenter
un composant
du design system
MODE
DIRECT
6 - Prompts pour les UI Designers
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
77
C1
Internal
6 - Prompts pour les UI Designers
78
C1
Internal
6 - Prompts pour les UI Designers
80
C1
Internal
6.2 | Pour identifier
des éléments UI
de réassurance
MODE
DIRECT
6 - Prompts pour les UI Designers
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
82
C1
Internal
7.1 | Pour identifier
des sites d’inspiration
en UI Design
MODE
DIRECT 7 - Prompts pour la veille UX/UI
83
C1
Internal
7.2 | Pour identifier des
livres sur l’UX Design
MODE
DIRECT 7 - Prompts pour la veille UX/UI
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
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…)
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
87
C1
Internal
Source : https://uxdesign.cc/chatgpt-cannot-do-user-research-1c5a34c35abf
MODE
DIRECT Bilan : que nous réservera le futur ?
Théorie n°2 : l’assistant
Un article qui décrit avec justesse
les limites et les pièges de
l’utilisation de ChatGPT en
UX Research
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
89
C1
Internal
2. COMMENT ?
Mode « direct »
via un prompt sur l’interface
conversationnelle
Mode « indirect »
via une API ou un plugin FIGMA
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
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
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
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/
94
C1
Internal
1/ Plugin QoQo ❤️
Via un Plugin FIGMA
MODE
INDIRECT
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
96
C1
Internal
1/ Plugin QoQo ❤️
Exemple de génération de persona
(ancienne version du plugin)
Via un Plugin FIGMA
MODE
INDIRECT
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
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
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 ?
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
10
1
C1
Internal
2/ Plugin PROMPT2FIGMA : la vidéo de présentation
Via un Plugin FIGMA
MODE
INDIRECT
Source : https://www.youtube.com/@prompt2figma409
10
2
C1
Internal
2/ Plugin PROMPT2FIGMA : la démo officielle !
Via un Plugin FIGMA
MODE
INDIRECT
Source : https://www.youtube.com/watch?v=4Gt1NMfVlGQ
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
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
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
10
6
C1
Internal
2/ Plugin GENIUS 🤖
Mode « indirect » via une API ou un plugin FIGMA
Source : https://youtu.be/oiTt3dEUVp4
10
7
C1
Internal
3/ Plugin GENIUS 🤖
Exemple
d’utilisation de
Genius dans
Figma
Version
« work in
progress »
Via un Plugin FIGMA
MODE
INDIRECT
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
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
11
0
C1
Internal
5/ Plugin MAGICIAN
https://www.figma.com/community/
plugin/1151890004010191690/Magician
Les tarifs !
(la magie n’est
pas gratuite)
Via un Plugin FIGMA
MODE
INDIRECT
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
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
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
11
4
C1
Internal
5. Bilan : atouts & limites ?
11
5
C1
Internal
Avis
L’IA, telle qu’elle existe aujourd’hui, ne remplace pas le designer🔥
11
6
C1
Internal
Avis
L’IA, telle qu’elle existe aujourd’hui, ne remplace pas le designer🔥
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)
11
8
C1
Internal
Principale limitation ⚠️
Au cœur du Design, se trouve l’humain
(dans toute sa complexité)
11
9
C1
Internal
https://www.nngroup.com/articles/ux-without-user-research/
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 !
12
1
C1
Internal
LE MOT DE LA FIN
Projection : les next steps
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/
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 » ? 😉
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
12
5
C1
Internal
MERCI !
pour votre écoute
12
6
C1
Internal
Keep in touch
https://www.linkedin.com/in/tanguyleduff/
tanguy.leduff@gmail.com
tanguyleduff.fr
12
7
C1
Internal
Share (1/2)
https://tanguyleduff.com/conferences
12
8
C1
Internal
Share (2/2)
https://mixolydian-timer-
72d.notion.site/8176839980f448ad8667cc7c8ab627
59?v=6bc445ee749d41719069990c4297d1d8
12
9
C1
Internal
Q&R

Contenu connexe

Tendances

Powerpoint cours de Community management Hervek Concept's.
Powerpoint cours de Community management Hervek Concept's.Powerpoint cours de Community management Hervek Concept's.
Powerpoint cours de Community management Hervek Concept's.hervé Kouakou
 
Le metier de Community Manager et leurs outils
Le metier de Community Manager et leurs outilsLe metier de Community Manager et leurs outils
Le metier de Community Manager et leurs outilsJérôme Deiss
 
【ポップインサイト】スタートアップのためのユーザテスト入門(ユーザ行動観察入門)
【ポップインサイト】スタートアップのためのユーザテスト入門(ユーザ行動観察入門)【ポップインサイト】スタートアップのためのユーザテスト入門(ユーザ行動観察入門)
【ポップインサイト】スタートアップのためのユーザテスト入門(ユーザ行動観察入門)いけとも
 
La prevention des risques machines
La prevention des risques machinesLa prevention des risques machines
La prevention des risques machineschokri SOLTANI
 
Votre plan marketing digital pour 2022 en 1h top chrono
Votre plan marketing digital pour 2022 en 1h top chronoVotre plan marketing digital pour 2022 en 1h top chrono
Votre plan marketing digital pour 2022 en 1h top chronoJulien Dereumaux
 
Le community management pour les nuls par Louise Maton
Le community management pour les nuls par Louise MatonLe community management pour les nuls par Louise Maton
Le community management pour les nuls par Louise MatonLa FeWeb
 
Le changement climatique, l'autre découverte de Christophe Colomb
Le changement climatique, l'autre découverte de Christophe ColombLe changement climatique, l'autre découverte de Christophe Colomb
Le changement climatique, l'autre découverte de Christophe ColombJoëlle Leconte
 
Cours #2 Communication 2.0, communication sur les médias sociaux
Cours #2 Communication 2.0, communication sur les médias sociauxCours #2 Communication 2.0, communication sur les médias sociaux
Cours #2 Communication 2.0, communication sur les médias sociauxAlexandre Moussier
 
Présentation : Youtube (pdf)
Présentation : Youtube (pdf) Présentation : Youtube (pdf)
Présentation : Youtube (pdf) Caro Janody
 
PFE R2SOLUTION DE BROBLème
PFE R2SOLUTION DE BROBLèmePFE R2SOLUTION DE BROBLème
PFE R2SOLUTION DE BROBLèmeilham586elalaoui
 
5 étapes pour élaborer un Community Management efficace et rentable
5 étapes pour élaborer un Community Management efficace et rentable5 étapes pour élaborer un Community Management efficace et rentable
5 étapes pour élaborer un Community Management efficace et rentableIDCP
 
Design emotionnel
Design emotionnelDesign emotionnel
Design emotionnelmatparisot
 
ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)Tarumoto Tetsuya
 
Les caractéristiques de la poésie lyrique.pdf
Les caractéristiques de la poésie lyrique.pdfLes caractéristiques de la poésie lyrique.pdf
Les caractéristiques de la poésie lyrique.pdfRenaudLefil
 
Monter une campagne Google Ads rentable avec 200€/mois
Monter une campagne Google Ads rentable avec 200€/moisMonter une campagne Google Ads rentable avec 200€/mois
Monter une campagne Google Ads rentable avec 200€/moisJulien Dereumaux
 
Promouvoir une association grace aux reseaux sociaux
Promouvoir une association grace aux reseaux sociauxPromouvoir une association grace aux reseaux sociaux
Promouvoir une association grace aux reseaux sociauxBruno GARCIA
 
Présentation Inbound Marketing
Présentation Inbound MarketingPrésentation Inbound Marketing
Présentation Inbound MarketingYves Vandeuren
 
IDCC 1396 Accord sur les salaires dans la CCN des industries de produits alim...
IDCC 1396 Accord sur les salaires dans la CCN des industries de produits alim...IDCC 1396 Accord sur les salaires dans la CCN des industries de produits alim...
IDCC 1396 Accord sur les salaires dans la CCN des industries de produits alim...Société Tripalio
 

Tendances (20)

Powerpoint cours de Community management Hervek Concept's.
Powerpoint cours de Community management Hervek Concept's.Powerpoint cours de Community management Hervek Concept's.
Powerpoint cours de Community management Hervek Concept's.
 
Le metier de Community Manager et leurs outils
Le metier de Community Manager et leurs outilsLe metier de Community Manager et leurs outils
Le metier de Community Manager et leurs outils
 
【ポップインサイト】スタートアップのためのユーザテスト入門(ユーザ行動観察入門)
【ポップインサイト】スタートアップのためのユーザテスト入門(ユーザ行動観察入門)【ポップインサイト】スタートアップのためのユーザテスト入門(ユーザ行動観察入門)
【ポップインサイト】スタートアップのためのユーザテスト入門(ユーザ行動観察入門)
 
La prevention des risques machines
La prevention des risques machinesLa prevention des risques machines
La prevention des risques machines
 
Votre plan marketing digital pour 2022 en 1h top chrono
Votre plan marketing digital pour 2022 en 1h top chronoVotre plan marketing digital pour 2022 en 1h top chrono
Votre plan marketing digital pour 2022 en 1h top chrono
 
Le community management pour les nuls par Louise Maton
Le community management pour les nuls par Louise MatonLe community management pour les nuls par Louise Maton
Le community management pour les nuls par Louise Maton
 
Le changement climatique, l'autre découverte de Christophe Colomb
Le changement climatique, l'autre découverte de Christophe ColombLe changement climatique, l'autre découverte de Christophe Colomb
Le changement climatique, l'autre découverte de Christophe Colomb
 
Cours #2 Communication 2.0, communication sur les médias sociaux
Cours #2 Communication 2.0, communication sur les médias sociauxCours #2 Communication 2.0, communication sur les médias sociaux
Cours #2 Communication 2.0, communication sur les médias sociaux
 
Présentation du Gieco ipbc
Présentation du Gieco ipbcPrésentation du Gieco ipbc
Présentation du Gieco ipbc
 
Présentation : Youtube (pdf)
Présentation : Youtube (pdf) Présentation : Youtube (pdf)
Présentation : Youtube (pdf)
 
PFE R2SOLUTION DE BROBLème
PFE R2SOLUTION DE BROBLèmePFE R2SOLUTION DE BROBLème
PFE R2SOLUTION DE BROBLème
 
5 étapes pour élaborer un Community Management efficace et rentable
5 étapes pour élaborer un Community Management efficace et rentable5 étapes pour élaborer un Community Management efficace et rentable
5 étapes pour élaborer un Community Management efficace et rentable
 
Design emotionnel
Design emotionnelDesign emotionnel
Design emotionnel
 
ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)
 
Le système HACCP
Le système HACCPLe système HACCP
Le système HACCP
 
Les caractéristiques de la poésie lyrique.pdf
Les caractéristiques de la poésie lyrique.pdfLes caractéristiques de la poésie lyrique.pdf
Les caractéristiques de la poésie lyrique.pdf
 
Monter une campagne Google Ads rentable avec 200€/mois
Monter une campagne Google Ads rentable avec 200€/moisMonter une campagne Google Ads rentable avec 200€/mois
Monter une campagne Google Ads rentable avec 200€/mois
 
Promouvoir une association grace aux reseaux sociaux
Promouvoir une association grace aux reseaux sociauxPromouvoir une association grace aux reseaux sociaux
Promouvoir une association grace aux reseaux sociaux
 
Présentation Inbound Marketing
Présentation Inbound MarketingPrésentation Inbound Marketing
Présentation Inbound Marketing
 
IDCC 1396 Accord sur les salaires dans la CCN des industries de produits alim...
IDCC 1396 Accord sur les salaires dans la CCN des industries de produits alim...IDCC 1396 Accord sur les salaires dans la CCN des industries de produits alim...
IDCC 1396 Accord sur les salaires dans la CCN des industries de produits alim...
 

Similaire à Meetup UX Republic - TLD 16052023.pdf

Conference IIM - TLD 28072023.pdf
Conference IIM - TLD 28072023.pdfConference IIM - TLD 28072023.pdf
Conference IIM - TLD 28072023.pdfTanguy Le Duff
 
Conf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact DesignConf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact DesignTanguyLeDuff1
 
Conf 2023 TLD - ChatGPT impact dans le Design
Conf 2023 TLD - ChatGPT impact dans le DesignConf 2023 TLD - ChatGPT impact dans le Design
Conf 2023 TLD - ChatGPT impact dans le DesignTanguyLeDuff1
 
L’écosystème ChatGPT : découvrez tout ce qui entoure cet incroyable outil !
L’écosystème ChatGPT : découvrez tout ce qui entoure cet incroyable outil !L’écosystème ChatGPT : découvrez tout ce qui entoure cet incroyable outil !
L’écosystème ChatGPT : découvrez tout ce qui entoure cet incroyable outil !BigBrain Evolution
 
ConversationsAvecChatGPT-v5.pdf
ConversationsAvecChatGPT-v5.pdfConversationsAvecChatGPT-v5.pdf
ConversationsAvecChatGPT-v5.pdfUGAIA
 
Entreprises AI-Driven : repenser les organisations et les modèles à l'ère de ...
Entreprises AI-Driven : repenser les organisations et les modèles à l'ère de ...Entreprises AI-Driven : repenser les organisations et les modèles à l'ère de ...
Entreprises AI-Driven : repenser les organisations et les modèles à l'ère de ...Alain Goudey
 
ChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignement
ChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignementChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignement
ChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignementAlain Goudey
 
Captronic grenoble 01102014 version presentee
Captronic grenoble 01102014 version presenteeCaptronic grenoble 01102014 version presentee
Captronic grenoble 01102014 version presenteePatrick MOREAU
 
Quel sera l'impact de la Search Generative Experience sur votre trafic SEO et...
Quel sera l'impact de la Search Generative Experience sur votre trafic SEO et...Quel sera l'impact de la Search Generative Experience sur votre trafic SEO et...
Quel sera l'impact de la Search Generative Experience sur votre trafic SEO et...Groupe Neper
 
Séminaire Linagora : poste de travail Libre, décembre 2009
Séminaire Linagora : poste de travail Libre, décembre 2009Séminaire Linagora : poste de travail Libre, décembre 2009
Séminaire Linagora : poste de travail Libre, décembre 2009LINAGORA
 
Présentation sur Twitter et le microblogging
Présentation sur Twitter et le microbloggingPrésentation sur Twitter et le microblogging
Présentation sur Twitter et le microbloggingDamien Guinet
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageLaFrenchMobile
 
Le social coding pour la Creative Technologie
Le social coding pour la Creative TechnologieLe social coding pour la Creative Technologie
Le social coding pour la Creative TechnologieUX REPUBLIC
 
[TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte![TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte!Alexandre Touret
 
OCTO Talks - Les IA s'invitent au chevet des développeurs
OCTO Talks - Les IA s'invitent au chevet des développeursOCTO Talks - Les IA s'invitent au chevet des développeurs
OCTO Talks - Les IA s'invitent au chevet des développeursOCTO Technology
 
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...TelecomValley
 
Chatbot pres conf idc - juin2018
Chatbot   pres conf idc - juin2018Chatbot   pres conf idc - juin2018
Chatbot pres conf idc - juin2018Christophe MARTIN
 

Similaire à Meetup UX Republic - TLD 16052023.pdf (20)

Conference IIM - TLD 28072023.pdf
Conference IIM - TLD 28072023.pdfConference IIM - TLD 28072023.pdf
Conference IIM - TLD 28072023.pdf
 
Conf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact DesignConf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact Design
 
Conf 2023 TLD - ChatGPT impact dans le Design
Conf 2023 TLD - ChatGPT impact dans le DesignConf 2023 TLD - ChatGPT impact dans le Design
Conf 2023 TLD - ChatGPT impact dans le Design
 
L’écosystème ChatGPT : découvrez tout ce qui entoure cet incroyable outil !
L’écosystème ChatGPT : découvrez tout ce qui entoure cet incroyable outil !L’écosystème ChatGPT : découvrez tout ce qui entoure cet incroyable outil !
L’écosystème ChatGPT : découvrez tout ce qui entoure cet incroyable outil !
 
ConversationsAvecChatGPT-v5.pdf
ConversationsAvecChatGPT-v5.pdfConversationsAvecChatGPT-v5.pdf
ConversationsAvecChatGPT-v5.pdf
 
Entreprises AI-Driven : repenser les organisations et les modèles à l'ère de ...
Entreprises AI-Driven : repenser les organisations et les modèles à l'ère de ...Entreprises AI-Driven : repenser les organisations et les modèles à l'ère de ...
Entreprises AI-Driven : repenser les organisations et les modèles à l'ère de ...
 
Tutoriel pour ChatGPT
Tutoriel pour ChatGPTTutoriel pour ChatGPT
Tutoriel pour ChatGPT
 
ChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignement
ChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignementChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignement
ChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignement
 
Captronic grenoble 01102014 version presentee
Captronic grenoble 01102014 version presenteeCaptronic grenoble 01102014 version presentee
Captronic grenoble 01102014 version presentee
 
Quel sera l'impact de la Search Generative Experience sur votre trafic SEO et...
Quel sera l'impact de la Search Generative Experience sur votre trafic SEO et...Quel sera l'impact de la Search Generative Experience sur votre trafic SEO et...
Quel sera l'impact de la Search Generative Experience sur votre trafic SEO et...
 
Séminaire Linagora : poste de travail Libre, décembre 2009
Séminaire Linagora : poste de travail Libre, décembre 2009Séminaire Linagora : poste de travail Libre, décembre 2009
Séminaire Linagora : poste de travail Libre, décembre 2009
 
Présentation sur Twitter et le microblogging
Présentation sur Twitter et le microbloggingPrésentation sur Twitter et le microblogging
Présentation sur Twitter et le microblogging
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
 
Le social coding pour la Creative Technologie
Le social coding pour la Creative TechnologieLe social coding pour la Creative Technologie
Le social coding pour la Creative Technologie
 
[TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte![TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte!
 
OCTO Talks - Les IA s'invitent au chevet des développeurs
OCTO Talks - Les IA s'invitent au chevet des développeursOCTO Talks - Les IA s'invitent au chevet des développeurs
OCTO Talks - Les IA s'invitent au chevet des développeurs
 
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
 
ET13 - MC1 - Piloter sa performance digitale
ET13 - MC1 - Piloter sa performance digitaleET13 - MC1 - Piloter sa performance digitale
ET13 - MC1 - Piloter sa performance digitale
 
Chatbot pres conf idc - juin2018
Chatbot   pres conf idc - juin2018Chatbot   pres conf idc - juin2018
Chatbot pres conf idc - juin2018
 
Azure bot service
Azure bot serviceAzure bot service
Azure bot service
 

Meetup UX Republic - TLD 16052023.pdf

  • 1. 1 C1 Internal C1 Internal 16/05/2023 Tanguy Le Duff – Lead UX/UI Designer Meetup UX Republic ChatGPT Quel impact dans le Design ?
  • 7. 7 C1 Internal Agenda 1. Qui suis-je ? 4. “Je suis Designer et j’utilise ChatGPT” : pourquoi & comment ? 5. Bilan : atouts & limites ? 2. ChatGPT & moi 3. ChatGPT : les fondamentaux
  • 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)
  • 16. 16 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)
  • 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
  • 18. 18 C1 Internal Un déclic, c’est-à-dire ? Des posts sur les RS Des meetups Des webinars
  • 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é ?
  • 20. 20 C1 Internal Du concret : passage à l’action Talk en interne avec Lead Data Scientist (public : la R&D)
  • 21. 21 C1 Internal Du concret : passage à l’action Meetup chez eXalt Prise de parole suivie d’une table ronde (mars 2023)
  • 22. 22 C1 Internal 3. ChatGPT : les fondamentaux
  • 23. 23 C1 Internal ChatGPT : LE sujet « tendance » #buzz (?) Source : Google Trends
  • 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
  • 25. 25 C1 Internal ChatGPT : c’est quoi ? (selon ChatGPT)
  • 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
  • 29. 29 C1 Internal #secret : faire sauter le verrou ?
  • 30. 30 C1 Internal #secret : faire sauter le verrou ?
  • 31. 31 C1 Internal #secret : faire sauter le verrou ?
  • 32. 32 C1 Internal #secret : faire sauter le verrou ?
  • 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é
  • 40. 40 C1 Internal Schéma pas du tout simplifié
  • 41. 41 C1 Internal ChatGPT : les secteurs d’activité “consommateurs” Source : https://fr.statista.com/infographie/29259/nombre- mondial-d-entreprises-et-d-organisations-utilisant- les-produits-openai-par-secteur-d-activite/
  • 42. 42 C1 Internal ChatGPT : les métiers (les plus) impactés Source : https://www.tomsguide.fr/chatgpt-va-t-il- vous-mettre-au-chomage-voici-le-classement-des- metiers-concernes-selon-une-etude/
  • 44. 44 C1 Internal 4. “Je suis designer & j’utilise ChatGPT” : pourquoi & comment ?
  • 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
  • 72. 75 C1 Internal 6.1 | Pour documenter un composant du design system MODE DIRECT 6 - Prompts pour les UI 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
  • 74. 77 C1 Internal 6 - Prompts pour les UI Designers
  • 75. 78 C1 Internal 6 - Prompts pour les UI Designers
  • 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
  • 83. 87 C1 Internal Source : https://uxdesign.cc/chatgpt-cannot-do-user-research-1c5a34c35abf MODE DIRECT Bilan : que nous réservera le futur ? Théorie n°2 : l’assistant Un article qui décrit avec justesse les limites et les pièges de l’utilisation de ChatGPT en UX Research
  • 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/
  • 90. 94 C1 Internal 1/ Plugin QoQo ❤️ Via un Plugin FIGMA MODE INDIRECT
  • 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
  • 97. 10 1 C1 Internal 2/ Plugin PROMPT2FIGMA : la vidéo de présentation Via un Plugin FIGMA MODE INDIRECT Source : https://www.youtube.com/@prompt2figma409
  • 98. 10 2 C1 Internal 2/ Plugin PROMPT2FIGMA : la démo officielle ! Via un Plugin FIGMA MODE INDIRECT Source : https://www.youtube.com/watch?v=4Gt1NMfVlGQ
  • 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
  • 102. 10 6 C1 Internal 2/ Plugin GENIUS 🤖 Mode « indirect » via une API ou un plugin FIGMA Source : https://youtu.be/oiTt3dEUVp4
  • 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
  • 106. 11 0 C1 Internal 5/ Plugin MAGICIAN https://www.figma.com/community/ plugin/1151890004010191690/Magician Les tarifs ! (la magie n’est pas gratuite) 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
  • 110. 11 4 C1 Internal 5. Bilan : atouts & limites ?
  • 111. 11 5 C1 Internal Avis L’IA, telle qu’elle existe aujourd’hui, ne remplace pas le designer🔥
  • 112. 11 6 C1 Internal Avis L’IA, telle qu’elle existe aujourd’hui, ne remplace pas le designer🔥
  • 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)
  • 114. 11 8 C1 Internal Principale limitation ⚠️ Au cœur du Design, se trouve l’humain (dans toute sa complexité)
  • 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 !
  • 117. 12 1 C1 Internal LE MOT DE LA FIN Projection : les next steps
  • 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