生成AI時代におけるUXデザイン | 生成AIをフル活用したUX設計手法＆生成AI時代のユーザー体験の変化について

by KAJI | 梶谷健人

Slide 1

Slide 1 text

UX Design in the Age of Generative AI Generative AI UX

Slide 2

Slide 2 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 2 Profile VASILY SNS iQON 2017 XR/ MESON 4 XR AI/XR POSTS

Slide 3

Slide 3 text

Emerging Technology / Generative AI AI / WIRED Forbes AI

Slide 4

Slide 4 text

Emerging Technology / Generative AI / Text Generation

Slide 5

Slide 5 text

Emerging Technology / Generative AI / Image Generation

Slide 6

Slide 6 text

Emerging Technology / Generative AI / Image Generation

Slide 7

Slide 7 text

Emerging Technology / Generative AI / Image Generation

Slide 8

Slide 8 text

Emerging Technology / Generative AI / Image Generation

Slide 9

Slide 9 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 9 Specialities AI XR ⾒

Slide 10

Slide 10 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 10 Software Ate The World, Now AI Is Eating Software ChatGPT Stable Di ff usion AI UX UX AI UX

Slide 11

Slide 11 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 11 Index 1 . Generative AI 2 . Generative AI UX 3 . Generative AI UX 4 . Generative AI

Slide 12

Slide 12 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 12

Slide 13

Slide 13 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 13 Overview and Evolution of Generative AI Generative AI

Slide 14

Slide 14 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 14 ChatGPT MAU 1 ToC AI 2 1980 GUI 2 2022 OpenAI AI AI

Slide 15

Slide 15 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 15 GPT- 4 - GPT- 4

Slide 16

Slide 16 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 16 GPT- 4 - 10% GPT- 3 . 5 10% GPT- 4 10% ⾒

Slide 17

Slide 17 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 17 AI Disrupt Software is eating the world Disrupt AI is eating software Disrupt Google AI

Slide 18

Slide 18 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 18 AI OpenAI 80% AI Goldman Sachs 3 AI AI AI AI (Copilot) AI https://arxiv.org/abs/ 2 303 . 1 0 13 0 https://www.goldmansachs.com/intelligence/pages/generative-ai-could-raise-global-gdp-by- 7 -percent.html

Slide 19

Slide 19 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 19 AI Github Copilot X 10 AI 10x AI https://github.blog/ 2 0 2 3 - 05 - 0 5 -web-summit-rio- 20 2 3 -building-an-app-in- 18 -minutes-with-github-copilot-x/ Neri Oxman s Krebs Cycle of Creativity

Slide 20

Slide 20 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 20 Question ChatGPT

Slide 21

Slide 21 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 21

Slide 22

Slide 22 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 22

Slide 23

Slide 23 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 23

Slide 24

Slide 24 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 24

Slide 25

Slide 25 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 25

Slide 26

Slide 26 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 26

Slide 27

Slide 27 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 27

Slide 28

Slide 28 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 28

Slide 29

Slide 29 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 29 UX Design × Generative AI 2. AI UX 1. AI UX 3 . AI /PdM Generative AI UX Generative AI AI

Slide 30

Slide 30 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 30 UX Design × Generative AI 2. AI UX 1. AI UX 3

Slide 31

Slide 31 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 31 Practical Techniques for UX Design with Generative AI Generative AI UX

Slide 32

Slide 32 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 32 Redesigned UX Design Process with Generative AI AI UX AI UX AI UX

Slide 33

Slide 33 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 33 Generative AI UX James Garrett UX 5 AI Strategy Layer Scope Layer Structure Layer Skelton Layer Surface Layer

Slide 34

Slide 34 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 34 UX 5

Slide 35

Slide 35 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 35 Strategy Layer AI UX Strategy Layer Scope Layer Structure Layer Skelton Layer Surface Layer

Slide 36

Slide 36 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 36 AI AI ChatGPT WebBrowsing Bing AI Bard Perplexity AI

Slide 37

Slide 37 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 37 Perplexity AI Perplexity AI 30

Slide 38

Slide 38 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 38 WNR.AI WNR.AI Y Sequia a 1 6 z Asana Intercom AI ⾒

Slide 39

Slide 39 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 39 Midjourney Airbnb https://twitter.com/bchesky/status/ 165 41 3 78630 07612 93 0

Slide 40

Slide 40 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 40 Midjourney AI Di ff usion Midjourney ID Seed Stable Di ff usion RoLA ⾒ Seed# 2862 8868 60 --seed 2 86288 6 860 --seed 2 86288 6 860

Slide 41

Slide 41 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 41 Generative AI UX UX 5 AI Strategy Layer Scope Layer Structure Layer Skelton Layer Surface Layer

Slide 42

Slide 42 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 42 User Story Map ChatGPT User Story Mapping The Ultimate Guide to Agile User Story Mapping

Slide 43

Slide 43 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 43 User Story Map ChatGPT ChatGPT User Story Map

Slide 44

Slide 44 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 44 User Story Map ChatGPT ChatGPT User Story Map

Slide 45

Slide 45 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 45 Generative AI UX UX 5 AI Strategy Layer Scope Layer Structure Layer Skelton Layer Surface Layer

Slide 46

Slide 46 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 46 Information Architecture Diagram

Slide 47

Slide 47 text

PRESENTATION DECK CONFIDENTIAL AND PROPRIETARY PAGE / 47

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 49

Slide 50

Slide 50 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 50

Slide 51

Slide 51 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 51

Slide 52

Slide 52 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 52

Slide 53

Slide 53 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 53

