SlideShare une entreprise Scribd logo
1  sur  77
1
C1
Internal
C1 Internal
Conférence eXalt
01/03/2023
ChatGPT : quel impact dans le Design ?
Tanguy Le Duff – Lead UX Designer
2
C1
Internal
INTRODUCTION
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
C1
Internal
Agenda
2. ChatGPT & moi
1. Qui suis-je ?
3. “Je suis Designer et j’utilise ChatGPT” :
pourquoi & comment ?
4. Bilan : atouts & limites ?
5
C1
Internal
1. Qui suis-je ?
6
C1
Internal
BruX.
Tanguy Le Duff
1er français atteint de chatgptite aïgue.
7
C1
Internal
8
C1
Internal
9
C1
Internal
10
C1
Internal
2. ChatGPT & moi
11
C1
Internal
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
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
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
C1
Internal
Un déclic, c’est-à-dire ?
Des posts sur les RS Des meetups Des webinars
15
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é ?
16
C1
Internal
Du concret : passage à l’action
Talk en interne
avec Lead Data Scientist
(public : la R&D)
17
C1
Internal
3. “Je suis designer & j’utilise ChatGPT” :
pourquoi & comment ?
18
C1
Internal
1. POURQUOI ?
2. COMMENT ?
19
C1
Internal
Postulat de départ ?
20
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, … »
21
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
22
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) »
23
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
24
C1
Internal
2. COMMENT ?
1. POURQUOI ?
25
C1
Internal
2. COMMENT ?
Mode « direct »
via un prompt sur
l’interface conversationnelle
Mode « indirect »
via une API ou un plugin FIGMA
26
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)
27
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
28
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
29
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
30
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
31
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
32
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
33
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
34
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
35
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
36
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
37
C1
Internal
Mode « direct » via un prompt sur l’interface conversationnelle
Pour inspiration
à propos des layouts
4 - Prompts pour les UX Designers
38
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
39
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
40
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
41
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
42
C1
Internal
5 - Prompts pour les UI Designers
Mode « direct » via un prompt sur l’interface conversationnelle
Pour documenter
un composant
du design system
43
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
44
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
45
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
46
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
47
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
48
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…)
49
C1
Internal
2. COMMENT ?
Mode « direct »
via un prompt sur
l’interface conversationnelle
Mode « indirect »
via une API ou un plugin FIGMA
50
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
51
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 !
52
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)
53
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
54
C1
Internal
1/ Plugin QoQo ❤️
Mode « indirect » via une API ou un plugin FIGMA
55
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
56
C1
Internal
1/ Plugin QoQo ❤️
Mode « indirect » via une API ou un plugin FIGMA
Exemple de génération de persona
57
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
58
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 !
59
C1
Internal
2/ Plugin GENIUS 🤖
Mode « indirect » via une API ou un plugin FIGMA
Source : https://youtu.be/oiTt3dEUVp4
60
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 »
61
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
62
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
63
C1
Internal
4/ Plugin PROMPT2FIGMA
Mode « indirect » via une API ou un plugin FIGMA
64
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
65
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)
66
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
67
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
68
C1
Internal
4. Bilan : atouts & limites ?
69
C1
Internal
Avis
L’IA, telle qu’elle existe aujourd’hui, ne remplace pas le designer🔥
70
C1
Internal
Avis
L’IA, telle qu’elle existe aujourd’hui, ne remplace pas le designer🔥
71
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)
72
C1
Internal
Principale limitation ⚠️
Au cœur du Design, se trouve l’humain
(dans toute sa complexité)
73
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 !
74
C1
Internal
MERCI !
pour votre écoute
75
C1
Internal
Keep in touch
https://www.linkedin.com/in/tanguyleduff/
tanguy.leduff@gmail.com
tanguyleduff.fr
76
C1
Internal
Q&R
77
C1
Internal

Contenu connexe

Tendances

Jawad's presentation on GPT.pptx
Jawad's presentation on GPT.pptxJawad's presentation on GPT.pptx
Jawad's presentation on GPT.pptxJawadNadeem3
 
