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?"

1. 1
C1
Internal
C1 Internal
01/03/2023
Chat GPT : quel impact dans le Design ?
CONFÉRENCE EXALT
Tanguy Le Duff – Lead UX Designer

2. 2
C1
Internal
INTRODUCTION

3. 3
C1
Internal
La conférence que j’ai décidé de ne PAS vous faire
La technologie de l'IA a connu des avancées spectaculaires ces dernières années, et le développement des modèles de langage
naturel tels que ChatGPT (Generative Pre-trained Transformer) a eu un impact significatif sur de nombreux domaines, y compris
celui du design.
Dans une conférence intitulée "Quel est l'impact de ChatGPT sur le design ?", vous pourriez explorer plusieurs angles différents
pour discuter de cet impact. Voici quelques idées pour vous aider à structurer votre présentation :
Introduction à ChatGPT et à ses fonctionnalités :
Commencez par donner une brève introduction sur ce qu'est ChatGPT, comment il fonctionne et comment il a été développé.
Expliquez les fonctionnalités clés de ChatGPT, telles que la génération de texte, la classification de texte, l'extraction de résumé,
etc.
ChatGPT et la création de contenu :
Discutez de l'impact de ChatGPT sur la création de contenu, y compris les articles, les descriptions de produits, les publicités, les
messages marketing, les campagnes publicitaires et les médias sociaux. Comment ChatGPT peut-il être utilisé pour générer des
descriptions de produits convaincantes ou pour rédiger des titres accrocheurs pour les articles ?
ChatGPT et la personnalisation de l'expérience utilisateur :
Parlez de l'impact de ChatGPT sur la personnalisation de l'expérience utilisateur. Comment ChatGPT peut-il être utilisé pour
comprendre le langage naturel des clients et fournir des recommandations de produits ou de services personnalisés ?
ChatGPT et la création de designs automatisés :
Explorez l'impact de ChatGPT sur la création de designs automatisés. Comment ChatGPT peut-il être utilisé pour générer des
designs automatisés pour les logos, les graphismes et les interfaces utilisateur ? Quels sont les avantages et les limites de cette
approche ?
ChatGPT et la créativité :
Parlez de l'impact de ChatGPT sur la créativité en design. Comment ChatGPT peut-il être utilisé pour stimuler la créativité en
fournissant des idées de design originales et en aidant à surmonter le blocage créatif ?
Limites et défis de l'utilisation de ChatGPT en design :
Enfin, discutez des limites et des défis liés à l'utilisation de ChatGPT en design. Comment pouvons-nous nous assurer que les
designs générés par ChatGPT sont de haute qualité et correspondent aux attentes des utilisateurs ? Comment pouvons-nous
surmonter les biais culturels et linguistiques qui peuvent être présents dans les données d'entraînement de ChatGPT ?
En résumé, une conférence sur l'impact de ChatGPT sur le design pourrait aborder les façons dont ChatGPT est utilisé pour la
création de contenu, la personnalisation de l'expérience utilisateur, la création de designs automatisés, la stimulation de la
créativité, ainsi que les limites et les défis associés à l'utilisation de cette technologie dans le domaine du design

4. 4
C1
Internal
Agenda
2. ChatGPT &
moi
1. Qui
suis-je ?
3. “Je suis Designer et j’utilise
ChatGPT” :
4. Bilan : atouts & limites ?
pourquoi & comment ?

5. 5
C1
Internal
1. Qui suis-je ?

6. 6
C1
Internal
BruX.
Tanguy Le Duff
1er français atteint de chatgptite aïgue.

7. 7
C1
Internal

8. 8
C1
Internal

9. 9
C1
Internal

10. 10
C1
Internal
2. ChatGPT & moi

11. 11
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)

12. 12
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)

13. 13
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

14. 14
C1
Internal
Un déclic, c’est-à-dire ?
Des posts sur les RS Des meetups Des webinars

15. 15
C1
Internal
3. “Je suis designer & j’utilise
ChatGPT” :
est-ce grave doc ?
pourquoi & comment ?

16. 16
C1
Internal
1. POURQUOI ?
2. COMMENT ?

17. 17
C1
Internal
Postulat de départ ?