Slide 54

Slide 54 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 54 Generative AI UX UX 5 AI Strategy Layer Scope Layer Structure Layer Skelton Layer Surface Layer

Slide 55

Slide 55 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 55 ChatGPT Cohesive LP

Slide 56

Slide 56 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 56

Slide 57

Slide 57 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 57 ChatGPT Cohesive LP

Slide 58

Slide 58 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 58 Uizard AutoDesigner

Slide 59

Slide 59 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 59 Uizard AutoDesigner

Slide 60

Slide 60 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 60 Generative AI UX UX 5 AI Strategy Layer Scope Layer Structure Layer Skelton Layer Surface Layer

Slide 61

Slide 61 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 61 Midjourney

Slide 62

Slide 62 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 62 Midjourney

Slide 63

Slide 63 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 63

Slide 64

Slide 64 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 64 ChatGPT UI Animation

Slide 65

Slide 65 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 65 ChatGPT UI Animation

Slide 66

Slide 66 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 66 ChatGPT UI Animation https://openprocessing.org/sketch/create

Slide 67

Slide 67 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 67 ChatGPT UI Animation https://openprocessing.org/sketch/create

Slide 68

Slide 68 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 68 ChatGPT UI Animation https://openprocessing.org/sketch/create

Slide 69

Slide 69 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 69 Generative AI UX James Garrett UX 5 AI Strategy Layer Scope Layer Structure Layer Skelton Layer Surface Layer

Slide 70

Slide 70 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 70 UX Design × Generative AI 2. AI UX 1. AI UX 3

Slide 71

Slide 71 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 71 How Generative AI will change the nature of UX Generative AI UX

Slide 72

Slide 72 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 72 What UX looks like in the age of generative AI? AI AI UX 6

Slide 73

Slide 73 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 73 Generative AI User You 1 . UX AI Friendly 4 . 5 . OS "Human mimic 6 . 2 . 3 .

Slide 74

Slide 74 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 74 1 . Super Personalization Instant Interface User You AI Jasper AI ⾒ Jasper

Slide 75

Slide 75 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 75 2. Apple AR Humane Imran Chaudhri Ted Talk AI GPT- 4 BeMyEyes AI https://www.youtube.com/watch?v=gMsQO 5 u 7 -NQ https://openai.com/customer-stories/be-my-eyes

Slide 76

Slide 76 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 76 3 . OS Web Web Web Text-to-App OS ( OS UX Web OS Web Web Web OS Web Web Web OS Web Web OS OS < PAST > < NOW > < FUTURE >

Slide 77

Slide 77 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 77 3 . OS Mac Text-to-macOS App Brain Technologies Imagica AI https://twitter.com/ronithhh/status/ 16 4 13 1 8 6 06 5 4 917 632 1 https://get.imagica.ai/studio

Slide 78

Slide 78 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 78 3 . OS Windows OS AI Github Vercel AI Windows Copilot https://twitter.com/mckaywrigley/status/ 16 4 29 4 86 20 6 0 453 888 0

Slide 79

Slide 79 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 79 3 . OS Web Web Web Text-to-App OS ( OS UX Web OS Web Web Web OS Web Web Web OS Web Web OS OS < PAST > < NOW > < FUTURE >

Slide 80

Slide 80 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 80 4. UX AI Friendly AutoGPT GPT- 4 AI GOD MODE UX AI AI ⾒ AI AI Friendly AutoGPT GodMode

Slide 81

Slide 81 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 81 4. UX AI Friendly AI Friendly B 450 Adept AI 10 Salesforce Adept AI

Slide 82

Slide 82 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 82 5. AI GPT- 4 Iris AI AI AI 1 1 1 https://boundless.so/iris

Slide 83

Slide 83 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 83 6 . Human mimic Bubbles Whisper ChatGPT AI Synthesia   Eleven Labs Voice AI AI AI

Slide 84

Slide 84 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 84 UX Design × Generative AI 2. AI UX 1. AI UX 3 . AI /PdM Generative AI UX Generative AI AI

Slide 85

Slide 85 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 85 A Guide to Thriving in the Generative AI Age Generative AI

Slide 86

Slide 86 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 86 How to become a 1 0 x talent? AI 10 PM 10x

Slide 87

Slide 87 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 87 1 0 x /PM 3 × ×

Slide 88

Slide 88 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 88 1 0 x /PM 3 × ×

Slide 89

Slide 89 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 89 1. AI 10x AI

Slide 90

Slide 90 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 90 1.

Slide 91

Slide 91 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 91 1. AI AI

Slide 92

Slide 92 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 92 1 0 x /PM 3 × ×

Slide 93

Slide 93 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 93 1.

Slide 94

Slide 94 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 94

Slide 95

Slide 95 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 95 1.

Slide 96

Slide 96 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 96 1 0 x /PM 3 × ×

Slide 97

Slide 97 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 97 3. ⾒

Slide 98

Slide 98 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 98 3. 1 . 4 . 5 . 2 . 3 . 6 .

Slide 99

Slide 99 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 99 1 0 x /PM 3 × ×

Slide 100

Slide 100 text

PRESENTATION DECK CONFIDENTIAL AND PROPRIETARY PAGE / 100 Closing

Slide 101

Slide 101 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 101 AI /

Slide 102

Slide 102 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 102 100

Slide 103

Slide 103 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 103 AI

Slide 104

Slide 104 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 104

Slide 105

Slide 105 text

GENERATIVE AI × UX DESIGN CONFIDENTIAL AND PROPRIETARY PAGE / 105 AI Unlearn AI