Blueprint ChatGPT Lunch & Learn
Blueprint ChatGPT Lunch & LearnBlueprint ChatGPT Lunch & Learn
Blueprint ChatGPT Lunch & Learngnakan
 
Conversation pendant 24h avec une AI - ChatGPT
Conversation pendant 24h avec une AI - ChatGPTConversation pendant 24h avec une AI - ChatGPT
Conversation pendant 24h avec une AI - ChatGPTUGAIA
 
Les Français, ChatGPT et l'intelligence artificielle
Les Français, ChatGPT et l'intelligence artificielleLes Français, ChatGPT et l'intelligence artificielle
Les Français, ChatGPT et l'intelligence artificielleIpsos France
 
ChatGPT vs. GPT-3.pdf
ChatGPT vs. GPT-3.pdfChatGPT vs. GPT-3.pdf
ChatGPT vs. GPT-3.pdfAddepto
 
Automate your Job and Business with ChatGPT #3 - Fundamentals of LLM/GPT
Automate your Job and Business with ChatGPT #3 - Fundamentals of LLM/GPTAutomate your Job and Business with ChatGPT #3 - Fundamentals of LLM/GPT
Automate your Job and Business with ChatGPT #3 - Fundamentals of LLM/GPTAnant Corporation
 
Le Comptoir OCTO - ChatGPT : Menace ou opportunité ?
Le Comptoir OCTO - ChatGPT : Menace ou opportunité ?Le Comptoir OCTO - ChatGPT : Menace ou opportunité ?
Le Comptoir OCTO - ChatGPT : Menace ou opportunité ?OCTO Technology
 
Learn Prompting with ChatGPT
Learn Prompting with ChatGPTLearn Prompting with ChatGPT
Learn Prompting with ChatGPTNikhil Gadkar
 
How People Are Leveraging ChatGPT
How People Are Leveraging ChatGPTHow People Are Leveraging ChatGPT
How People Are Leveraging ChatGPTRoy Ahuja
 
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
 
Praneet’s Pre On ChatGpt edited.pptx
Praneet’s Pre On ChatGpt edited.pptxPraneet’s Pre On ChatGpt edited.pptx
Praneet’s Pre On ChatGpt edited.pptxSalunke2
 
ConversationsAvecChatGPT-v5.pdf
ConversationsAvecChatGPT-v5.pdfConversationsAvecChatGPT-v5.pdf
ConversationsAvecChatGPT-v5.pdfUGAIA
 
Uses of ChatGPT in Marketing
Uses of ChatGPT in MarketingUses of ChatGPT in Marketing
Uses of ChatGPT in MarketingJoseArrunategui3
 
intro chatGPT workshop.pdf
intro chatGPT workshop.pdfintro chatGPT workshop.pdf
intro chatGPT workshop.pdfpeterpur
 

Tendances (20)

Onopia - Comprendre l'IA Générative
Onopia - Comprendre l'IA GénérativeOnopia - Comprendre l'IA Générative
Onopia - Comprendre l'IA Générative
 
Jawad's presentation on GPT.pptx
Jawad's presentation on GPT.pptxJawad's presentation on GPT.pptx
Jawad's presentation on GPT.pptx
 
Blueprint ChatGPT Lunch & Learn
Blueprint ChatGPT Lunch & LearnBlueprint ChatGPT Lunch & Learn
Blueprint ChatGPT Lunch & Learn
 
Conversation pendant 24h avec une AI - ChatGPT
Conversation pendant 24h avec une AI - ChatGPTConversation pendant 24h avec une AI - ChatGPT
Conversation pendant 24h avec une AI - ChatGPT
 
Les Français, ChatGPT et l'intelligence artificielle
Les Français, ChatGPT et l'intelligence artificielleLes Français, ChatGPT et l'intelligence artificielle
Les Français, ChatGPT et l'intelligence artificielle
 
ChatGPT vs. GPT-3.pdf
ChatGPT vs. GPT-3.pdfChatGPT vs. GPT-3.pdf
ChatGPT vs. GPT-3.pdf
 
