Skip to main content
ウェブ/アプリのUX改善
データ分析と定性分析の絶妙なバランスは︖
2023年3⽉16⽇(⽊)
⽇本ウェブデザイン株式会社 / HCD-Net認定 ⼈間中⼼設計専⾨家
⽻⼭ 祥樹 @storywriter
1
Zoomの
チャットで
いっしょに
盛りあがってね
Twitterの
ハッシュタタグは
#a2iseminar
画⾯キャプチャ
投稿OK︕
「チャット」で盛りあがろう︕
2
チャット
Zoom のチャットへ
どんどん書いてね︕
(Twitter感覚で)
「全員」
で送信︕
Q&Aに
投稿したものは
質疑応答で
答えます
Q&A
「チャット」で盛りあがろう︕
3
さいしょに「チャットに投稿する練習」をしています︕
今回はどうしようかなと思いまして・・・
桜
だ
あ
っ
4
「チャット」で盛りあがろう︕
5
🌸🌸🌸🌸🌸🌸
🌸🌸🌸🌸🌸🌸
🌸🌸🌸
練習
・・・と投稿してみよう!!
「🌸」は「さくら」で
変換できるよ︕
⽻⼭ 祥樹 @storywriter
6
⽇本ウェブデザイン株式会社 代表取締役CEO
使いやすいプロダクトをつくる専⾨家
HCD-Net認定 ⼈間中⼼設計専⾨家
Web業界に25年、AIシステムのプロダクトマネージャーとUXデザインを5年
主な実績など
2009年 ⽇経パソコン 企業サイトランキング2009
⽇本の主要企業696サイト中、ユーザビリティ/アクセシビリティ分野で第3位
2011年 Webユーザビリティランキング2011 企業サイト編
⽇本の⼤⼿企業150サイト中、第4位
主な専⾨分野
ユーザーエクスペリエンス、⼈間中⼼設計、情報アーキテクチャ、アクセシビリティ、ライター
7
データ分析をするとき「肌感」は重要なポイントです。
8
あなたがアクセス解析のデータを読み解きするとき
• 対象のウェブ/アプリについてどれだけ深く理解しているか
• 対象の事業や業界についてどれだけ深く理解しているか
によって
• 「どの数字を⾒るべきか」
• 「数字の変化の違和感に気がつけるか」
• 「⾒つけた数字の違和感の理由を突き⽌められるか」
といった分析の深さが変わってきます。
9
「肌感」を得るためには、じつは定量データだけでなく、定性データを広く収
集しその理解を深めているかがカギとなります。
10
解析ツールがGA4になり、またCookieデータが不確かになるなど、定量
データの解析が難しくなるなか、定性データの分析⼿法を習得することで
「肌感」をもって的確にウェブ/アプリのUX改善をする⽅法を学びます。
﹃
定
量
分
析
す
る
﹄
﹃
定
性
分
析
も
す
る
﹄
﹃
両
方
﹄
や
ら
な
く
ち
ゃ
あ
な
ら
な
い
っ
て
の
が
﹃
プ
ロ
﹄
の
つ
ら
い
と
こ
ろ
だ
な
覚
悟
は
い
い
か
?
オ
レ
は
で
き
て
る
12
定性データの分析とはなにをするのか
なにがわかるのか︖
第1部
ミニワーク 1
13
⼀緒に考えてみてください。
Zoom のチャットへ
どんどん書いてね︕
(Twitter感覚で)
たとえばこのサイトを改善するとしたら︖
14
引⽤:
https://www.fujitsu.com/jp/about/resources/case-studies/article/subaru/index.html
AIシステムの
導⼊事例
このダウンロードボタンのCVRを上げたい
たとえばこのサイトを改善するとしたら︖
15
引⽤:
https://www.fujitsu.com/jp/about/resources/case-studies/article/subaru/index.html
PV︖
離脱率︖
滞在時間︖
どこの何の数字を
⾒るべきでしょうか︖
たとえばこのサイトを改善するとしたら︖
16
引⽤:
https://www.fujitsu.com/jp/about/resources/case-studies/article/subaru/index.html
で、なにをすれば
CVRが上がるの︖
こうすればCVRが上がります
17
印刷して上司への説明に 印刷して稟議書に添付して 印刷して会議資料に
これらの絵と
テキストを
ボタンに添える
こうすればCVRが上がります
18
印刷して上司への説明に 印刷して稟議書に添付して 印刷して会議資料に
これらの絵と
テキストを
ボタンに添える
某SIer※のサイトで
CVRが230%以上
上がりました
※今回のサンプルに出している富⼠通さまではない別のSIerです
こうすればCVRが上がります
19
印刷して上司への説明に 印刷して稟議書に添付して 印刷して会議資料に
これらの絵と
テキストを
ボタンに添える
でも、何故︖
ユーザーの⼼理はどのように動いているのか
20
引⽤:
https://www.fujitsu.com/jp/about/resources/case-studies/article/subaru/index.html
AIシステムの
導⼊事例かあ
ちょうど
検討してる
ところだ
どれどれ・・・
担当者
ユーザーの⼼理はどのように動いているのか
21
引⽤:
https://www.fujitsu.com/jp/about/resources/case-studies/article/subaru/index.html
ふむふむ
AIで
研削加⼯品の
品質管理か
当社の業務と
近しいな 担当者
ユーザーの⼼理はどのように動いているのか
22
引⽤:
https://www.fujitsu.com/jp/about/resources/case-studies/article/subaru/index.html
AIなら
抜き取り検査じゃなく
全品検査できるのか︕
すばらしい
まさに当社が
やりたいことだ 担当者
ユーザーの⼼理はどのように動いているのか
23
引⽤:
https://www.fujitsu.com/jp/about/resources/case-studies/article/subaru/index.html
とても参考になる
いい事例だったな
担当者
ユーザーの⼼理はどのように動いているのか
24
引⽤:
https://www.fujitsu.com/jp/about/resources/case-studies/article/subaru/index.html
とても参考になる
いい事例だったな
担当者
このあと彼は
ブラウザを閉じたあとに
何をするのでしょうか︖
答え︓上司や決裁者、関連部署へ提案する
25
担当者
AIによる品質管理
システムを導⼊
したいです︕
上司
関連部署
決裁者
答え︓上司や決裁者、関連部署へ提案する
26
BtoBのシステム導⼊は、担当者がひとりで決めるということはあり得ません。
かならず上司や決裁者、関連部署へ「説明する」ステップが次にきます。
担当者
AIによる品質管理
システムを導⼊
したいです︕
上司
関連部署
決裁者
どうしてCVRが上がるのか
27
印刷して上司への説明に 印刷して稟議書に添付して 印刷して会議資料に
担当者
とても参考になる
いい事例だったな
どうしてCVRが上がるのか
28
印刷して上司への説明に 印刷して稟議書に添付して 印刷して会議資料に
担当者
・・・
どうしてCVRが上がるのか
29
印刷して上司への説明に 印刷して稟議書に添付して 印刷して会議資料に
そうか︕
社内説明に必要だ
担当者
⼿元に事例を
おいておこう︕
他社の成功事例を添付することで説得⼒をもたせる
30
担当者
AIによる品質管理
システムを導⼊
したいです︕
上司
関連部署
決裁者
そもそもユーザーが成功事例を⾒ているのは、社内への説得⼒ある説明材
料を探すためです。それを思い出させてあげることでCVRが上がりました。
これが
他社の成功事例
です︕
他社の成功事例を添付することで説得⼒をもたせる
31
担当者
AIによる品質管理
システムを導⼊
したいです︕
上司
関連部署
決裁者
そもそもユーザーが他社の成功事例を⾒ているのは、社内への説得⼒ある
説明材料を探すためです。それを思い出させてあげましょう。
これが
他社の成功事例
です︕
アクセス解析ツールの
どの数字を⾒れば
このユーザー⼼理を
⾒つけられるでしょうか︖
他社の成功事例を添付することで説得⼒をもたせる
32
担当者
AIによる品質管理
システムを導⼊
したいです︕
上司
関連部署
決裁者
そもそもユーザーが他社の成功事例を⾒ているのは、社内への説得⼒ある
説明材料を探すためです。それを思い出させてあげましょう。
これが
他社の成功事例
です︕
これが「肌感」です
他社の成功事例を添付することで説得⼒をもたせる
33
担当者
AIによる品質管理
システムを導⼊
したいです︕
上司
関連部署
決裁者
そもそもユーザーが他社の成功事例を⾒ているのは、社内への説得⼒ある
説明材料を探すためです。それを思い出させてあげましょう。
これが
他社の成功事例
です︕
「肌感」なくして
ウェブサイトやアプリの
改善はできません
他社の成功事例を添付することで説得⼒をもたせる
34
担当者
AIによる品質管理
システムを導⼊
したいです︕
上司
関連部署
決裁者
そもそもユーザーが他社の成功事例を⾒ているのは、社内への説得⼒ある
説明材料を探すためです。それを思い出させてあげましょう。
これが
他社の成功事例
です︕
そして「肌感」とは
アクセス解析ツール
の外にあります
アクセス解析とはなにか︖
35
アクセス解析とは客観的な数字にもとづいた発⾒をする⾏為に思われます
が、その実は 「客観的な数字を刺激として、分析者の 『肌感』 を呼び起
こし、主観的な洞察を得る⾏為」 です。肌感がなければ数字の意味の解
釈ができません。よい改善策も浮かびません。
一
体
い
つ
か
ら
ユ
ー
ザ
ー
を
理
解
で
き
て
い
る
と
錯
覚
し
て
い
た
?
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
ミニワーク 2
37
あなた⾃⾝のことを思い返してみましょう。
Zoom のチャットへ
どんどん書いてね︕
(Twitter感覚で)
たとえばECサイトのアクセス解析ログ
38
アクセス解析でユーザーの全体像がわかるような気がしてしまいますが・・・。
あなた⾃⾝のことを思い返してください
39
そのECサイトで購⼊する前に、Amazonで検索したりしないですか︖
あなた⾃⾝のことを思い返してください
40
購⼊にあたっての疑問を解消するために、店頭へ⾏たことはありませんか︖
(そのあと購⼊はウェブでした︕)
あなた⾃⾝のことを思い返してください
41
購⼊にあたっての疑問の答えがそのサイトになく、他サイトで調べたことは︖
(そのあと購⼊はもとのサイトでした︕)
あなた⾃⾝のことを思い返してください
42
だけど、そのサイトだけのアクセス解析をして、
「これがユーザーの現状です」とレポートを提出したことは・・・︖
43
定量分析の落とし⽳は
⼿元にあるデータが
世界のすべてだという気がしてしまうこと
44
定量分析のネックは、⼿元の数字に現れないものを⾒出しづらいことです。
たとえば「ユーザーが⾃社商品を購⼊するまでに感じる⼼理の全体像」を
定量的に把握するのはなかなか難しいものです。
45
定性分析はそのような「⼈の⼼で起きていることの全体像」を
うまくモデルにすることができます。
そして、⼈間の社会において起きることの多くは、
⼈の⼼がかかわる事象なのです。
46
定量分析と定性分析を組み合わせることで
ユーザーの本当の姿にせまることができます。
定量分析と定性分析のシナジーを出す⽅法について
ミニワークをしながら⾒ていきましょう︕
定性分析と定量分析
47
世界は「数えられるもの」と「数えられないもの」に⼆分できるように思いがちですが、
世の中のほとんどの事象は数えることができません。そのなかのわずかなものが数え
られるだけなのです。
多くの⼈のイメージ 現実世界
数えられるもの
定量
数えられないもの
定性
数えられるもの
定量
数えられないもの
定性
ミニワーク 3
48
⼿元のデータからわかること、⼿元のデータからわからないけれど重要なこと。
Zoom のチャットへ
どんどん書いてね︕
(Twitter感覚で)
今⽇は教材テーマに「資格取得」を使います
49
資格試験(英検、TOEIC、簿記、情報処理技術者試験・・・)は
わりと多くの⼈が経験があるエピソードで、伝わりやすいので、
これをテーマに進めます。
たとえばこの資格サイトを改善するとしたら︖
50
引⽤:
https://www.tac-school.co.jp/pittari.html
PV︖
CVR︖
離脱率︖
滞在時間︖
たとえばこの資格サイトを改善するとしたら︖
引⽤:
https://www.tac-school.co.jp/pittari.html
51
⼈気資格ランキング
⼥性の仕事
就活
難易度
試験合格テクニック
就職活動(採⽤側)
資格がないとできない仕事
専⾨学校・通信講座の案内
夢を叶える
資格がないとできない仕事
資格で独⽴
体験講座
相談・申し込み
そもそも
このコンテンツ群で
ユーザーのニーズは
解決されるのでしょうか︖
52
そもそも、ユーザーは資格取得にあたり
どんな⼼理をもつのでしょうか︖
このコンテンツ群で
ユーザーのニーズは
解決されるのでしょうか︖
考えてみよう
53
資格試験(TOEIC、英検、簿記、情報処理技術者など)を受ける
ユーザーの⼼理はどのようなものがあるでしょうか。
思いつくものを書き出してみましょう。
Zoom のチャットへ
どんどん書いてね︕
(Twitter感覚で)
1分間 待ってやる
資格を取るきっかけとなるユーザー⼼理
55
資格を取るきっかけとなるユーザー⼼理は、
⼤きくわけると5種類あります。
56
57
たとえばこの資格サイトを改善するとしたら︖
引⽤:
https://www.tac-school.co.jp/pittari.html
58
⼈気資格ランキング
⼥性の仕事
就活
難易度
試験合格テクニック
就職活動(採⽤側)
資格がないとできない仕事
専⾨学校・通信講座の案内
夢を叶える
資格がないとできない仕事
資格で独⽴
体験講座
相談・申し込み
マッピングする
59
⼈気資格ランキング
⼥性の仕事
就活
難易度
試験合格テクニック
資格がないとできない
仕事
専⾨学校・通信講座
の案内 夢を叶える
資格で独⽴
体験講座
相談・申し込み
60
⼈気資格ランキング
⼥性の仕事
就活
難易度
試験合格テクニック
資格がないとできない
仕事
専⾨学校・通信講座
の案内 夢を叶える
資格で独⽴
体験講座
相談・申し込み
(不⾜)
どんな学びが
⾝につくの︖
61
⼈気資格ランキング
⼥性の仕事
就活
難易度
試験合格テクニック
資格がないとできない
仕事
専⾨学校・通信講座
の案内 夢を叶える
資格で独⽴
体験講座
相談・申し込み
(不⾜)
今の会社で
活躍するには︖
62
⼈気資格ランキング
⼥性の仕事
就活
難易度
試験合格テクニック
資格がないとできない
仕事
専⾨学校・通信講座
の案内 夢を叶える
資格で独⽴
体験講座
相談・申し込み
(不⾜)
学ぶことそのもの
の楽しさは︖
63
先ほどのミニワークで
あなたはすべてのユーザー⼼理を
思い浮かべることはできましたか︖
64
定量分析(アクセス解析)から、
不⾜していたユーザー⼼理を
すべて⾒つけることはできるでしょうか︖
65
定性分析の強みは
「これがすべてだ」
と⾔い切れること
66
定性分析は
ユーザー⼼理の
世界地図がつくれる
67
ミニワーク 4
68
なぜ「ものさし」が必要なのかを知る。
Zoom のチャットへ
どんどん書いてね︕
(Twitter感覚で)
69
次の線分は、⻑いですか︖ 短いですか︖
なぜそう思いますか︖
70
次の線分は、「ものさし」となる線分に⽐べて、
⻑いですか︖ 短いですか︖
ものさし
71
次の⾊は、濃いですか︖ 薄いですか︖
なぜそう思いますか︖
72
次の⾊は、「ものさし」となる⾊に⽐べて、
濃いですか︖ 薄いですか︖
ものさし
引⽤:
https://www.tac-school.co.jp/pittari.html
73
このウェブサイトは良くできていますか︖
このウェブサイトだけを⾒ていて、どうしてそれがわかるのですか︖
74
モノが良いか悪いかは、
「ものさし」と⽐べないとわからない
そして プロダクトの「ものさし」は
「ユーザー⼼理」です
ミニワーク 5
75
⼼理はお互いに影響しあうことを知る。
Zoom のチャットへ
どんどん書いてね︕
(Twitter感覚で)
76
ユーザー⼼理はお互いに影響しあう。
⾒落としはビジネスの致命傷になりうる。
⼼理的に押せないボタン
77
この教材を購⼊した⼈の試験の合格率は99.8%です
本当です
購⼊する
⼼理的に押せないボタン
78
この教材を購⼊した⼈の試験の合格率は99.8%です
本当です
購⼊する
コンバージョン率
0%だと・・・ッツ︕︖
アクセス解析で
コンバージョン率 0%は
わかるが、その理由までは・・・
79
しまった・・・!!
アクセス解析ツールで
何が起きているかはわかっても
それがなぜ起きているかは
わからないッツ!!
わ
わ
か
ん
な
い
っ
ピ
…
出
し
て
ユ
ー
ザ
ー
が
買
わ
な
い
理
由
ユーザーを理解するには、ユーザーに会うこと
81
ユーザーを理解するもっとも基本的な⽅法は
「ユーザーに会って、話を聞き、⾏動を観察する」ことです。
まずユーザーに会いにいきましょう。
⼼理的に押せないボタン(ユーザーの⼼理)
82
この教材を購⼊した⼈の試験の合格率は99.8%です
本当です
購⼊する
なんでこのボタン
押さないんですか︖
⼼理的に押せないボタン(ユーザーの⼼理)
83
この教材を購⼊した⼈の試験の合格率は99.8%です
本当です
購⼊する
いくらだ・・・︖ いくら請求される
んだヨォオオオオ
〜〜〜〜ッツ!!
このボタンをッツ!!
押したらッツ!!
84
ひとつの⼼理(合格したい)を完全に満たしていたとしても、
ほかの⼼理を解決することができなければ、
往々にして、ユーザーは先に進めない。
しかし、存在しないものを定量的に測ることはできない。
⼿元にある数字では⾒えないところに、
ユーザーの世界の中⼼はあるかもしれない。
85
ウェブサイトやアプリのなかにユーザーがいるのではなく
ユーザーの⾏動のなかにウェブサイトやアプリがあるのです。
86
じっさいに定性分析をしてみよう︕
その結果から定量分析の軸を⾒つけよう
第2部
87
「定性分析」 とは何をすることだろう︖
88
“お客様の⽬線になって考えよう”
とか
“⾃分がユーザーだったらどうしてほしいか考えよう”
とか、よく⾔われません︖
89
でも、ユーザーのことを考えずに
プロダクト(ウェブサイト、アプリなど)を
つくっている⼈なんて、いなくない︖
むしろ、みんな必死にユーザーのことを考えているよね︖
あなただって、そうでしょう︖
90
じゃあ “みんなユーザーのことを考えている” のに
どうして世界には 「使ってもらえないプロダクト」 や
「使ってもらえない機能」 「ユーザーに響かない施策」 が
あふれているのだろう︖
91
つまり
“ユーザーならどうしてほしいか考える”
では、プロダクトづくりの解像度に⾜りないのです。
「ユーザーならどうしてほしいか考える」とは
92
あ〜
のどが乾いたなぁ〜
カラッカラだぜ・・・
「ユーザーならどうしてほしいか考える」とは
93
⾃分だったら
冷たいお茶がほしいな
「ユーザーならどうしてほしいか考える」とは
94
冷たいお茶をどうぞ
「ユーザーならどうしてほしいか考える」とは
95
いや〜気持ちはうれしいんだけどさ
俺はひと仕事を終えたところで
冷えたビールで
乾杯したかったんだよなあ〜
わかるゥ〜︖ キンキンに
冷えたビールが飲みてぇなあ〜
96
よいプロダクトづくりとは
“ユーザーならどうしてほしいか考える” のではなく
「何がほしいですか」 と質問することです。
のどが渇いた 何がほしいですか
97
だが・・・
ここで思考停⽌
してはいけないッツ!!
ここで思考を⽌めたら
奴らの・・・
プロダクトづくりの典型的な失敗の
罠にはまってしまうッツ!!
98
このユーザーは、じつは糖質制限中で
ビールは飲めないのです︕
本⼈が「ほしい」と⾔っても飲ませちゃダメ︕
ビールが
飲みてぇなあ〜
99
そこで、糖質ゼロのノンアルコールビールを出しました。
わかるか・・・︖
オマエに本当に必要なモノは
コレだッツ・・・!!
糖質ゼロ
100
よいプロダクトづくりとは
“ユーザーならどうしてほしいか考える” のではなく
“ユーザーを理解してユーザーに必要なものを出す” です。
ここまでくると「⾃分がユーザーだったら」という観点は
消え失せています。