Download as PDF, PPTX
Uploaded byYoshiki Hayama
実務に役立つUXリサーチ: 日本ウェブデザイン羽山氏と語る、toittaでの効果的な質的データ分析 - 株式会社はてな 2024年10月31日
2024年10月31日（木）株式会社はてなさまの「実務に役立つUXリサーチ: 日本ウェブデザイン羽山氏と語る、toittaでの効果的な質的データ分析」のスライドです。イベントレポートは https://productzine.jp/article/detail/3041 です。AIでユーザーインタビューから親和図法を爆速化する『toitta』について、実務者の視点から語りました。『toitta』の開発チームは自身ががっつり定性分析に取り組んで、そのノウハウをプロダクトにしています。だからUXデザイン・UXリサーチの実務にマッチします。 たとえば: 1. AIの自動切片化では前後の文脈を踏まえ、ちゃんと意味が通る文章で切り出す。 2. 自動グルーピング機能では「グループの解説文」がつくのでレビューしやすい。
More Related Content
![[丸ノ内アナリティクスバンビーノ#23]データドリブン施策によるサービス品質向上の取り組み](https://cdn.slidesharecdn.com/ss_thumbnails/marunouchianalytics202107-210729113930-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to 実務に役立つUXリサーチ: 日本ウェブデザイン羽山氏と語る、toittaでの効果的な質的データ分析 - 株式会社はてな 2024年10月31日
実務に役立つUXリサーチ: 日本ウェブデザイン羽山氏と語る、toittaでの効果的な質的データ分析 - 株式会社はてな 2024年10月31日
- 1. 実務に役立つUXリサーチ toittaでの効果的な質的データ分析 1 2024年 10月31日（木） ハッシュタグは #toitta 羽山パートは 画面キャプチャ 投稿OK！ 代表取締役CEO /HCD-Net認定 人間中心設計専門家 配信のチャットで いっしょに 盛りあがってね 羽山 祥樹 @storywriter
- 2.
- 3.
- 4.
- 5.
- 6. 羽山 祥樹 @storywriter 6 日本ウェブデザイン株式会社代表取締役CEO 使いやすいプロダクトをつくる専門家 HCD-Net認定 人間中心設計専門家 Web業界に25年、AIシステムのプロダクトマネージャーとUXデザインを7年 主な実績など 2009年 日経パソコン 企業サイトランキング2009 日本の主要企業696サイト中、ユーザビリティ／アクセシビリティ分野で第3位 2011年 Webユーザビリティランキング2011 企業サイト編 日本の大手企業150サイト中、第4位 主な専門分野 ユーザーエクスペリエンス、人間中心設計、情報アーキテクチャ、アクセシビリティ、ライター
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31. 定性分析（質的分析）にもいろいろある 31 定性分析（質的分析）にもいろいろな手法があります。 グラウンデッド セオリー アプローチ KJ法® 上位下位 関係分析法 （ラダリング法） KA法 m-GTA メンタルモデル ダイアグラム SCAT 親和図法ベース ナラティブ アプローチ エスノグラフィ 現象学的 アプローチ ライフヒストリー法 （生活史法） アクション リサーチ など・・・ など・・・ 事例研究 （ケーススタディ） ディスコース分析 グラウンデッド・セオリー・アプローチ概論,戈木 2014 https://gakkai.sfc.keio.ac.jp/journal/.assets/SFCJ14-1-02.pdfを参考に羽山作成 複線径路 等至性アプローチ 親和図法 その他 難 易 度 初心者にも 取り組みやすいものが 多い 研究者むけ 研究手法としての 概念理解が必要 工 数 時間がかかる やっぱり時間がかかる
- 32.
- 33.
- 34. KA法（本質的価値抽出法）とは 34 紀文食品の 浅田 和美氏がマーケティング手法として考案し、千葉工業大学の 安藤 昌也 先生がユーザー調査の分析手法として発展させました。ユーザー調査 から見いだした 「出来事」 を 「心の声」 「価値」 と解釈を重ねることで、ユーザー の心理における本質的価値を探ります。 川喜田 二郎 氏の 「KJ法®」 と名前が似ていますが、別のものです。
- 35.
- 36. KA法の特徴（KAカード） 36 KA法では 「ふせんの描きかた」 に特徴があります。 ふせんを3分割して「出来事」 「心の声」 「価値」 の3つの欄をつくります。 この書式を 「KAカード」 と呼びます。 出来事 心の声 価値 KAカードの書式: ふせんを 3分割
- 37.
- 38. 浅田氏オリジナルKA法から安藤流KA法への変更点 38 出来事 キーワード 生活価値 浅田氏オリジナルKA法 安藤流KA法 目的:マーケティングのアイデア発想 目的: 質的分析 出来事 心の声 価値 • 「キーワード」→「心の声」にすることで、よりユーザー心理にフォーカスした。また、 切片単位で2回の抽象化するつながりを明確にした。 • 「生活価値」→「価値」にすることで、より汎用に質的分析に使えるようにした。 • 満たされなかった出来事を「未充足の価値」へ転換することで、切片の文脈のベ クトルをそろえて、グループ化しやすくした。
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47. 47 AI を用いて 「切片化」 「親和図法」を支援するツール
- 48. AIで切片化・親和図法を支援するツール 『toitta』 48 UXデザイン・UXリサーチで用いられる 「親和図法」や 「KA法（本質的価値抽 出法）」 は優れた定性分析の手法である代わりに、切片（ふせん）の書き出し と整理に時間がかかるのが悩みでした。 AIで切片化・親和図法を支援するツール 『 toitta 』 が 株式会社はてな 様か らリリースされました！
- 49.
- 50.
- 51.
- 52. 切片を Miro やFigma へ一括ペースト 52 切片はこのあと Miro や FigJam といったオンラインホワイトボードへ貼って新和図 法をするが、1データ1データをコピペするのがめんどう。 なんと！ 一括でペーストできる！ Miro や FigJam 画像: 株式会社はてな様よりご提供
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68. まとめ 68 1. ユーザーインタビューするのはいいが、そのあとの定性分析（質的分析）で、 どの手法を用いるにしても時間がかかる。 2. 初心者でもやりやすいとされているKA法（本質的価値抽出法）でも、やりき れないケースがちらほら見られる。 3.AI を用いて 「切片化」 「親和図法」 を支援するツール 『 toitta 』 を使うと、 KA法をスムーズに進められる土台を整えてくれる。 4. 『 toitta 』の開発チームは自身ががっつり定性分析に取り組んで、そのノウハ ウをプロダクトにした。だからUXデザイン・UXリサーチの実務にマッチする。 5. 2024年10月現在、AIの精度はどうしても100点は出ない。
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84. KA法（本質的価値抽出法）とは 84 紀文食品の 浅田 和美氏がマーケティング手法として考案し、千葉工業大学の 安藤 昌也 先生がユーザー調査の分析手法として発展させました。ユーザー調査 から見いだした 「出来事」 を 「心の声」 「価値」 と解釈を重ねることで、ユーザー の心理における本質的価値を探ります。 川喜田 二郎 氏の 「KJ法®」 と名前が似ていますが、別のものです。
- 85.
- 86. KA法の特徴（KAカード） 86 KA法では 「ふせんの描きかた」 に特徴があります。 ふせんを3分割して「出来事」 「心の声」 「価値」 の3つの欄をつくります。 この書式を 「KAカード」 と呼びます。 出来事 心の声 価値 KAカードの書式: ふせんを 3分割
- 87.
- 88. 浅田氏オリジナルKA法から安藤流KA法への変更点 88 出来事 キーワード 生活価値 浅田氏オリジナルKA法 安藤流KA法 目的:マーケティングのアイデア発想 目的: 質的分析 出来事 心の声 価値 • 「キーワード」→「心の声」にすることで、よりユーザー心理にフォーカスした。また、 切片単位で2回の抽象化するつながりを明確にした。 • 「生活価値」→「価値」にすることで、より汎用に質的分析に使えるようにした。 • 満たされなかった出来事を「未充足の価値」へ転換することで、切片の文脈のベ クトルをそろえて、グループ化しやすくした。
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 95. ユーザー心理が現れる発話や行動をすべて抜き出す 95 ユーザー心理が現れる発話や行動をすべて抜き出して、KAカードの 「出来事」 に 記入します。そのとき、ひとつのKAカードに「ひとつのユーザー心理」 になるように書 いていきます。 何も実績がない状態で、いきなり高 難易度の資格を目指すのは、モチ ベーションがもたないような気がする 最終目標はやっぱりTOEFLや、 しっかり話せる状態を作りたい 洋画を観たときに英語を聞きと れるようになりたい
- 96. 出来事には 「動詞」 を含める（単語だけにしない） 96 「出来事」に抜き出すとき 「動詞」 を含めるようにします。単語だけだとユーザーの 心理がわからないためです。 なお、意味が変わらない範囲で文章を整えてもかま いません。（意味を変えないため、文章を変えずコピペするルールにすることも） 参考書 自分にあった 参考書を えらぶ 単語だけ 動詞を含めた文章 単語だけにしない。 例: 「価格」とだけ書くと「価格を 安くしたい」と「価格を高くし ても長期保証をつけたい」と いう、まったく別の心理の区 別がつかなくなる。
- 97.
- 98. ひとつのKAカードには 「ひとつのユーザー心理」 98 ひとつのKAカードに 「ひとつのユーザー心理」になるように書いていきます。ひとつの 発話に2つ、3つの心理が含まれていたら、2枚、3枚のカードに分けます。 カードを複数 書く 実力を証明 したい 履歴書に 書きたい
- 99.
- 100. 分析に使えるのはユーザーの発言だけ 100 分析に使えるのは、ユーザーの発言だけです。モデレーターの発言は含めません。 モデレーターの発言は 「誘導（言わせている）」 かもしれないからです。 モデレーター:資格を取るきっかけは？ ユーザー: 会社の推奨資格だったから。 昇格に必要なんです。 モデレーター: 取ったら報奨金が出るんですか？ ユーザー: はい。 ユーザーの発言でない 分析には使えない 「報奨金が出る」は 分析材料にならない
- 101. 分析に使えるのはユーザーの発言だけ 101 分析に使えるのは、ユーザーの発言だけです。モデレーターの発言は含めません。 モデレーターの発言は 「誘導（言わせている）」 かもしれないからです。 モデレーター:資格を取るきっかけは？ ユーザー: 会社の推奨資格だったから。 昇格に必要なんです。 モデレーター: 推奨とはどういうことですか？ ユーザー: 取ったら報奨金が出ます。 「報奨金が出る」を 分析材料にできる
- 102.
- 103. 書き出すカードの枚数のめやす 103 ここまでの手順で 「出来事」 を書き出していくと、 およそユーザーインタビュー1分につきKAカード1枚ほどになります。 • Aさん → 67枚／1時間 • Bさん → 68枚／1時間 • Cさん → 132枚／1.5時間 • Dさん → 105枚／1.5時間 5〜8名のインタビューをそれぞれ1時間ずつ実施したとき、 KAカードの総数は 300枚〜500枚がめやすとなります。 （羽山のばあい）
- 104.
- 105.
- 106.
- 107.
- 108. 「出来事」 が起きたときのユーザーの心の声を解釈する 108 「出来事」 が起きたときのユーザーの心の声がどうだったかを解釈して「心の声」 に 書きます。 心の声は… 心の声は… 心の声… いきなり高難易度の 資格はモチベーション がもたないよ ちゃんと英語がしゃべ れるようになりたいな 洋画を観たときに英 語を聞きとれたらいい なあ
- 109. 「出来事」 が起きたときのユーザーの心の声を解釈する 109 解釈しづらいときは 「出来事」の前後の文脈も考慮して 「心の声」 を書くと的確 に書けます。 そうか！ 心の声は… TOEIC 8割とりたい 直前の発話: これけっきょく何点がと れるんだよ
- 110. 「心の声」 を書くときのTIPS 110 「心の声」 はユーザーの率直な心理を書きます。ただしユーザーの性格により婉曲 した発話ばかりで「心の声」が書きづらいケースがあります。そんなとき「歯に衣着せ ずにズバズバ本音を言う芸風」の芸能人になりきって書く、という小技があります。 ズバリ800点を取れる本が 欲しいのよ！「上級者」な んてあいまいにぼかすんじゃ ないわよ！ ズバズバ本音の 芸能人なりきり
- 111.
- 112.
- 113.
- 114. ユーザーはつまり何を期待していたのかを解釈する 114 「心の声」 をもとに、ユーザーはつまり何を期待していたのかを解釈して 「価値」に 書きます。このとき語尾をかならず「〜価値」にします。また「動詞」を含めます。 価値は… 価値は… 価値… 未）高難易度の資 格にチャレンジできる 積み上げがある価値 ちゃんと実用になるス キルを身につけたいと 思う価値 高いスキルを身につけ た生活に憧れる価値
- 115.
- 116.
- 117.
- 118.
- 119.
- 120.
- 121.
- 122.
- 123.
- 124.
- 125.
- 126.
- 127.
- 128.
- 129.
- 130.
- 131. FigmaでやるときのTIPS 131 「KAカード」の Variants として「デフォ ルト」 「中グループ見出し」 「大グループ 見出し」 を登録しておくと作業がスムーズ です。 デフォルト 中グループ見出し 大グループ見出し この教材の作成にあたりFigma公式アンバサダーの キャシさん（ @UIAlchemist ） にFigmaの使いかたのアドバイスをいただきました。ありがとうございます！
- 132.
- 133.
- 134. 「少しでも関係がある」とはなにか 134 「少しでも関係がある」 とは、次のようなケースを指します。 • 同じテーマについての価値である。 •同じユーザー心理を背景にもつ価値である。 • 上下関係のある価値である。 • 反対の関係にある価値である。 • など・・・ 線の色分けはせず、すべて黒い線でつなぎます。たとえば、ミクロで見ると反対の関 係でも、俯瞰して見ると同じグループである、というように、関係性はとらえかたで変 わるので、線の分類をする意味がないためです。
- 135.
- 136.
- 137.
- 138. FigmaでやるときのTIPS 138 グループを囲む背景は Figma プラグイ ン「Blobs」を使って生成し、ベジェ曲線 編集機能でかたちを調整すると楽です。 Figmaプラグイン 「Blobs」 Figma プラグイン「Blobs」 https://www.figma.com/community/plugin/7 39208439270091369/Blobs この教材の作成にあたりFigma公式アンバサダーの キャシさん（ @UIAlchemist ） にFigmaの使いかたのアドバイスをいただきました。ありがとうございます！
- 139.
- 140.
- 141.
- 142.
- 143.
- 144.
- 145.
- 146.
- 147.
- 148.
- 149.
- 150.
- 151. 羽山のちょっとしたTIPS（叙述化） 151 KA法では価値マップが仕上がったら完成ですが、羽山はさらに 「文章に書きおこしてみる（叙述化）」をオススメしています。 川喜田 二郎 氏の「KJ法」も、作業の最終ステップは叙述化です。 親和図法の成果物は川喜田 氏が「渾沌をして語らしめる註1」と呼んだように 定性世界の混沌をそのままに表現しています。 価値マップをつくったあなたには、その全体像も細部もよく見えているのですが、 このままではあなた以外の人に見せるには説明しづらくあります。 そこで文章にしておくと、要点が整理され、説明がしやすくなります。 註1: KJ法 渾沌をして語らしめる, 川喜田 二郎, 1986, 中央公論社
- 152.
- 153.
- 154. 叙述化の例 154 モニタを 買い替えたい マルチモニタに したい ゲームを もっと楽しみたい 初期不良が 不安 コスパのよい 品を買いたい • PC買替のタイミングで、モニタ の買替や追加を考えます。 • 気にしているポイントは、画面 サイズやスペースがちょうどいい、 画面のきれいさ、視野角が広 い、発色がいい、目が疲れな い、デザインがよい、リモコン、 付属品、操作しやすい、です。 •実物を見に、店頭に行きます。 店頭と自宅のサイズの印象の 違いがあります。 • デュアルモニタ、マルチモニタに したいです。 • 設定方法がわからず困ったり、 そもそも自分の機種がマルチモ ニタできるのか分からず、購入 してよいか悩んでいます。 • モニタを設置するための機器を 探しています。モニタが省ス ペースだと嬉しいです。 • フレーム遅延のないモニタや、 暗部強調機能でプレイすると、 対戦ゲームで有利になります。 他のゲームの感動も大きくなり ます。 • PC以外の機器も接続します。 PlayStation、テレビなど接続 します。その端子や、手軽な切 り替え方法も気になります。 • メディアを堪能するため、スピー カーの音質も必要です。 • ドット抜け、初期不良を不安 にしています。 • 中国製、韓国製より国内製 造のもののほうが安心だと感じ ます。 • 有名メーカーの品である、5年 保証がある、と安心します。 • 配送途中に壊れたり、汚れる のも不安なので、ちゃんとした 配送をしてほしいです。 • 各社、各シリーズの製品はい ずれも似ていて、どれが良いの か判断がしづらいです。 • できれば安いのがいいです。テ レビと比較するときもあります。 • せっかくだから良いものを、とも 思います。 • コスパの良いものがどれか、知 りたいです。比較サイトが見た いです。 • 購入後、とりあえず満足します が、違いはいまいち分かりませ ん。
- 155.
- 156.
- 157.
- 158. 恐怖に耐えられなかった人はなにをするか 158 恐怖に耐えられなかった人の典型的な失敗パターン： • 「縦軸に...を、横軸に...をひいて整理してみよう」 • 「ぱっと見て、...と...と...に分類できそうだね」 •「AIDMAやタッチポイントで分類してみよう」 効率よく 結論を出すには 枠組みを 先につくろう！
- 159.
- 160.
- 161.
- 162.
- 163.
- 164.
- 165.
- 166. 通してみてはじめて感触がつかめる 166 いったん通してみて、はじめて感触がつかめる。 • 切片とグループの粒度、文脈を解釈するということ。 • 複数の人間の異なる行動が、同じ文脈であるということ。 •人間の心理や行動は、デモグラフィック（性別、年齢…）では、思うほどは変わ らないこと。 ユーザーAさんと ユーザーBさんは 異なるセグメント ですね えっ？ AさんもBさんも 同じ文脈だよ？
- 167.
- 168.
- 169.
- 170. 羽山のプレゼンのアレ が、 LINEスタンプになりました！ スタンプ名：ハーミィ（CSS編） 作者名：羽山祥樹 https://store.line.me/stickershop/product/1228201/ja Web・CSSネタ 全40種類