Automate your Job and Business with ChatGPT #3 - Fundamentals of LLM/GPT
Automate your Job and Business with ChatGPT #3 - Fundamentals of LLM/GPTAutomate your Job and Business with ChatGPT #3 - Fundamentals of LLM/GPT
Automate your Job and Business with ChatGPT #3 - Fundamentals of LLM/GPT
 
Le Comptoir OCTO - ChatGPT : Menace ou opportunité ?
Le Comptoir OCTO - ChatGPT : Menace ou opportunité ?Le Comptoir OCTO - ChatGPT : Menace ou opportunité ?
Le Comptoir OCTO - ChatGPT : Menace ou opportunité ?
 
Learn Prompting with ChatGPT
Learn Prompting with ChatGPTLearn Prompting with ChatGPT
Learn Prompting with ChatGPT
 
How People Are Leveraging ChatGPT
How People Are Leveraging ChatGPTHow People Are Leveraging ChatGPT
How People Are Leveraging 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
 
ChatGPT.pptx
ChatGPT.pptxChatGPT.pptx
ChatGPT.pptx
 
Praneet’s Pre On ChatGpt edited.pptx
Praneet’s Pre On ChatGpt edited.pptxPraneet’s Pre On ChatGpt edited.pptx
Praneet’s Pre On ChatGpt edited.pptx
 
Unlocking the Power of ChatGPT
Unlocking the Power of ChatGPTUnlocking the Power of ChatGPT
Unlocking the Power of ChatGPT
 
ConversationsAvecChatGPT-v5.pdf
ConversationsAvecChatGPT-v5.pdfConversationsAvecChatGPT-v5.pdf
ConversationsAvecChatGPT-v5.pdf
 
ChatGPT for Academic
ChatGPT for AcademicChatGPT for Academic
ChatGPT for Academic
 
ChatGPT Use- Cases
ChatGPT Use- Cases ChatGPT Use- Cases
ChatGPT Use- Cases
 
ChatGPT General Meeting
ChatGPT General MeetingChatGPT General Meeting
ChatGPT General Meeting
 
Uses of ChatGPT in Marketing
Uses of ChatGPT in MarketingUses of ChatGPT in Marketing
Uses of ChatGPT in Marketing
 
intro chatGPT workshop.pdf
intro chatGPT workshop.pdfintro chatGPT workshop.pdf
intro chatGPT workshop.pdf
 

Similaire à Conf 2023 TLD - ChatGPT impact dans le Design

Conf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact DesignConf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact DesignTanguyLeDuff1
 
Meetup UX Republic - TLD 16052023.pdf
Meetup UX Republic - TLD 16052023.pdfMeetup UX Republic - TLD 16052023.pdf
Meetup UX Republic - TLD 16052023.pdfTanguy Le Duff
 
Conference IIM - TLD 28072023.pdf
Conference IIM - TLD 28072023.pdfConference IIM - TLD 28072023.pdf
Conference IIM - TLD 28072023.pdfTanguy Le Duff
 
Optimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open SourceOptimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open SourceMarc Wabnitz
 
7. Du Design UX au Design de la collaboration
7. Du Design UX au Design de la collaboration7. Du Design UX au Design de la collaboration
7. Du Design UX au Design de la collaborationLaurent Barbat
 
Low fi prototype par Pol Gaosdoué
Low fi prototype par Pol GaosdouéLow fi prototype par Pol Gaosdoué
Low fi prototype par Pol Gaosdouéantopensource
 
MultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedMultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedSteria
 
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...SharePoint summit Montreal 2014 developer vs designer des solutions belles et...
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...Vincent Biret
 
Webinar une journee dans la peau d'un directeur artistique
Webinar   une journee dans la peau d'un directeur artistiqueWebinar   une journee dans la peau d'un directeur artistique
Webinar une journee dans la peau d'un directeur artistiqueJulien Dereumaux
 
