Slide 1

Slide 1 text

サガワフミヤ ~mental model is all you need ?~ LLMアプリケーションと アフォーダンス 2023/07/14 Fri. AIAD Offline #0 2023/07/14 Fri. LLMアプリケーションと アフォーダンス サガワフミヤ

Slide 2

Slide 2 text

佐川史弥(さがわふみや) @fumi_sagawa エンジニア, AIチーム リーダー Occupation Company 🏢TAM デザイン・フロントエンド開発の経験を経て 現在はTAMにてAI R&Dチーム代表を務める Career 地元福島県いわき市にて プログラミング教育事業を⽴ち上げ その後上京、株式会社キカガクにてAIに携わる

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

“LLMアプリケーション” は使いにくい “LLMアプリケーション” は使いにくい

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

どれを選んだら良いかわからない

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

何を⼊れたら良いかわからない

Slide 10

Slide 10 text

とりあえず頑張って⼊れてみる

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

望んでいない回答が返却される

Slide 13

Slide 13 text

単語の海の中、 意思決定コストを払ったのにも関わらず ⽬的のものが得られない

Slide 14

Slide 14 text

発⽣するネガティブなフィードバック

Slide 15

Slide 15 text

アフォーダンスとシグニファイア アフォーダンスとシグニファイア

Slide 16

Slide 16 text

物理的なモノと⼈の関係を指している。 アフォーダンスは、ものの属性と、それをどの ように使うことができるかを決定する種タウの 能⼒との間の関係のことである。 ⼈々に適切な⾏動を伝える、マークや⾳、近く 可能な標識の全てを⽰すものである。 affordance signifier

Slide 17

Slide 17 text

signifier

Slide 18

Slide 18 text

affordance 開いて進めそう

Slide 19

Slide 19 text

signifier

Slide 20

Slide 20 text

押せそう affordance 引けそう

Slide 21

Slide 21 text

これらの判断は全て ⾏動者の記憶や経験 メンタルモデルに基づく

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

LLMアプリ黎明期のため 適切なメンタルモデルがない/選択できない

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

適切なシグニファイアと メンタルモデルを作る必要性

Slide 26

Slide 26 text

既存のLLMアプリのデザイン 既存のLLMアプリのデザイン

Slide 27

Slide 27 text

https://chat.openai.com/

Slide 28

Slide 28 text

https://www.bing.com/search?q=Bing+AI&showconv=1&FORM=hpcodx

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

https://www.jalan.net/chat/

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

https://shop.app/ai/

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

https://studio.design/

Slide 35

Slide 35 text

“STUDIOのメンタルモデル” が既にあるため 指⽰に悩みにくい

Slide 36

Slide 36 text

https://www.adobe.com/jp/sensei/generative-ai/firefly.html

Slide 37

Slide 37 text

“Photoshopのメンタルモデル” が既にあるため 指⽰に悩みにくい

Slide 38

Slide 38 text

https://github.com/pixiv/ChatVRM

Slide 39

Slide 39 text

キャラクターがそこにいるため おしゃべりのアフォーダンス が⽣まれやすい

Slide 40

Slide 40 text

UIデザインの変遷 UIデザインの変遷

Slide 41

Slide 41 text

スキューモーフィズムとフラットデザイン

Slide 42

Slide 42 text

引⽤元: https://goodpatch.com/blog/skeuomorphism-and-flat-design

Slide 43

Slide 43 text

引⽤元: https://ja.wikipedia.org/wiki/ スキューモーフィズム https://ja.wikipedia.org/wiki/ フラットデザイン

Slide 44

Slide 44 text

UIはメンタルモデルが形成できた段階で フラットデザインに

Slide 45

Slide 45 text

LLMアプリは多少リッチにしても 伝わる要素を増やすフェーズか

Slide 46

Slide 46 text

メンタルモデルを 正しく作る、伝える方法を考える

Slide 47

Slide 47 text

⼈間として捉えてみる?

Slide 48

Slide 48 text

⼤規模⾔語モデルを使ったAIシステムはさまざ まな場⾯で有益である。しかし、完璧ではなく 誤りも犯す。⼈とは考え⽅が違っており、基本 的な常識や価値観が⽋けていることもある。 それでは、⼤規模⾔語モデルを、誤りを犯すこ ともあるし、考え⽅も異なる、ちょっと変わっ た「⼈」として付き合うのはどうだろうか。 「⼤規模⾔語モデルは新たな知能か」 P.123 より

Slide 49

Slide 49 text

ChatGPTを⼈として捉えるなら 世界中の情報を知っている 想像⼒が⾮常に豊か ⾼い思考⼒を持つ ⼀瞬で情報を読み解く 疲れない/嫌がらない (今は)テキストしか扱えない ⾃信満々に間違えることがある 2021年9⽉までの知識しかない 基本テキストしか扱えない 情報へのアクセス⼿段を持たない ⾃信満々に間違えることがある 察することはできない

Slide 50

Slide 50 text

既存のメンタルモデルの上にのせる?

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

スキューモーフィズムで具体を伝える?

Slide 55

Slide 55 text

快適なUX達成のため 今⼀度UIを最初から考えたい