18. 18
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, … »

19. 19
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

20. 20
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 être plus compétitif
(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 (VS celles et ceux qui ne le feront pas) »

21. 21
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 table ronde

22. 22
C1
Internal
2. COMMENT ?
1. POURQUOI ?

23. 23
C1
Internal
Mode « direct »
via un prompt sur
l’interface conversationnelle
Mode « indirect »
via une API ou un plugin FIGMA
2. COMMENT ?

24. 24
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Pour en apprendre plus
sur un secteur ou un
domaine d’activités que
vous ne connaissez pas
1 - Prompts génériques, utiles à tous les métiers (y compris dans le Design)

25. 25
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
1 - Prompts génériques, utiles à tous les métiers (y compris dans le Design)
Pour en apprendre plus
sur une réglementation
ou une loi qui impacte
votre projet

26. 26
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Pour expliquer les
termes de l’UX
en générant
un glossaire
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

27. 27
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Présenter les bénéfices de l’UX
pour favoriser l’adoption
du top management
et des autres équipes
(DEV, PO, …)
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

28. 28
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Pour identifier
les différentes étapes
du design process
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

29. 29
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
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 :
……………………………………………………………………………………………… »
3 - Prompts pour les UX Researchers / UX Designers

30. 30
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Pour initier une réflexion
orientée sur les besoins
3 - Prompts pour les UX Researchers / UX Designers

31. 31
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Pour initier une réflexion
orientée sur les user flows
3 - Prompts pour les UX Researchers / UX Designers

32. 32
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Pour initier une réflexion
orientée sur les irritants
3 - Prompts pour les UX Researchers / UX Designers

33. 33
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Comme base de travail
pour créer un persona
3 - Prompts pour les UX Researchers / UX Designers

34. 34
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Comme base de travail
pour créer une experience map
3 - Prompts pour les UX Researchers / UX Designers

35. 35
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Pour inspiration
à propos des layouts
4 - Prompts pour les UX Designers

36. 36
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Pour prendre du recul
et obtenir un avis
à propos d’une idée
(ex: nouvelle fonctionnalité)
4 - Prompts pour les UX Designers

37. 37
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Pour trouver de l’inspiration
(ex : messages d’erreur)
5 - Prompts pour les UX Writers et/ou Content Designers

38. 38
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Obtenir rapidement
un 1er niveau
de traduction
5 - Prompts pour les UX Writers et/ou Content Designers

39. 39
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Pour initier un wording
(et bannir le « lorem ipsum »)
dans un contexte précis
5 - Prompts pour les UX Writers et/ou Content Designers

40. 40
C1
Internal
5 - Prompts pour les UI Designers
Mode « direct » via un prompt sur l’interface conversationnelle
Pour documenter
un composant
du design system

41. 41
C1
Internal
5 - Prompts pour les UI Designers
Mode « direct » via un prompt sur l’interface conversationnelle
Pour identifier des
éléments UI de
réassurance

42. 42
C1
Internal
5 - Prompts pour les UI Designers du dark side
Mode « direct » via un prompt sur l’interface conversationnelle
Pour intégrer
des dark patterns
dans un design

43. 43
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
6 - Prompts pour la veille UX/UI
Pour identifier des sites
d’inspiration en UI Design

44. 44
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Pour identifier des livres
à lire sur l’UX Design
6 - Prompts pour la veille UX/UI

45. 45
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Quelles études ou quel parcours
pour apprendre l’UX ?
7 - Prompts pour l’orientation des personnes intéressées par l’UX

46. 46
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
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].
Et bien d’autres prompts encore !
(la seule limite, c’est votre imagination…)

47. 47
C1
Internal
Mode « direct »
via un prompt sur
l’interface conversationnelle
Mode « indirect »
via une API ou un plugin FIGMA
2. COMMENT ?

48. 48
C1
Internal
API
Mode « indirect » via une API ou un plugin FIGMA
Vous avez dit « API » ?
https://openai.com/api/
Votre outil GPT-3.5
(et non ChatGPT)
Prompt
Réponse

49. 49
C1
Internal
API GPT intégrée dans une feuille Google Sheet
Mode « indirect » via une API ou un plugin FIGMA
Testé : c’est fonctionnel !