Agile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UXAgile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UXZenika
 
Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !
Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !
Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !Simplicité Software
 
Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !Catherine Verfaillie
 
6. Atelier : Idéation > Conception
6. Atelier : Idéation > Conception6. Atelier : Idéation > Conception
6. Atelier : Idéation > ConceptionLaurent Barbat
 
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...Flupa
 
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignConférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignCatherine Verfaillie
 
Mon processus de design en tant que PO sans UX designer - Agile Tour Lille 2016
Mon processus de design en tant que PO sans UX designer - Agile Tour Lille 2016Mon processus de design en tant que PO sans UX designer - Agile Tour Lille 2016
Mon processus de design en tant que PO sans UX designer - Agile Tour Lille 2016Anaël ICHANE
 
Vers une nouvelle ère de vos expériences
Vers une nouvelle ère de vos expériencesVers une nouvelle ère de vos expériences
Vers une nouvelle ère de vos expériencesFabernovel
 
Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017Net Design
 
Construire et prototyper rapidement un concept d’application mobile
 Construire et prototyper rapidement un concept d’application mobile Construire et prototyper rapidement un concept d’application mobile
Construire et prototyper rapidement un concept d’application mobileStrasWeb
 

Similaire à Conf 2023 TLD - ChatGPT impact dans le Design (20)

Conf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact DesignConf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact Design
 
Meetup UX Republic - TLD 16052023.pdf
Meetup UX Republic - TLD 16052023.pdfMeetup UX Republic - TLD 16052023.pdf
Meetup UX Republic - TLD 16052023.pdf
 
Conference IIM - TLD 28072023.pdf
Conference IIM - TLD 28072023.pdfConference IIM - TLD 28072023.pdf
Conference IIM - TLD 28072023.pdf
 
Optimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open SourceOptimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open Source
 
7. Du Design UX au Design de la collaboration
7. Du Design UX au Design de la collaboration7. Du Design UX au Design de la collaboration
7. Du Design UX au Design de la collaboration
 
Comment construire un chatbot interne ?
Comment construire un chatbot interne ?Comment construire un chatbot interne ?
Comment construire un chatbot interne ?
 
Low fi prototype par Pol Gaosdoué
Low fi prototype par Pol GaosdouéLow fi prototype par Pol Gaosdoué
Low fi prototype par Pol Gaosdoué
 
MultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedMultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-Breed
 
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...SharePoint summit Montreal 2014 developer vs designer des solutions belles et...
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...
 
Webinar une journee dans la peau d'un directeur artistique
Webinar   une journee dans la peau d'un directeur artistiqueWebinar   une journee dans la peau d'un directeur artistique
Webinar une journee dans la peau d'un directeur artistique
 
Agile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UXAgile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UX
 
Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !
Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !
Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !
 
Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !
 
6. Atelier : Idéation > Conception
6. Atelier : Idéation > Conception6. Atelier : Idéation > Conception
6. Atelier : Idéation > Conception
 
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
 
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignConférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
 
Mon processus de design en tant que PO sans UX designer - Agile Tour Lille 2016
Mon processus de design en tant que PO sans UX designer - Agile Tour Lille 2016Mon processus de design en tant que PO sans UX designer - Agile Tour Lille 2016
Mon processus de design en tant que PO sans UX designer - Agile Tour Lille 2016
 
Vers une nouvelle ère de vos expériences
Vers une nouvelle ère de vos expériencesVers une nouvelle ère de vos expériences
Vers une nouvelle ère de vos expériences
 
Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017
 
Construire et prototyper rapidement un concept d’application mobile
 Construire et prototyper rapidement un concept d’application mobile Construire et prototyper rapidement un concept d’application mobile
Construire et prototyper rapidement un concept d’application mobile
 

