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

ChatGPTやStable Diffusionなどの生成AIが急速に発展し、社会全体が大きく変化しようとしている。
UXデザインのプロセスや、UX自体のあり方も当然革新されていく。
今回はそうした生成AIによってUXがどう変化していくかを、具体的なメソッドや未来洞察といった具体・抽象を行き来しながら話していく。

1. 生成AIを活用したUXデザインプロセス
どのようにGenerative AIを活用すれば、UXデザインのプロセスをよりなめらかに、効率的にすることができるのか？

2. 生成AIでUX自体がどう変化するか
Generative AIの発展によって、プロダクトにおけるユーザー体験のあり方はどのように変化していくのか？

3. AI時代のデザイナー/PdM生存戦略
AI時代に、デザイナーやプロダクトマネージャーなどの個人はどのように強みを磨いていけばいいのか？

▼ スピーカーTwitter
https://twitter.com/kajikent

▼ POSTSサイト
https://www.posts-tokyo.com/

Transcript

1. UX Design in the Age of
   Generative AI
   Generative AI UX
   

   View Slide

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

   View Slide

3. Emerging Technology / Generative AI
   AI / WIRED Forbes AI
   

   View Slide

4. Emerging Technology / Generative AI / Text Generation
   

   View Slide

5. Emerging Technology / Generative AI / Image Generation
   

   View Slide

6. Emerging Technology / Generative AI / Image Generation
   

   View Slide

7. Emerging Technology / Generative AI / Image Generation
   

   View Slide

8. Emerging Technology / Generative AI / Image Generation
   

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

12. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    12
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

21. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    21
    

    View Slide

22. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    22
    

    View Slide

23. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    23
    

    View Slide

24. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    24
    

    View Slide

25. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    25
    

    View Slide

26. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    26
    

    View Slide

27. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    27
    

    View Slide

28. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    28
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

47. PRESENTATION DECK
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    47
    

    View Slide

48. View Slide

49. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    49
    

    View Slide

50. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    50
    

    View Slide

51. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    51
    

    View Slide

52. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    52
    

    View Slide

53. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    53
    

    View Slide

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

    View Slide

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

    View Slide

56. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    56
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

63. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    63
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    Eleven Labs Voice AI AI
    
    
    AI
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

94. GENERATIVE AI × UX DESIGN
    
    
    CONFIDENTIAL AND PROPRIETARY PAGE /
    94
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

100. PRESENTATION DECK
     
     
     CONFIDENTIAL AND PROPRIETARY PAGE /
     100
     Closing
     

     View Slide

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

     View Slide

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

     View Slide

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

     View Slide

104. GENERATIVE AI × UX DESIGN
     
     
     CONFIDENTIAL AND PROPRIETARY PAGE /
     104
     
     

     View Slide

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

     View Slide

106. @kajikent
     

     View Slide

107. Thank You.
     

     View Slide