50. 50
C1
Internal
Mes idées d’intégration dans Google Sheet
Mode « indirect » via une API ou un plugin FIGMA
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)

51. 51
C1
Internal
Mes idées d’intégration dans Google Sheet
Mode « indirect » via une API ou un plugin FIGMA
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

52. 52
C1
Internal
1/ Plugin QoQo ❤️
Mode « indirect » via une API ou un plugin FIGMA

53. 53
C1
Internal
1/ Plugin QoQo ❤️
Mode « indirect » via une API ou un plugin FIGMA
Un bon premier set de fonctionnalités
et de la visibilité sur les prochaines
Features:
•Product brief.
•User interview script.
•User personas.
•Design checklist.
Coming soon:
•UX writing.
•User journey mapping.
Une équipe accessible
et ouverte aux feedbacks
https://www.figma.com/community/plugin/1189158575928509194/QoQo

54. 54
C1
Internal
1/ Plugin QoQo ❤️
Mode « indirect » via une API ou un plugin FIGMA
Exemple de génération de persona

55. 55
C1
Internal
2/ Plugin GENIUS 🤖
Mode « indirect » via une API ou un plugin FIGMA
Projet très prometteur de Diagram, mais pas encore disponible
https://diagram.com/account
Lien pour rejoindre la Waitlist

56. 56
C1
Internal
2/ Plugin GENIUS 🤖
Mode « indirect » via une API ou un plugin FIGMA
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 !

57. 57
C1
Internal
2/ Plugin GENIUS 🤖
Mode « indirect » via une API ou un plugin FIGMA
Source : https://youtu.be/oiTt3dEUVp4

58. 58
C1
Internal
2/ Plugin GENIUS 🤖
Mode « indirect » via une API ou un plugin FIGMA
Exemple
d’utilisation de
Genius dans
Figma
Version
« work in
progress »

59. 59
C1
Internal
3/ Plugin GALILEO AI
Mode « indirect » via une API ou un plugin FIGMA
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

60. 60
C1
Internal
4/ Plugin PROMPT2FIGMA
Mode « indirect » via une API ou un plugin FIGMA
https://www.prompt2figma.com/
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
Inscription pour accès à la beta sur le
site

61. 61
C1
Internal
4/ Plugin PROMPT2FIGMA
Mode « indirect » via une API ou un plugin FIGMA

62. 62
C1
Internal
5/ Plugin MAGICIAN
Mode « indirect » via une API ou un plugin FIGMA
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

63. 63
C1
Internal
5/ Plugin MAGICIAN
Mode « indirect » via une API ou un plugin FIGMA
https://www.figma.com/community/
plugin/1151890004010191690/Magician
Les tarifs !
(la magie n’est
pas gratuite)

64. 64
C1
Internal
Et bien d’autres plugins
Mode « indirect » via une API ou un plugin FIGMA
Article à lire !
• https://bootcamp.uxdesign.cc/7-ai-based-figma-plugins-that-i-use-as-a-product-designer-8b1c645435cb

65. 65
C1
Internal
Et bien d’autres plugins
Mode « indirect » via une API ou un plugin FIGMA
https://www.figma.com/community/plugin/1145446664512862540/Ando---AI-Copilot-for-Designers

66. 66
C1
Internal
4. Bilan : atouts &
limites ?

67. 67
C1
Internal
Avis
L’IA, telle qu’elle existe aujourd’hui, ne remplace pas le designer🔥

68. 68
C1
Internal
Avis
L’IA, telle qu’elle existe aujourd’hui, ne remplace pas le designer🔥

69. 69
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)

70. 70
C1
Internal
Principale limitation ⚠️
Au cœur du Design, se trouve l’humain
(dans toute sa complexité)

71. 71
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.
😇 Ce n’est pas
moi qui le dit !

72. 72
C1
Internal
MERCI !
pour votre écoute

73. 73
C1
Internal
Keep in touch
https://www.linkedin.com/in/tanguyleduff/
tanguy.leduff@gmail.com
tanguyleduff.fr

74. 74
C1
Internal
Share
https://tanguyleduff.com/conferences

75. 75
C1
Internal
Q&R