「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ (original) (raw)
1. 「のどが渇いた」というユーザーに何を出す︖ ユーザーの「欲しい」に惑わされない 本当のインサイトを⾒つけるUXデザイン・UXリサーチ 2022年9⽉13⽇(⽕) ⽇本ウェブデザイン株式会社 / HCD-Net認定 ⼈間中⼼設計専⾨家 ⽻⼭ 祥樹 @storywriter 1 Twitterの ハッシュタグは #ポップウェビナー 画⾯キャプチャ 投稿OK︕ ガンガン 投稿してね︕ やあ ようこそ、バーボンハウスへ。
2. ⽻⼭ 祥樹 @storywriter 2 ⽇本ウェブデザイン株式会社 代表取締役CEO 使いやすいプロダクトをつくる専⾨家 HCD-Net認定 ⼈間中⼼設計専⾨家 Web業界に22年、AIシステムのプロダクトマネージャーとUXデザインを4年 主な実績など 2009年 ⽇経パソコン 企業サイトランキング2009 ⽇本の主要企業696サイト中、ユーザビリティ/アクセシビリティ分野で第3位 2011年 Webユーザビリティランキング2011 企業サイト編 ⽇本の⼤⼿企業150サイト中、第4位 主な専⾨分野 ユーザーエクスペリエンス、⼈間中⼼設計、情報アーキテクチャ、アクセシビリティ、ライター
3. 3 メンタルモデル ユーザーへの共感から⽣まれるUXデザイン戦略 Amazonで購⼊ http://amzn.asia/3cgueBZ コンピュータ・IT > インターネット・Web開発 > Web開発 最⾼「1位」 コンピュータ・IT 総合 最⾼「9位」
4. 今⽇は教材テーマに「資格取得」を使います 4 資格試験(英検、TOEIC、簿記、情報処理技術者試験・・・)は わりと多くの⼈が経験があるエピソードで、伝わりやすいので、 これをテーマに進めます。
6. 6 “お客様の⽬線になって考えよう” とか “⾃分がユーザーだったらどうしてほしいか考えよう” とか、よく⾔われません︖
7. 7 でも、ユーザーのことを考えずに プロダクト(ウェブサイト、アプリなど…)を つくっている⼈なんて、いなくない︖ むしろ、みんな必死にユーザーのことを考えているよね︖ あなただって、そうでしょう︖
8. 8 じゃあ “みんなユーザーのことを考えている” のに どうして世界には 「使ってもらえないプロダクト」 や 「使ってもらえない機能」 「ユーザーに響かない施策」 が あふれているのだろう︖
14. 14 よいプロダクトづくりとは “ユーザーならどうしてほしいか考える” のではなく 「何がほしいですか」 と質問することです。 のどが渇いた 何がほしいですか
15. 15 だが・・・ ここで思考停⽌ してはいけないッツ!! ここで思考を⽌めたら 奴らの・・・ プロダクトづくりの典型的な失敗の 罠にはまってしまうッツ!!
16. 16 このユーザーは、じつは糖質制限中で ビールは飲めないのです︕ 本⼈が「ほしい」と⾔っても飲ませちゃダメ︕ ビールが 飲みてぇなあ〜
17. 17 そこで、糖質ゼロのノンアルコールビールを出しました。 わかるか・・・︖ オマエに本当に必要なモノは コレだッツ・・・!! 糖質ゼロ
26. 26 こ い つ は 餞 別 だ 持 っ て け ち ょ っ と や そ っ と の こ と じ ゃ 歯 こ ぼ れ 一 つ せ ん 今 日 鍛 え 上 が っ た ば か り だ 業 も ん だ ぞ
28. 28
29. 29 … 人 が 悪 い ぜ ゴ ド ー あ る じ ゃ ね え か も っ と オ レ の 戦 向 き の や つ が よ
30. 30 大 き く ぶ 厚 く 重 く そ し て 大 雑 把 す ぎ た そ れ は ま さ に 鉄 塊 だ っ た
32. 32 ユーザーを理解する専⾨技術を “UXデザイン” や “UXリサーチ” といいます。
40. 40 ⽻⼭もいろんなプロのUXデザイナーに 「アクセス解析だけでじっさいにユーザーに会ったことがない場合 UXデザインと⾔えるのか」 と訊いてみましたが、10⼈中10⼈が⾸をかしげました。
41. 41 UXデザインとは 「ユーザーという⼀次情報に直接にふれることで 豊かで確実な洞察を得る⾏為である」 といえます
43. ⽻⼭の “UXデザイン” の事例 43 ユーザーインタビューをしたところ・・・ • ユーザーはふだん暮らしているとき、床材のことなど考えもしない。 • 床の痛みは、そういうものだと諦めている。
44. ⽻⼭の “UXデザイン” の事例 44 ユーザーインタビューをしたところ・・・ • ただし10年に1度くらい、およそ2ヶ⽉間だけ購買を検討しうる期間がある。
45. ⽻⼭の “UXデザイン” の事例 45 ユーザーインタビューをしたところ・・・ • それは 「リフォーム or 新築購⼊」 をしてから 「⼊居」 するまでの間。 • そのあいだは 「家が新品」 「部屋が空っぽ」 になる。 • ピカピカの床を⾒て、ユーザーは「今度こそ」と思う。床材のニーズが⽣まれる。 今度こそ
46. ⽻⼭の “UXデザイン” の事例 46 ユーザーインタビューをしたところ・・・ • ⼊居して「床に家具をおいてしまう」と、⾯倒でもう購⼊しない。 • 「リフォーム or 新築購⼊」 をしてから 「⼊居」 するまでリミットはおよそ2ヶ⽉間。 もういいや ⾯倒くさい
47. ⽻⼭の “UXデザイン” の事例 47 ユーザーインタビューをしたところ・・・ • 内装資材なので、ゼネコンから紹介されるのが、ほぼ唯⼀の接点。 床材 イイっすよ
48. ⽻⼭の “UXデザイン” の事例 48 じつは、そのスタートアップ企業は 「ゼネコンの下請け」 に⼊るのを避けようとしていました。 ⾜を取られやすい(クレームなどが丸投げされてくる)からです。 しかし、⽻⼭の調査結果を受けて、 『ユーザーへの唯⼀の接点』 がゼネコンのため、 かかわりを避けられないと覚悟し 「建設業界とうまく折衝していく」 という事業判断をしました。
51. “UXデザイン”とは 51 UXデザインとは、ユーザーを理解することで 「我々はなにをつくるべきか」 「我々はなにをするべきか」 を 明らかにする専⾨技術です。
52. 52 “UXデザイン・UXリサーチ” の進めかた ユーザー調査 をする 結果を 分析する プロト タイピング する プロダクトに する
53. 53 “UXデザイン・UXリサーチ” の進めかた ユーザー調査 をする 結果を 分析する プロト タイピング する プロダクトに する
55. ユーザー調査をする 55 ユーザー調査の代表的な⽅法は 「ユーザーインタビュー」 と 「ユーザビリティテスト」 です。 ユーザーインタビュー ユーザビリティテスト
59. 君 の 使 命 は ユ ー ザ ー の 深 い ニ ー ズ を 探 る こ と そ の た め に ま ず ユ ー ザ ー イ ン タ ビ ュ ー し ろ
61. イ ン ビ ュ ー 三 銃 士 を 連 れ て 来 た よ 。 イ ン タ ビ ュ ー 三 銃 士 ? 13 種 類 の 会 話 パ タ ー ン 集 だ 三 銃 士 じ ゃ な い じ ゃ ん
62. ユーザーインタビューでよく使う13の質問パターン 62 1 直接的に理由を掘り下げる 2 あいまいな⾔葉を明確にする 3 時系列を確認する 4 ほかの選択肢をとらなかった理由を 訊く 5 ほかに考えたことを訊く 6 話を具体的にする/話の続きを促す 7 あえてあり得ない選択肢について質 問する 8 それがないとどうなるのか訊く 9 ⾔語化を強制する 10 ⽭盾している箇所について訊く 11 具体的な量を訊く 12 何と⽐較しているのか訊く/何を期 待していたのか訊く 13 ⾃⾝はどう思ったのかを訊く
63. パターン1︓直接的に理由を掘り下げる 63 1回の「なぜ」で満⾜せず、背景をどんどん掘り下げることで、深い⼼理にたどりつけ ます。 【質問の例】 • 「〜とは、なぜですか」 • 「〜とは、なんのためにするのですか」 • 「〜とは、どうしてそう思ったのですか」 • 「〜のきっかけは、なんですか」
66. パターン4︓ほかの選択肢をとらなかった理由を訊く 66 ⼈が「X」という選択をしたとき、たいていは「積極的にXにした理由」とともに「YやZ といったほかの選択肢にしなかった理由(消極的にXを選ばざるを得なかった理 由)」もあるものです。「ほかの選択肢にしなかった理由」に裏返して質問することで、 意思決定の周辺にある⼼理を⾒つけることができます。 【質問の例】 • 「ほかの選択肢ではなく、Xなのはなぜですか」 • 「YでもZでもなく、Xなのはなぜですか」 • 「ほかの⼈だと、その選択はできない⼈もいると思うのですが、あなたが〜できた のはなぜですか」
68. パターン6︓話を具体的にする/話の続きを促す 68 ユーザーが「キーワードっぽいもの」を⼝にしたものの、それで⾔葉を⽌めてしまうこと があります。多くの⼈は「⾃分の考えを総括するような単語」を⾒つけると、それを場 に出して、それだけであなたに詳細まで伝わったかのような感覚に陥ります。そこで 話が⽌まらないよう、ユーザーの話を促します。 【質問の例】 • ミラーリングする(相⼿が⾔った⾔葉をそのままオウム返しする) • 相づちをうつ • 「〜とは、なんですか」 • 「〜とは、具体的にどういうことですか」 • 「〜のために、どうしたのですか」
71. パターン9︓⾔語化を強制する 71 会話が上滑りしていると感じたときは、率直に「⾔語化してください」と申し⼊れる⽅ 法があります。「その〜を、⾔葉にしていただくことはできますか」と質問するのです。 インタビューの場では、ユーザーはあなたに話をすることを了解しているからその場に 来ているので、「インタビューの⽬的としてその部分をはっきり知りたいから、もっと⾔ 葉にしてほしい」と率直に申し⼊れても⼤丈夫です。 【質問の例】 • 「その〜を、⾔葉にしていただくことはできますか」 • 「その〜を、もうちょっと詳しく教えていただけますか」 • 「その〜とは、具体的にどのようなエピソードがあったのですか」
74. パターン12︓何と⽐較しているのか訊く/何を期待していたの か訊く 74 ユーザーが「X」という選択肢をえらんだ(またはえらばなかった)とき、対象者の⽬の前にほか の選択肢「Y」や「Z」が具体的にないにもかかわらず、「X」という意思決定までになんらかの ⽐較がされていた形跡があります。どんなものが⽐較対象なのかを⾔語化してもらうと、そこ にユーザーの深い⼼理が現れます。 【質問の例】 • 「〜とおっしゃいましたが、なにかと⽐較してそうおっしゃったんだと思うのですが、どんなもの を浮かべていたんですか?」 • 「〜とおっしゃいましたが、それは何と⽐べていたということでしょうか?」 • 「〜とおっしゃいましたが、どんなものなら欲しかったということなんでしょうか?」 • 「〜とおっしゃいましたが、何があればよかったということでしょうか?」 • 「〜とおっしゃいましたが、何が起こることを期待していたのでしょうか?」 • 「いま、何を思い浮かべて、その話をされていますか?」
76. 76 ユーザーインタビューの会話術は コミュニケーションの巧拙というよりも 限られたパターンの集まりであり 「覚えれば習得できるテクニック」です。
78. ユーザーインタビューの会話の全⽂サンプル 78 インプレスさんのメディア Think IT の、⽻⼭の連載 「UXデザインはじめの⼀歩 ー インタビュー技術を磨こう︕」 にて、インタビュー発話録の全⽂サンプルを無料配布 しています。 https://thinkit.co.jp/series/9588
84. プロダクトの説明でなくタスクをわたす 84 プロダクトをユーザーに使ってもらうときは、 説明をするのではなく、タスクをわたして、そのあとは黙ってじっと⾒守りましょう。 タスクとは、たとえば次のようなものです。 • 「このアプリを使って、今晩の献⽴を考えてみてください」 • 「このサービスを使って、健康診断を予約してみてください」 • 「このサービスを使って、社員のうちメンタルケアが必要そうな⼈を洗い出してくだ さい」
86. ユーザビリティテストの⾵景 86 マイクは インタビュー対象者と モデレーターの 両⽅の⾳声を 拾えるように(重要) ⼤⼈数で⾒る場合は プロジェクタや ⼤きめのディスプレイ を⽤意する ⾳声をしっかり 聞き取れる スピーカーを ⽤意する カメラの映像とマイクの⾳声を 傍聴する部屋に送る カメラ スピーカー プロジェクタ ⼜は ⼤きめの ディスプレイ パソコン インタビュー 対象者 モデレーター 傍聴者 調査を⾏う部屋 傍聴する部屋 操作画⾯をあとからも⾒返したいときは、 同時に、画⾯の録画もしてください。 マイク パソコン カメラは、以下がしっかり映 るように︓ 1. インタビューの場合、 ユーザーの表情が映 るように。 2. ユーザビリティテストの 場合、ユーザーの操 作画⾯。 スマホのテストのときは、 ⼿元が映せるように。 調査の会場は以下のとおり設営し、あらかじめ動作確認をします。
88. ユーザーインタビューとユーザビリティテストを同時にする 88 実務では、たとえば90分のセッションで 「ユーザーインタビュー45分」 と 「ユーザビリ ティテスト45分」 を同時にする、ということも多いです。ユーザーの背景にある深い ⼼理も、いざプロダクトにむきあったときの⼼理も、両⽅とも知りたいからです。
89. 89 ⾃分の感覚を信じない
91. 60秒間 待ってやる
100. あなたの仮説はあたっていましたか︖ 100 「社内の評価のため」と仮説をもっていた⼈は、こう感じているはずです。 仮説 あたった︕
102. あなたの仮説はあたっていましたか︖ 102 「コスト(費⽤・時間)を⼼配」と仮説をもっていた⼈は、こう感じているはずです。 仮説 あたった︕
106. 資格を取るきっかけとなるユーザー⼼理 106 資格を取るきっかけとなるユーザー⼼理は、⼤きくわけると5種類あります。
107. 107
108. すべての⼼理をもらさずにいられたか︖ 108 では、こういう問いならどうでしょう。 「すべての⼼理をもらさずに思い浮かべられましたか︖」
109. 仮説はかならずあたる(確証バイアスにより) 109 中途半端にあたる。それゆえに、むしろ他の⼼理を⾒失う。 仮説 あたった︕ 他の⼼理は︖ 仮説 あたった︕
111. 仮説はインタビューに⼊るときに捨て、出るときに拾う 111 確証バイアスを避けるためには、 「仮説はインタビュールームに⼊るときに捨て、出るときに拾う」 という姿勢が⼤切です。
112. とにかく判断せずにぜんぶメモしておく 112 確証バイアスを避けるためには、ユーザー調査の途中では何が重要かという判断は せず、出た話題は、とにかくメモするという姿勢で臨みます。
113. 113 “UXデザイン・UXリサーチ” の進めかた ユーザー調査 をする 結果を 分析する プロト タイピング する プロダクトに する
115. 重要だと思うところを書き出す︖ 115 あとxxxも 気になった xxxは仮説として考えていた とおりだったから重要だな それくらいかなー
116. …… 君 の よ う な 勘 の い い ガ キ は 嫌 い だ よ こ れ っ て 結 局 俺 の バ イ ア ス で え ら ん で る だ け で は ?
119. KA法(本質的価値抽出法)の⼿順と実例 119 今⽇の教材ダウンロード︓Figmaでじっさい にKA法をしたデータを配布します。商⽤・⾮商 ⽤問わず⾃由に再配布・改変いただけます。 初学者が悩みやすい「発話録のどこを、どのよ うに、ふせんに書き出すのか」など、実物の発 話録から成果物までの作業履歴もすべて追え るように残しています。 KA法(本質的価値抽出法)の⼿順と実例 「資格試験を受ける⼈のモチベーションの価値マップ」 https://www.figma.com/community/file/1142124393231568930 この教材の作成にあたりFigma公式アンバサダーの キャシさん( @UIAlchemist ) にFigmaの使いかたのアドバイスをいただきました。ありがとうございます︕
124. KA法(本質的価値抽出法)とは 124 紀⽂⾷品の 浅⽥ 和美 ⽒がマーケティング⼿法として考案し、千葉⼯業⼤学の 安藤 昌也 先⽣がユーザー調査の分析⼿法として発展させました。ユーザー調査 から⾒いだした 「出来事」 を 「⼼の声」 「価値」 と解釈を重ねることで、ユーザー の⼼理における本質的価値を探ります。 川喜⽥ ⼆郎 ⽒の 「KJ法®」 と名前が似ていますが、別のものです。
125. KA法の特徴(KAカード) 125 KA法では 「ふせんの描きかた」 に特徴があります。 ふせんを3分割して 「出来事」 「⼼の声」 「価値」 の3つの欄をつくります。 この書式を 「KAカード」 と呼びます。 出来事 ⼼の声 価値 KAカードの書式: ふせんを 3分割
126. 浅⽥⽒オリジナルKA法と安藤流KA法 126 前述のとおり、UXデザイン・UXリサーチの現場で使われるKA法は、浅⽥⽒オリジ ナルのKA法から、安藤先⽣が質的分析に合うように⼿法の根本部分をカスタマイ ズしています。その意味では 「安藤流KA法」 と呼んで区別してもいいくらいなので すが、安藤先⽣の「発案者を尊重する」意志により 「KA法」 と呼ばれています。
127. 浅⽥⽒オリジナルKA法から安藤流KA法への変更点 127 出来事 キーワード ⽣活価値 浅⽥⽒オリジナルKA法 安藤流KA法 ⽬的: マーケティングのアイデア発想 ⽬的: 質的分析 出来事 ⼼の声 価値 • 「キーワード」→「⼼の声」にすることで、よりユーザー⼼理にフォーカスした。また、 切⽚単位で2回の抽象化するつながりを明確にした。 • 「⽣活価値」→「価値」にすることで、より汎⽤に質的分析に使えるようにした。 • 満たされなかった出来事を「未充⾜の価値」へ転換することで、切⽚の⽂脈のベ クトルをそろえて、グループ化しやすくした。
129. さ す が 安 藤 先 生 お れ た ち に で き な い 事 を 平 然 と や っ て の け る ッ そ こ に シ ビ れ る あ こ が れ る ゥ ! ! !
130. ⽻⼭のちょっとしたTIPS(トレーサビリティの担保) 130 KA法の3分割に加えて、⽻⼭はさらに 「No.」 という欄を追加しています。 「No.」欄に、たとえば「A5(Aさんのインタビューの5番⽬のふせん、の意)」と 書いておくと、あとでふりかえるとき 「このふせんは誰のインタビューから来たんだっけ」がすぐわかって便利です。 出来事 ⼼の声 価値 KAカードの書式: 「No.」欄を 追加 No.
132. 132 ちなみにリアル会場でワークショップするときは ⼤量のふせんとマーカーを⽤意し ⼤きな模造紙を壁に貼ってやっていました
136. 似たグループとグループをより⼤きなグループにする 136 グループとグループを より⼤きなグループに 関係するグループを 線でつなぐ グループ名を つける
138. 138 完成
140. ユーザー⼼理が現れる発話や⾏動をすべて抜き出す 140 ユーザー⼼理が現れる発話や⾏動をすべて抜き出して、KAカードの 「出来事」 に 記⼊します。そのとき、ひとつのKAカードに 「ひとつのユーザー⼼理」 になるように書 いていきます。 何も実績がない状態で、いきなり⾼ 難易度の資格を⽬指すのは、モチ ベーションがもたないような気がする 最終⽬標はやっぱりTOEFLや、 しっかり話せる状態を作りたい 洋画を観たときに英語を聞きと れるようになりたい
141. 出来事には 「動詞」 を含める(単語だけにしない) 141 「出来事」 に抜き出すとき 「動詞」 を含めるようにします。単語だけだとユーザーの ⼼理がわからないためです。 なお、意味が変わらない範囲で⽂章を整えてもかま いません。(意味を変えないため、⽂章を変えずコピペするルールにすることも) 参考書 ⾃分にあった 参考書を えらぶ 単語だけ 動詞を含めた⽂章 単語だけにしない。 例: 「価格」とだけ書くと「価格を 安くしたい」と「価格を⾼くし ても⻑期保証をつけたい」と いう、まったく別の⼼理の区 別がつかなくなる。
143. ひとつのKAカードには 「ひとつのユーザー⼼理」 143 ひとつのKAカードに 「ひとつのユーザー⼼理」 になるように書いていきます。ひとつの 発話に2つ、3つの⼼理が含まれていたら、2枚、3枚のカードに分けます。 カードを複数 書く 実⼒を証明 したい 履歴書に 書きたい
144. あなたの推測や意⾒は⼊れない 144 「出来事」 には、あなたの推測や意⾒は⼊れていけません。あくまで、ユーザーの発 話から誰が⾒ても合理的に納得できる範囲にします。 英会話教室の体験 レッスンに⾏った 毎⽇10問ずつ問題 集を1ヶ⽉間解いた ⻑期間の英語学習 を持続するのは難し いようだ 1ヶ⽉したら「なんか 机にむかうのがつら い」と思った 短期の⾏動 中⻑期の⾏動 気持ちや疑問 あなたの推測や意⾒
145. 分析に使えるのはユーザーの発⾔だけ 145 分析に使えるのは、ユーザーの発⾔だけです。モデレーターの発⾔は含めません。 モデレーターの発⾔は 「誘導(⾔わせている)」 かもしれないからです。 モデレーター: 資格を取るきっかけは︖ ユーザー: 会社の推奨資格だったから。 昇格に必要なんです。 モデレーター: 取ったら報奨⾦が出るんですか︖ ユーザー: はい。 ユーザーの発⾔でない 分析には使えない 「報奨⾦が出る」は KAカードにならない
146. 分析に使えるのはユーザーの発⾔だけ 146 分析に使えるのは、ユーザーの発⾔だけです。モデレーターの発⾔は含めません。 モデレーターの発⾔は 「誘導(⾔わせている)」 かもしれないからです。 モデレーター: 資格を取るきっかけは︖ ユーザー: 会社の推奨資格だったから。 昇格に必要なんです。 モデレーター: 推奨とはどういうことですか︖ ユーザー: 取ったら報奨⾦が出ます。 「報奨⾦が出る」を KAカードにできる
147. FigmaでやるときのTIPS 147 ユーザーの発話録をアートボード上に全 ⽂をコピペします。KAカードを書き出すと き、対応する発話の横に書き出していくと、 あとでふりかえりやすくなります。 また「KAカード」は「コンポーネント」にして おくと作業がスムーズです。 発話録を 全⽂コピペ 対応する発話の 横にKAカードを 書いていく KAカードのひな形は コンポーネントに この教材の作成にあたりFigma公式アンバサダーの キャシさん( @UIAlchemist ) にFigmaの使いかたのアドバイスをいただきました。ありがとうございます︕
148. 書き出すカードの枚数のめやす 148 ここまでの⼿順で 「出来事」 を書き出していくと、 およそユーザーインタビュー1分につき KAカード1枚ほどになります。 • Aさん → 67枚/時間 • Bさん → 68枚/時間 5〜8名のインタビューをそれぞれ1時間ずつ実施したとき、 KAカードの総数は 300枚〜500枚がめやすとなります。 (⽻⼭のばあい)
150. KAカードの具体例(出来事) 150
151. KAカードの具体例(出来事) 151
153. 「出来事」 が起きたときのユーザーの⼼の声を解釈する 153 「出来事」 が起きたときのユーザーの⼼の声がどうだったかを解釈して 「⼼の声」 に 書きます。 ⼼の声は… ⼼の声は… ⼼の声… いきなり⾼難易度の 資格はモチベーション がもたないよ ちゃんと英語がしゃべ れるようになりたいな 洋画を観たときに英 語を聞きとれたらいい なあ
154. 「出来事」 が起きたときのユーザーの⼼の声を解釈する 154 解釈しづらいときは 「出来事」 の前後の⽂脈も考慮して 「⼼の声」 を書くと的確 に書けます。 そうか︕ ⼼の声は… TOEIC 8割とりたい 直前の発話: これけっきょく何点がと れるんだよ
155. KAカードの具体例(⼼の声) 155
156. KAカードの具体例(⼼の声) 156
158. ユーザーはつまり何を期待していたのかを解釈する 158 「⼼の声」 をもとに、ユーザーはつまり何を期待していたのかを解釈して 「価値」 に 書きます。このとき語尾をかならず「〜価値」にします。また「動詞」を含めます。 価値は… 価値は… 価値… 未)⾼難易度の資 格にチャレンジできる 積み上げがある価値 ちゃんと実⽤になるス キルを⾝につけたいと 思う価値 ⾼いスキルを⾝につけ た⽣活に憧れる価値
163. KAカードの具体例(価値) 163
164. KAカードの具体例(価値) 164
166. 「価値」が似ているカードをグループ化する 166 KAカードの 「価値」 が似ているカードをグループ化します。
175. FigmaでやるときのTIPS 175 「KAカード」の Variants として 「デフォ ルト」 「中グループ⾒出し」 「⼤グループ ⾒出し」 を登録しておくと作業がスムーズ です。 デフォルト 中グループ⾒出し ⼤グループ⾒出し この教材の作成にあたりFigma公式アンバサダーの キャシさん( @UIAlchemist ) にFigmaの使いかたのアドバイスをいただきました。ありがとうございます︕
176. 176 【分析⼿順3】 グループとグループで似たものを中グループにする 中グループ名をつける それぞれのグループの関係を線や⽮印で書き加える
179. FigmaでやるときのTIPS 179 グループを囲む背景は Figma プラグイ ン「Blobs」を使って⽣成し、ベジェ曲線 編集機能でかたちを調整すると楽です。 Figma プラグイン 「Blobs」 Figma プラグイン「Blobs」 https://www.figma.com/community/plugin/7 39208439270091369/Blobs この教材の作成にあたりFigma公式アンバサダーの キャシさん( @UIAlchemist ) にFigmaの使いかたのアドバイスをいただきました。ありがとうございます︕
181. 似たグループとグループをより⼤きいグループにする 181 似たグループとグループをより⼤きいグループ(⼤グループ)にします。 ⼤グループ ⼤グループ ⼤グループ ⼤グループ ⼤グループ
183. 183 「価値マップ」 完成
186. 186
187. 187 ダウンロード︓http://www.slideshare.net/storywriterjp/20140621-linkshare-valuemap
188. 188 ダウンロード︓https://note.com/storywriter/n/n7e362be9c956
189. 189 ダウンロード︓https://note.com/storywriter/n/n9f84eb25f8c8
190. 190 【親和図法の極意】 恐怖を乗り越える ベテランと素⼈の差は “『先が⾒えない』という恐怖にどれだけ耐えられるか” その1点に尽きます。
192. 恐怖に耐えられなかった⼈はなにをするか 192 恐怖に耐えられなかった⼈の典型的な失敗パターン︓ • 「縦軸に...を、横軸に...をひいて整理してみよう」 • 「ぱっと⾒て、...と...と...に分類できそうだね」 • 「AIDMAやタッチポイントで分類してみよう」 効率よく 結論を出すには 枠組みを 先につくろう︕
193. 193 だ が 断 る
194. 「枠組み」では⼼理は理解できない 194 ⼈間の⼼理は、そもそも粒度も軸もバラバラで、 しかも⽭盾しているものです。 ひとつの視点で、効率よく整理すると、誤解します。 「混沌のまま」モデル化しましょう。 性能 価格 家電AとB どっち買おう 枠組みで整理 じっさいの⼼理 好み 評判 価格 ポイント 還元 性能 好み 評判 ⾊
196. 川喜⽥⼆郎(KJ法®の考案者)のエピソードより 196 まずは フレームワークで 分類... バラせ︕ 川喜⽥⼆郎
197. 今⽇はこう思ってください 197 いったい何時間 かかるんだ︖ 効率よく 正解がほしい 数百件の 散漫なデータ
200. 通してみてはじめて感触がつかめる 200 いったん通してみて、はじめて感触がつかめる。 • 切⽚とグループの粒度、⽂脈を解釈するということ。 • 複数の⼈間の異なる⾏動が、同じ⽂脈であるということ。 • ⼈間の⼼理や⾏動は、デモグラフィック(性別、年齢…)では、思うほどは変わ らないこと。 ユーザーAさんと ユーザーBさんは 異なるセグメント ですね えっ︖ AさんもBさんも 同じ⽂脈だよ︖
204. ⽻⼭のちょっとしたTIPS(叙述化) 204 KA法では価値マップが仕上がったら完成ですが、⽻⼭はさらに 「⽂章に書きおこしてみる(叙述化)」をオススメしています。 川喜⽥ ⼆郎 ⽒の「KJ法」も、作業の最終ステップは叙述化です。 親和図法の成果物は 川喜⽥ ⽒が「渾沌をして語らしめる註1」と呼んだように 定性世界の混沌をそのままに表現しています。 価値マップをつくったあなたには、その全体像も細部もよく⾒えているのですが、 このままではあなた以外の⼈に⾒せるには説明しづらくあります。 そこで⽂章にしておくと、要点が整理され、説明がしやすくなります。 註1: KJ法 渾沌をして語らしめる, 川喜⽥ ⼆郎, 1986, 中央公論社
206. 206
207. シナリオ化の例 207 モニタを 買い替えたい マルチモニタに したい ゲームを もっと楽しみたい 初期不良が 不安 コスパのよい 品を買いたい • PC買替のタイミングで、モニタ の買替や追加を考えます。 • 気にしているポイントは、画⾯ サイズやスペースがちょうどいい、 画⾯のきれいさ、視野⾓が広 い、発⾊がいい、⽬が疲れな い、デザインがよい、リモコン、 付属品、操作しやすい、です。 • 実物を⾒に、店頭に⾏きます。 店頭と⾃宅のサイズの印象の 違いがあります。 • デュアルモニタ、マルチモニタに したいです。 • 設定⽅法がわからず困ったり、 そもそも⾃分の機種がマルチモ ニタできるのか分からず、購⼊ してよいか悩んでいます。 • モニタを設置するための機器を 探しています。モニタが省ス ペースだと嬉しいです。 • フレーム遅延のないモニタや、 暗部強調機能でプレイすると、 対戦ゲームで有利になります。 他のゲームの感動も⼤きくなり ます。 • PC以外の機器も接続します。 PlayStation、テレビなど接続 します。その端⼦や、⼿軽な切 り替え⽅法も気になります。 • メディアを堪能するため、スピー カーの⾳質も必要です。 • ドット抜け、初期不良を不安 にしています。 • 中国製、韓国製より国内製 造のもののほうが安⼼だと感じ ます。 • 有名メーカーの品である、5年 保証がある、と安⼼します。 • 配送途中に壊れたり、汚れる のも不安なので、ちゃんとした 配送をしてほしいです。 • 各社、各シリーズの製品はい ずれも似ていて、どれが良いの か判断がしづらいです。 • できれば安いのがいいです。テ レビと⽐較するときもあります。 • せっかくだから良いものを、とも 思います。 • コスパの良いものがどれか、知 りたいです。⽐較サイトが⾒た いです。 • 購⼊後、とりあえず満⾜します が、違いはいまいち分かりませ ん。
208. ペルソナとかジャーニーマップとか 208 “UXデザイン” や “UXリサーチ” というと、ペルソナやカスタマージャーニーマップと いったドキュメントをつくる⼿順がよく紹介されます。 ただ、ペルソナもカスタマージャーニーマップも 「ユーザーの本質的なニーズ」 を理解 するためのひとつの書式にすぎません。 実務として、親和図法をていねいにやり切ると、ペルソナやカスタマージャーニーマッ プをつくる必要がないこともよくあります。
209. 209 KA法(本質的価値抽出法)を⼿順を守って使うと 初学者でも安定して ユーザーインタビューの発話録から客観的に ユーザーのインサイトを抽出することができます。
210. 210 “UXデザイン・UXリサーチ” の進めかた ユーザー調査 をする 結果を 分析する プロト タイピング する プロダクトに する
211. 211 つくって壊してまたつくる
214. とにかくつくって、⽬に⾒える状態にする 214 ユーザーを理解し、解決⽅法の⽬星がついたとしても、じっさいにつくって⽬に⾒える 状態にすると、⽭盾やもっと詰めるべきところが⾒えてきます。 とにかくプロトタイプをつくってみましょう。 プロトタイプは 「ペーパープロトタイプ」 から、最近では Figma や Adobe XD な どを使ったもの、じっさいにコードを書いて動くようにしたものまで、粒度があります。
218. たいてい何か間違っているので修正する 218 徹底的に考えたはずの案でも、ユーザビリティテストをすると、どこかしらうまくいかな い箇所が⾒つかるものです。修正をくりかえします。
219. 219 “UXデザイン・UXリサーチ” の進めかた ユーザー調査 をする 結果を 分析する プロト タイピング する プロダクトに する
220. プロダクトにする 220 プロトタイプで検証して、プロダクトがユーザーに価値を届けることができることを確認 できたら、プロダクトに反映します。
225. ユーザー視点をチームにもたらすためには・・・ 組織にユーザー⽬線をインストールする 225 外部のUXデザインコンサルに 丸投げする ユーザーを調査する⽂化を 社内につくる
226. 226 チームで徹底的に ユーザー⼼理を考える 2カ⽉で 40時間の ワークショップ ご⽀援事例: 株式会社grooves さま, 2015
227. 227 ユーザーの声に囲まれた エンジニアルーム ふせん819枚 模造紙11枚 ご⽀援事例: 株式会社grooves さま, 2015
228. 組織にユーザー⽬線をインストールする 228 ユーザーのペインポイントを 次々と解決していく そんなユーザー視点をもつ チームをつくる
234. U X デ ザ イ ン の ノ ウ ハ ウ か ? 欲 し け り ゃ く れ て や る ぜ … 探 し て み ろ こ の 世 の 全 て を そ こ に 置 い て き た
235. 235 まとめ
236. 236 “UXデザイン・UXリサーチ” の進めかた ユーザー調査 をする 結果を 分析する プロト タイピング する プロダクトに する
238. 関 係 な い 行 け
239. ユーザーを理解するには、ユーザーに会うこと 239 ユーザーを理解するもっとも基本的な⽅法は「ユーザーに会って、話を聞き、⾏動を 観察する」ことです。 まずユーザーに会いにいきましょう。
240. 240 ありがとうございました ⽻⼭ 祥樹 (⽇本ウェブデザイン株式会社) Twitter: @storywriter
241. ⽻⼭のプレゼンのアレ が、 LINEスタンプになりました︕ スタンプ名︓ハーミィ(CSS編) 作者名︓⽻⼭ 祥樹 https://store.line.me/stickershop/product/1228201/ja Web・CSSネタ 全40種類
242. アンケート回答してね︕ 242
243. 質疑応答 243