Conf 2023 TLD - ChatGPT impact dans le Design

  • 1. 1 C1 Internal C1 Internal Conférence eXalt 01/03/2023 ChatGPT : quel impact dans le Design ? Tanguy Le Duff – Lead UX Designer
  • 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” : pourquoi & comment ? 4. Bilan : atouts & limites ?
  • 6. 6 C1 Internal BruX. Tanguy Le Duff 1er français atteint de chatgptite aïgue.
  • 11. 11 C1 Internal 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 Du concret : passage à l’action 🙄 Comment utiliser ces nouvelles technologies dans ma pratique de Designer ? 😰 Mon job de Product Designer est-il menacé ?
  • 16. 16 C1 Internal Du concret : passage à l’action Talk en interne avec Lead Data Scientist (public : la R&D)
  • 17. 17 C1 Internal 3. “Je suis designer & j’utilise ChatGPT” : pourquoi & comment ?
  • 20. 20 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, … »
  • 21. 21 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
  • 22. 22 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) »
  • 23. 23 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
  • 25. 25 C1 Internal 2. COMMENT ? Mode « direct » via un prompt sur l’interface conversationnelle Mode « indirect » via une API ou un plugin FIGMA
  • 26. 26 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)
  • 27. 27 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
  • 28. 28 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
  • 29. 29 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
  • 30. 30 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
  • 31. 31 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
  • 32. 32 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
  • 33. 33 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
  • 34. 34 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
  • 35. 35 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
  • 36. 36 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
  • 37. 37 C1 Internal Mode « direct » via un prompt sur l’interface conversationnelle Pour inspiration à propos des layouts 4 - Prompts pour les UX Designers
  • 38. 38 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
  • 39. 39 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
  • 40. 40 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
  • 41. 41 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
  • 42. 42 C1 Internal 5 - Prompts pour les UI Designers Mode « direct » via un prompt sur l’interface conversationnelle Pour documenter un composant du design system
  • 43. 43 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
  • 44. 44 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
  • 45. 45 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
  • 46. 46 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
  • 47. 47 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
  • 48. 48 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…)
  • 49. 49 C1 Internal 2. COMMENT ? Mode « direct » via un prompt sur l’interface conversationnelle Mode « indirect » via une API ou un plugin FIGMA
  • 50. 50 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
  • 51. 51 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 !
  • 52. 52 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)
  • 53. 53 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
  • 54. 54 C1 Internal 1/ Plugin QoQo ❤️ Mode « indirect » via une API ou un plugin FIGMA
  • 55. 55 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
  • 56. 56 C1 Internal 1/ Plugin QoQo ❤️ Mode « indirect » via une API ou un plugin FIGMA Exemple de génération de persona
  • 57. 57 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
  • 58. 58 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 !
  • 59. 59 C1 Internal 2/ Plugin GENIUS 🤖 Mode « indirect » via une API ou un plugin FIGMA Source : https://youtu.be/oiTt3dEUVp4
  • 60. 60 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 »
  • 61. 61 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
  • 62. 62 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
  • 63. 63 C1 Internal 4/ Plugin PROMPT2FIGMA Mode « indirect » via une API ou un plugin FIGMA
  • 64. 64 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
  • 65. 65 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)
  • 66. 66 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
  • 67. 67 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
  • 68. 68 C1 Internal 4. Bilan : atouts & limites ?
  • 69. 69 C1 Internal Avis L’IA, telle qu’elle existe aujourd’hui, ne remplace pas le designer🔥
  • 70. 70 C1 Internal Avis L’IA, telle qu’elle existe aujourd’hui, ne remplace pas le designer🔥
  • 71. 71 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)
  • 72. 72 C1 Internal Principale limitation ⚠️ Au cœur du Design, se trouve l’humain (dans toute sa complexité)
  • 73. 73 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 !

