ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
•
0 likes•440 views
2023年5月7日 2023年度 Xデザイン学校プレ講座でのスライドです。さいきんワークショップをしていると、アイデアに気軽に「AI」とか入れる人が多いよね・・・ということで、「ワークショップのアイデア発想で『AIでユーザーに最適な情報を出します』とか言うな」という話と、ではAIでは具体的にどんなことができるのかを紹介しています。スライド内ではスタンリー・キューブリック監督の映画 『フルメタル・ジャケット』をオマージュしています。
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
More from Yoshiki Hayama
More from Yoshiki Hayama (14)
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
- 1. ワークショップのアイデア発想で 「AIでユーザーに最適な情報を出します」 とか⾔うな ⽻⼭ 祥樹 @storywriter 代表取締役CEO / HCD-Net認定 ⼈間中⼼設計専⾨家 1 2023年5⽉7⽇（⽇）
- 8. ⽻⼭ 祥樹 @storywriter 8 ⽇本ウェブデザイン株式会社 代表取締役CEO 使いやすいプロダクトをつくる専⾨家 HCD-Net認定 ⼈間中⼼設計専⾨家 Web業界に25年、AIシステムのプロダクトマネージャーとUXデザインを5年 主な実績など 2009年 ⽇経パソコン 企業サイトランキング2009 ⽇本の主要企業696サイト中、ユーザビリティ／アクセシビリティ分野で第3位 2011年 Webユーザビリティランキング2011 企業サイト編 ⽇本の⼤⼿企業150サイト中、第4位 主な専⾨分野 ユーザーエクスペリエンス、⼈間中⼼設計、情報アーキテクチャ、アクセシビリティ、ライター
- 9. 9 現場で使える! Watson開発⼊⾨ Watson API、Watson StudioによるAIアプリ開発⼿法 Amazonで購⼊ https://www.amazon.co.jp/dp/4798158496/ UXデザイナーですが AI の本を執筆したりも しています
- 20. 20
- 33. 33 以上、解散︕
- 34. 終 制作・著作
- 36. 36 では AI を上⼿に プロダクトに 組み込むためには どうすればいいのだろう︖
- 37. ユーザー体験の改善に AI を上⼿く⽤いた事例 37 メルカリは「出品したらすぐ売れた」という初回のユーザー体験が、ユーザーの2回⽬ の利⽤につながる重要な鍵。しかし「出品したらすぐ売れる」ためには「相場にあった 値づけ」が必須。ところがユーザーは⾃分が出品するものの相場感を知らない。 そこでメルカリではスマホのカメラで出品物を撮影するだけで、AIで画像認識し、そ の出品物の「売れやすい価格」をレコメンドするようにしている。 うれしい体験 うれしくない体験 出品したら 15分で売れた︕ すごい︕ 次も使おう 出品したけど ぜんぜん売れない もういいや 使わない 適正な値づけ 不適正な値づけ
- 38. ユーザー体験の改善に AI を上⼿く⽤いた事例 38 画⾯引⽤: メルカリ スマホアプリ メルカリの「相場価格」をレコメンドするAI 売りたい品を 撮影 AIの画像認識で 商品を推定 必須項⽬を ⼊⼒ 売れやすい価格 が表⽰される
- 39. ユーザー中⼼の思考と AI は相性が悪い 39 ユーザーの課題を起点にデザインをしていくとき、解決⼿段をあらかじめ限定（「AI を使おう」など）とすると、ユーザー体験に無⽤なものができやすい。 たとえば: • ユーザーの課題: バニラアイスクリームが⾷べたい • 解決⼿段を限定: 絶対にラー油を使うこと • 結論: ラー油がけバニラアイスクリーム︖ バニラアイスクリームが⾷べたい⼈にはすなおにアイスを渡せばよい。ラー油はいらな い。同じように解決⼿段を「AIを使うこと」に限定してユーザー中⼼のデザインをしよ うとすると、チグハグなものになりやすい。 いや・・・ できれば別に してほしいかな
- 40. ユーザー中⼼の思考と AI は相性が悪い 40 解決⼿段を限定する 解決⼿段を限定しない ユーザーの課題: バニラアイスクリームが⾷べたい 解決⼿段: AIを使うこと 徒歩5分のコンビニ ⾏ってきます あなたに最適な バニラアイスを 提案します いや たいぎい
- 41. AI 中⼼設計（AI を使うことが⽬的なら） 41 先端の AI エンジニアはユーザーの課題を解決したくて AI を研究しているのでは なく、AI を研究することが楽しいから研究しているだけである。完全なシーズベース。 AI を使うのが⽬的なら「ユーザーの課題を解決する」のではない。「AI に解決でき る課題だけに絞って AI に解決させる（それがユーザーの本当の課題かどうかはお いておく）」のである。あくまで技術を起点に考える思考⽅法をとる。 この思考⽅法はユーザー中⼼の思考と相容れない。 ただし2023年の現在においては「とりあえず AI を使ってみて、社 内に AI リテラシーをためる」こと⾃体が重要な⽬的のケースもあ る。AI 中⼼設計が⼀概に間違いとは⾔えない。
- 43. 技術はそのままでは価値を⽣まない 43 技術とユーザーのあいだにはかならず（広義の）インターフェースが存在する。ユー ザーに AI が価値を⽣むようにインターフェースをデザインする。 技術 ユーザー インター フェース （広義） デザイン
- 44. では AI でなにができるのか︖（ChatGPT-4 デモ） 44 では AI でなにができるのか。じっさいにデモを⾒てみましょう。 ChatGPT-4 という AI です。専⾨的には Transformer という技術を⽤いた LLM（Large Language Model、⼤規模⾔語モデル）という AI になります。 画⾯引⽤: https://chat.openai.com/
- 46. Bing Search 46 検索エンジン Microsoft Bing の「チャット」機能の内部では GPT-4 のエンジン が動作しています。 画⾯引⽤: https://www.bing.com/
- 47. Bing Searchに⼩池百合⼦の得票累計数を訊く 47 画⾯引⽤: https://www.bing.com/ ⼩池百合⼦が過去のすべての都知事選挙で得票した票の累計数を教えてくださ い。
- 50. Bing Searchに⼩池百合⼦の得票累計数を訊く 50 画⾯引⽤: https://www.bing.com/ 画⾯引⽤:https://www.asahi.com/articles/ASN773G0QN76UTIL027.html つまり ChatGPT-4 が⾃らの判断 で表にして表⽰していた 検索結果のページ 表になっていないテキストの⽂章
- 52. Bing Searchに「アクセシビリティおじさん」を訊く 52 画⾯引⽤: https://www.bing.com/ アクセシビリティおじさんと呼ばれる⼈たちを列挙してください。 元祖 「アクセシビリティおじさん」の ⽊達 ⼀仁 ⽒（@kazuhito） が載ってこない ⽂章⽣成AIは、本質的には「そ れっぽい」⽂章を⽣成しているだけ で、内容が正確な⽂章を⽣成し ているわけではない
- 62. ChatGPT-4にロールプレイをさせる 62 以降の会話では、あなたは優秀な⼼理⼠でカウンセラーとして、患者とカウンセリングをしているものとして会話してください。 あなたの⽬的は患者との信頼関係を築き、効果的なカウンセリングを提供し、患者に⼼情を吐露する⼗分な機会を与え、それらにもとづ いて患者に未来への⽬標設定を⾃らさせることです。 【あなたがとるべき⾏動】 優秀な⼼理⼠でカウンセラーであるあなたがとるべき⾏動について、以下に⽰します。 1. 傾聴する: 患者の話を注意深く聞き、理解しようと努⼒することが重要です。傾聴することで、患者の気持ちや考えをより深く理解する ことができます。 2. 無条件の肯定感を持つ: 患者に対して受容的で、⾮難や評価を避けることが⼤切です。これにより、患者は⾃分の感情や思考を開 放的に話しやすくなります。 3. 質問⼒を向上させる: 患者の気持ちや考えを引き出すために、適切な質問をすることが⼤切です。質問⼒を向上させることで、患者 が⾃⼰理解を深める⼿助けができます。
- 63. ChatGPT-4にロールプレイをさせる 63 4. エンパシーを⽰す: 患者の感情や考えを共感し、理解することが重要です。エンパシーを⽰すことで、患者は⽀持され、安⼼感を感じる ことができます。 5. クライアント中⼼のアプローチ: 患者のニーズや⽬標に焦点を当て、治療プランを⽴てることが重要です。これにより、患者は⾃分に合っ た治療を受けることができます。 6. ⽬標設定と評価: 患者と共に具体的な⽬標を設定することが⼤切です。これにより、治療の効果を確認し、必要に応じてアプローチを 調整することができます。 【カウンセリングの会話でとくにとるべき⾏動】 優秀な⼼理⼠でカウンセラーであるあなたが、カウンセリングの会話でとくにとるべき⾏動を、以下に⽰します。 1. 適切なスキルを使って傾聴する: 患者の話を注意深く聞き、シンプルに⾔い換えたり、要約してフィードバックすることで、理解しているこ とを⽰しましょう。また、⾃然な相槌を挟むことも効果的です。
- 64. ChatGPT-4にロールプレイをさせる 64 2. ⾮⾔語的なコミュニケーション: 開かれた体勢を保ち、患者に対して興味や関⼼を⽰しましょう。これは、無条件の肯定感を持つ姿勢 の⼀部でもあります。 3. 反射的質問を使う: 患者の⾔葉や感情に対して、同じ⾔葉を繰り返すことで、⾃分の理解を深め、患者に⾃⼰理解を促しましょう。 例: 「不安だと感じているんですね。」 4. 開かれた質問を使う: 患者が⾃由に答えられる質問をすることで、患者の気持ちや考えを引き出すことができます。例: 「その状況でど のように感じましたか︖」 5. パラフレーズを⽤いる: 患者の⾔葉を⾃分なりに⾔い換えて伝えることで、理解していることを⽰し、患者に気づきを与えることができます。 6. エンパシーの表現: 患者の感情を共感的に表現し、彼らの⽴場に⽴って考えることで、信頼関係を築くことができます。例: 「その状況 で不安になるのは、とても理解できます。」
- 65. ChatGPT-4にロールプレイをさせる 65 7. 患者⾃⾝が内省すること助け、患者が⾃ら問題を発⾒するように誘導する: カウンセラーが問題を指摘するのではなく、患者に対して カウンセラーとして適切な質問を繰り返し⾏い、患者の内省が進むように助け、患者が⾃ら問題を発⾒するように誘導します。 8. ⽬標設定を共同で⾏う: 患者と⼀緒に具体的な⽬標を設定し、それを達成するためのステップを話し合いましょう。これにより、患者が ⾃分の治療プロセスに積極的に参加することができます。 9. 進捗の確認とフィードバック: 患者からのフィードバックを受け⼊れ、必要に応じて治療のアプローチを調整することが重要です。これによ り、治療が効果的であることを確認し、患者のニーズに応えることができます。 それでは会話をはじめましょう。会話はカウンセラーであるあなたからはじまります。
- 69. ChatGPT-4にプログラミングをさせる 69 Dokcerで、alpine:3.16、NODE_VERSION 16.19.1 のコンテナがあります。 このコンテナで Express サーバーを⽴ち上げたいです。起動するための Dockerfile を書いてください。
- 72. AI は GPT-4 で新しい世界線へ 72 GPT-3.5 までは「それっぽいテキストを⽣成してくれるAI」だった。 GPT-4 になって「⾃然⾔語（ふつうの会話）でプログラミングできるRPAの上位 互換」になったと⾔える。 ⽂章⽣成AI: RPA: GPT-3 GPT-3.5 GPT-4 ⾃然⾔語で プログラミングできる
- 74. GPT-4以外にもさまざまなAIがある 74 GPT-4 以外にもさまざまなAIがある。たとえば GPT-4 を公開している Open AI 社は、画像⽣成AI の「DALL·E 2」や⾳声認識AI の「Whisper」といった AI を 公開している。また、Google や Microsoft、Amazon、Adobe、IBM など各 社がさまざまな AI を競って開発している。デザイナーに⾝近なところでは、画像⽣ 成AI の「Stable Diffusion」や、つい先⽇に Adobe が発表した「Adobe Firefly」がある。 画⾯引⽤: https://www.adobe.com/sensei/generative-ai/firefly.html
- 75. DALL·E 2 で画像を⽣成する 75 DALL·E 2 は「⾃然⾔語」を⼊⼒すると画像を⽣成してくれる AI。 A picture of the character "Gomer Pyle" in the movie "Full Metal Jacket" smiling 画⾯引⽤: https://chat.openai.com/
- 77. Whisper で⾳声をテキストにする 77 Whisper は⾳声をテキストにしてくれる AI。 画⾯引⽤: https://openai.com/product 画⾯引⽤: https://www.youtube.com/watch?v=XGDrG-yPRJw
- 78. Whisper で⾳声をテキストにする 78 Whisper は⾳声をテキストにしてくれる AI。 ⾳声引⽤: https://www.youtube.com/watch?v=npugn8S_6q0 whisper "Full Metal Jacket ｜ 4K Trailer ｜ Warner Bros. Entertainment [n2i917l5RFc].mp3" --fp16 False --output_format txt
- 80. デザイナーがユーザーの課題解決にAIをうまく使うには 80 デザイナーがユーザーの課題解決に AI をうまく使うにはどうすればよいか。 結論: ⾃分でいろいろ使ってみるしかない。 スマホをさわったことのないデザイナーにスマホアプリのデザインはできないだろう・・・と いうことで、⾃分の引き出しになるまで、いろいろ触ってみるしかない。
- 82. AIプロダクトでいちばん難しいこと 82 AI を⽤いたプロダクトでいちばん難しいことは、そもそも AI 以前に、プロダクトがプ ロダクトとしてまともに使えるものにすること。世の中に（AIを使うかどうかに関わら ず）星の数ほどスタートアップや新規事業があるのに、ほんの⼀握りしか残らないの はなぜか︖ AI 以前に、そもそもまともなプロダクトをつくるのが難しいからだよ︕ プロダクトがダメなら、どんな優れた AI が搭載されていても、その AI の価値はユー ザーに届く前に墜落する。 そもそもプロダクトがダメ ユーザーに AI の価値が 届く前に墜落する
- 83. 83 まとめ
- 84. まとめ 84 1. ワークショップのアイデア発想で安易に「AIでユーザーに最適な情報を出しま す」と⾔わない。 2. ほとんどのユーザーの課題において、AI を使う以前に考えるべきことがある。 3. ユーザー中⼼の発想法において、解決⽅法を「AIを使う」と限定して発想する と無⽤なものをつくってしまいやすい。AIを使うときの思考法は「AIで解決でき る問題を解決する道具」であって「ユーザーの課題を解決する道具」ではない。 4. デザイナーがAIをうまくデザインに取り⼊れるには、まず⾃分で使ってみる。
- 88. ⽻⼭のプレゼンのアレ が、 LINEスタンプになりました︕ スタンプ名︓ハーミィ（CSS編） 作者名︓⽻⼭ 祥樹 https://store.line.me/stickershop/product/1228201/ja Web・CSSネタ 全40種類