Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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を最初から考えたい