Notes de l'éditeur

  1. Bonsoir à toutes et tous. Ravi d’être parmi vous pour aborder ce sujet passionnant des IA, avec un focus tout particulier sur ChatGPT, et les impacts sur nos différents corps de métier. Beaucoup de choses à partager, donc accrochez vous, je vais aller vite ! ;)
  2. Un très court mot d’introduction
  3. J’ai décidé de ne PAS vous faire la conférence que ChatGPT m’a dit de faire  Mais … je l’avoue, j’ai quand même utilisé ChatGPT pour préparer la conférence. Simplement : pas de cette manière là !
  4. Pour traiter le sujet, voici ce que je vous propose, dans l’ordre : Qui suis-je ? ChatGPT & moi : mon histoire passée et présente, avec cette nouvelle technologie « Je suis Designer & j’utilise ChatGPT » : est-ce grave ? Et plus sérieusement : pourquoi & comment ? Un bilan avec les atouts et les limites (car spoiler alert : comme tous les autres outils avant lui, ChatGPT n’est pas parfait)
  5. Partie 1 : qui suis-je ?
  6. J’ai conscience de commencer de façon très cash, avec cette confidence ultra perso … ce qui, je l’espère, ne choquera personne …
  7. C’est pourquoi …
  8. Plus sérieusement, qui suis-je ? Je m’appelle Tanguy Le Duff, je suis Lead UX Designer chez MEGA International, et j’enseigne également l’UX Design auprès d’étudiants et d’étudiantes en Mastère UX (bac+4/+5)
  9. Micro aparté : les connaisseurs auront reconnu une fiche PERSONAE. Pour celles et ceux qui ne connaissent pas ce mot, et bien … vous demanderez aux connaisseurs plus tard dans la soirée, juste après la table ronde qui va suivre. Merci !
  10. Un résumé de mon histoire personnelle, ma relation, avec ChatGPT (attention les yeux, effets spéciaux de ouf)
  11. J’ai commencé à manipuler les IA génératives début novembre, parce que … je suis curieux, j’adore tester (geek)
  12. J’avais testé très rapidement ChatGPT courant novembre, mais c’est une collègue qui m’a vraiment poussé à me repencher dessus de façon plus sérieuse. J’ai été pris au jeu, j’ai testé tout un tas de choses… y compris quelques pistes pour mon métier dans le Design.
  13. J’ai une veille ACTIVE sur tout ce qui touche à l’UX, de manière assez large. Et les réflexions et initiatives de mes pairs m’ont moi-même poussé à questionner ma pratique dans l’UX, à m’approprier le sujet. Ce qui a abouti à quelques initiatives…
  14. Pousser la réflexion jusqu’au sein de ma propre équipe, pour avoir leur avis, savoir ce qu’ils en pensent, s’ils ont testé des choses, etc…
  15. Chez MEGA International, il y a un talk hebdo pour toute la R&D. Chacun peut prendre la parole (5, 10, 15 min max) pour présenter un sujet. Début février, j’ai présenté ChatGPT avec EVA JAIDAN, Lead Data Scientist.
  16. 1ère question : POURQUOI utiliser ChatGPT en tant que designer ?
  17. Jakob Nielsen, personne connue et reconnue dans le monde de l’UX Il affirme (et c’est son point de vue) que l’IA va augmenter l’efficacité et la productivité des travaux dans l’UX. Rapide sondage à mains levées : que celles et ceux qui sont OK avec cette phrase lèvent la main svp ? OK, poursuivons ! Jakob, si tu me permets de préciser, de compléter et d’apporter un peu de nuances à ta phrase générique …
  18. Je nuancerais en ajoutant quelques idées, importantes selon moi : 1) le designer a pris le temps d’apprendre à maitriser les outils d’IA 2) pourquoi dans certains contextes ? ex: si je travaille sur un projet sensible, je n’en discuterai à priori pas avec chatgpt, qui est un outil en ligne et qui fait, je ne sais pas trop quoi, des informations que je lui transmets 3) pourquoi pour certaines tâches ? l’utilisation de l’outil doit avoir une vraie valeur ajoutée pour le designer, il faut que ça ait du sens et que ça s’inscrive bien dans le processus de design et les limites actuelles des outils font que ce n’est pas à forte valeur ajoutée ou pertinent pour l’ensemble de nos actions de Design
  19. Pour répondre à cette 1ère grande question « En tant que designer, pourquoi utiliser ChatGPT ? » La double réponse, et sur 2 dimensions temporelles différentes : À court/moyen terme : pour tenter de gagner en efficacité et en productivité A moyen/long terme, par rapport au marché de l’emploi : pour être plus compétitif
  20. Pour le dire avec des termes qui sonnent un peu moins … capitalistes / productivites :
  21. Pour répondre à cette 1ère grande question « En tant que designer, pourquoi utiliser ChatGPT ? » La double réponse, et sur 2 dimensions temporelles différentes : À court/moyen terme : pour tenter de gagner en efficacité et en productivité A moyen/long terme, par rapport au marché de l’emploi : pour être plus compétitif
  22. Nous avons vu ensemble pourquoi utiliser ChatGPT en tant que designer. 2ème question, COMMENT ?
  23. Nous avons vu ensemble pourquoi utiliser ChatGPT en tant que designer. 2ème question, COMMENT ?
  24. Nous avons vu ensemble pourquoi utiliser ChatGPT en tant que designer. 2ème question, COMMENT ?
  25. OK je commence par mes plugins préférés, comme ça si je manque de temps, vous irez voir les slides plus tard pour découvrir les autres plugins ;)
  26. OK je commence par mes plugins préférés, comme ça si je manque de temps, vous irez voir les slides plus tard pour découvrir les autres plugins ;)
  27. OK je commence par mes plugins préférés, comme ça si je manque de temps, vous irez voir les slides plus tard pour découvrir les autres plugins ;)
  28. Ok passons maintenant au monde des PLUGINS FIGMA, et on commence par mes préférés (testés et approuvés) Le 1er c’est QoQo, qui se décrit comme votre « compagnon d’ UX Design »
  29. QoQo, c’est un plugin qui offre déjà un 1er set de fonctionnalités intéressantes, la petite équipe qui a mis en place ce plugin est très sympa et ouverte à l’échange, pour récolter du feedback constructif !
  30. Voici un exemple de génération de persona, on retrouve les informations classiques, regroupées par blocs : - objectifs, motivations - besoins - frustrations, irritants - Tâches à réaliser
  31. 2ème plugin dont je voulais parler, il n’est pas encore sorti (waitlist) mais il est super prometteur ! Il s’agit de GENIUS de Diagram.
  32. Voici la belle promesse de ce futur plugin
  33. Ok passons maintenant au monde des PLUGINS FIGMA, et on commence par mes préférés (testés et approuvés) Le 1er c’est QoQo, qui se décrit comme votre « compagnon d’ UX Design »
  34. Ok passons maintenant au monde des PLUGINS FIGMA, et on commence par mes préférés (testés et approuvés) Le 1er c’est QoQo, qui se décrit comme votre « compagnon d’ UX Design »
  35. Ok passons maintenant au monde des PLUGINS FIGMA, et on commence par mes préférés (testés et approuvés) Le 1er c’est QoQo, qui se décrit comme votre « compagnon d’ UX Design »
  36. Ok passons maintenant au monde des PLUGINS FIGMA, et on commence par mes préférés (testés et approuvés) Le 1er c’est QoQo, qui se décrit comme votre « compagnon d’ UX Design »
  37. Ok passons maintenant au monde des PLUGINS FIGMA, et on commence par mes préférés (testés et approuvés) Le 1er c’est QoQo, qui se décrit comme votre « compagnon d’ UX Design »
  38. Ok passons maintenant au monde des PLUGINS FIGMA, et on commence par mes préférés (testés et approuvés) Le 1er c’est QoQo, qui se décrit comme votre « compagnon d’ UX Design »
  39. Ok passons maintenant au monde des PLUGINS FIGMA, et on commence par mes préférés (testés et approuvés) Le 1er c’est QoQo, qui se décrit comme votre « compagnon d’ UX Design »
  40. J’ai présenté et mis en avant 5 plugins, en voici 3 autres supplémentaires
  41. J’ai présenté et mis en avant 5 plugins, en voici 3 autres supplémentaires
  42. 4ème et dernière partie : le bilan Avec les atouts et les limites de ChatGPT utilisé par un designer, go !
  43. Des questions ?