ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？

by ふわり

Slide 1

Slide 1 text

Slide 2

Slide 2 text

株式会社ウィルゲートソリューション開発ユニットふわり @Fuwari_WE - 設計とデザインが好き - 趣味でTRPGのコミュニティ運営 - 毎月髪色が変わるネイルはおやすみちゅう……

Slide 3

Slide 3 text

みなさん AI 使ってますか？

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

似すぎ〜

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

似すぎ〜

Slide 14

Slide 14 text

お話する範囲なぜUIが似ているのか考察する ※ 公式見解ではなく個人の意見です各サービスのベストプラクティス開発への応用方法とか

Slide 15

Slide 15 text

共通する3つのUI

Slide 16

Slide 16 text

共通する3つのUI 対話的なチャット会話形式で進行するインタフェースストリーム表示生成中のテキストをリアルタイムで出力推論過程の表示結論に至るまでのプロセスを示す

Slide 17

Slide 17 text

対話的なチャットUI

Slide 18

Slide 18 text

対話的なチャットUI 他のサービスでの採用例 - LINEなどのSNSのトーク画面 Conversational UI と呼ばれるもの - チャットがメインのサービスにはよく採用されている - 自然言語での操作を前提としたUI

Slide 19

Slide 19 text

LLMは新しい概念である LLMってなんだ？指示が必要なの？指示はどうやって出すの？プロンプト？

Slide 20

Slide 20 text

LLMは新しい概念である LLMってなんだ？指示が必要なの？指示はどうやって出すの？プロンプト？慣れるまでが大変

Slide 21

Slide 21 text

LLM と Conversational UI を組み合わせることで、新しい概念に親しみを持たせる

Slide 22

Slide 22 text

新しい概念に親しみを持ってもらう Conversational UI を採用することで - よく使うアプリと使用感を統一 - 自然言語処理に特化したLLMとの相性も良い - 人とのコミュニケーションに限りなく近い体験 ELIZA効果を生む

Slide 23

Slide 23 text

ELIZA効果とは意識的には分かっていても、無意識的にコンピュータの動作が人間と似ていると仮定する傾向のこと人間にとって受け入れやすい存在になる中の人おるやん今日も元気してっかー？

Slide 24

Slide 24 text

テキストのストリーム表示

Slide 25

Slide 25 text

テキストのストリーム表示前提として、LLMの持つ技術的な制約に対する解決策 - すべてを出力し切るまでに時間がかかる - しかし、高速化にも限界が結果がわかるまで時間がかかる

Slide 26

Slide 26 text

テキストのストリーム表示他のサービスでの採用例 - Jiﬀcy（ジフシー）入力したテキストがリアルタイムで相手に伝わる

Slide 27

Slide 27 text

テキストのストリーム表示他のサービスでの採用例 - Jiﬀcy（ジフシー）入力したテキストがリアルタイムで相手に伝わるユーザーにとにかく早く何かしらを返したい

Slide 28

Slide 28 text

ユーザーの注意を画面に集中させ続けるには、 10秒が限界 ― ヤコブ・ニールセン（Jakob Nielsen）「Response Times: The 3 Important Limits」より

Slide 29

Slide 29 text

「待つ」に関する研究未完了のタスクや中断された物事は、完了したものよりも意識に残りやすい（通称、ゼイガルニク効果） ― Bluma Wulfovna Zeigarnik 「完了および未完了行動の保持」より

Slide 30

Slide 30 text

「待つ」に関する研究未完了のタスクや中断された物事は、完了したものよりも意識に残りやすい（通称、ゼイガルニク効果） ― Bluma Wulfovna Zeigarnik 「完了および未完了行動の保持」より適切なフィードバックはユーザーの許容できる待ち時間を増加させる ― Fiona Fui-Hoon Nah 「How Long Are Web Users Willing to Wait?」より

Slide 31

Slide 31 text

Slide 32

Slide 32 text

結果を早く返すのは無理なので、早くFBしてユーザーを安心させる

Slide 33

Slide 33 text

推論過程の表示

Slide 34

Slide 34 text

推論過程の表示他のサービスでの採用例 - Uber Eats など届くまでの過程を示す

Slide 35

Slide 35 text

LLMはブラックボックスなんでその結論に至ったの？根拠はなに？指示した通りに動いてなさそう、、、

Slide 36

Slide 36 text

LLMはブラックボックスなんでその結論に至ったの？根拠はなに？指示した通りに動いてなさそう、、、ブラックボックスだから信憑性や納得感に不安がある

Slide 37

Slide 37 text

結論に至るまでのプロセスを開示して信頼を得る

Slide 38

Slide 38 text

プロセスを開示して信頼を得る手続き的公正という考え方 - 決定（≒ 結果）に至るまでのプロセスを重視する考え方 - プロセスを開示すると信頼を得やすくなるとされている

Slide 39

Slide 39 text

プロセスを開示して信頼を得る手続き的公正という考え方 - 決定（≒ 結果）に至るまでのプロセスを重視する考え方 - プロセスを開示すると信頼を得やすくなるとされている手続き的公正の理論と一致するように、手続き的な説明は人々の信頼を回復させた。 ― René F Kizilcec 「How Much Information?: Eﬀects of Transparency onTrust in an Algorithmic Interface」より

Slide 40

Slide 40 text

ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？

Slide 41

Slide 41 text

なぜ似たようなUIを採用しているのか？どうやってLLMに慣れてもらう？結果が出るまでの待ち時間が苦痛結果に対する不信感

Slide 42

Slide 42 text

なぜ似たようなUIを採用しているのか？どうやってLLMに慣れてもらう？結果が出るまでの待ち時間が苦痛結果に対する不信感会話として扱い親しみを持たせる未完了でも返事して待つストレスを緩和プロセスを開示して信頼を得る

Slide 43

Slide 43 text

なぜ似たようなUIを採用しているのか？会話として扱い親しみを持たせる未完了でも返事して待つストレスを緩和プロセスを開示して信頼を得る

Slide 44

Slide 44 text

なぜ似たようなUIを採用しているのか？会話として扱い親しみを持たせる未完了でも返事して待つストレスを緩和プロセスを開示して信頼を得るより良いユーザー体験を目指している

Slide 45

Slide 45 text

なぜ似たようなUIを採用しているのか？会話として扱い親しみを持たせる未完了でも返事して待つストレスを緩和プロセスを開示して信頼を得るより良いユーザー体験を目指しているただの模倣ではなく、 LLMのユーザー体験を突き詰めた結果

Slide 46

Slide 46 text

今のUIは正しいのか？

Slide 47

Slide 47 text

今のUIは正しいのか？ - ChatGPTのWAUが 7億人を突破 - すべてがこれらのUIによるものとは言えないが、決して小さくない影響を及ぼしているはず少なからず、これらのUIは受け入れられている

Slide 48

Slide 48 text

ここで一句