Downloaded 48 times
Uploaded byYoshiki Hayama
1,264 views
ウェブ/アプリのUX改善 データ分析と定性分析の絶妙なバランスは？
2023年3月16日 アナリティクスアソシエーションでの講演スライドです。データ分析をするとき「肌感」は重要なポイントです。あなたがGA4などアクセス解析のデータを読み解きするとき、・対象のウェブ/アプリについてどれだけ深く理解しているか・対象の事業や業界についてどれだけ深く理解しているかによって、・「どの数字を見るべきか」・「数字の変化の違和感に気がつけるか」・「見つけた数字の違和感の理由を突き止められるか」といった分析の深さが変わってきます。「肌感」を得るためには、じつは定量データだけでなく、定性データを広く収集しその理解を深めているかがカギとなります。解析ツールがGA4になり、またCookieデータが不確かになるなど、定量データの解析が難しくなるなか、定性データの分析手法を習得することで「肌感」をもって的確にウェブ/アプリのUX改善をする方法を学びます。
Related topics:
Recommended
![UXデザインのはじめの一歩を体験しよう！ ユーザーインタビューの基本 [第2版] | UXデザイン実践セミナー 第2回](/image.pl?url=https%3a%2f%2fcdn.slidesharecdn.com%2fss_thumbnails%2f20221209-creekandriver-ux-workshop-2-221207181804-b44d3cb7-thumbnail.jpg%3fwidth%3d640%26amp%3bheight%3d640%26amp%3bfit%3dbounds&f=jpg&w=240)
More Related Content
What's hot
Similar to ウェブ/アプリのUX改善 データ分析と定性分析の絶妙なバランスは？
More from Yoshiki Hayama
ウェブ/アプリのUX改善 データ分析と定性分析の絶妙なバランスは？
- 1.ウェブ/アプリのUX改善データ分析と定性分析の絶妙なバランスは︖2023年3⽉16⽇（⽊）⽇本ウェブデザイン株式会社 / HCD-Net認定⼈間中⼼設計専⾨家⽻⼭ 祥樹 @storywriter1Zoomのチャットでいっしょに盛りあがってねTwitterのハッシュタタグは#a2iseminar画⾯キャプチャ投稿OK︕
- 2.
- 3.
- 4.
- 5.
- 6.⽻⼭ 祥樹 @storywriter6⽇本ウェブデザイン株式会社代表取締役CEO使いやすいプロダクトをつくる専⾨家HCD-Net認定 ⼈間中⼼設計専⾨家Web業界に25年、AIシステムのプロダクトマネージャーとUXデザインを5年主な実績など2009年 ⽇経パソコン 企業サイトランキング2009⽇本の主要企業696サイト中、ユーザビリティ／アクセシビリティ分野で第3位2011年 Webユーザビリティランキング2011 企業サイト編⽇本の⼤⼿企業150サイト中、第4位主な専⾨分野ユーザーエクスペリエンス、⼈間中⼼設計、情報アーキテクチャ、アクセシビリティ、ライター
- 7.
- 8.8あなたがアクセス解析のデータを読み解きするとき• 対象のウェブ/アプリについてどれだけ深く理解しているか• 対象の事業や業界についてどれだけ深く理解しているかによって•「どの数字を⾒るべきか」• 「数字の変化の違和感に気がつけるか」• 「⾒つけた数字の違和感の理由を突き⽌められるか」といった分析の深さが変わってきます。
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.アクセス解析とはなにか︖35アクセス解析とは客観的な数字にもとづいた発⾒をする⾏為に思われますが、その実は 「客観的な数字を刺激として、分析者の 『肌感』を呼び起こし、主観的な洞察を得る⾏為」 です。肌感がなければ数字の意味の解釈ができません。よい改善策も浮かびません。
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.90じゃあ “みんなユーザーのことを考えている” のにどうして世界には「使ってもらえないプロダクト」 や「使ってもらえない機能」 「ユーザーに響かない施策」 があふれているのだろう︖
- 91.
- 92.
- 93.
- 94.
- 95.
- 96.
- 97.
- 98.
- 99.
- 100.
- 101.
- 102.
- 103.
- 104.
- 105.
- 106.ユーザー調査をする106ユーザー調査の代表的な⽅法は「ユーザーインタビュー」 と 「ユーザビリティテスト」です。ユーザーインタビュー ユーザビリティテスト
- 107.
- 108.ユーザーインタビューの会話の全⽂サンプル108インプレスさんのメディア Think ITの⽻⼭の連載 「UXデザインはじめの⼀歩 ーインタビュー技術を磨こう︕」 にて、インタビュー発話録の全⽂サンプルを無料配布しています。https://thinkit.co.jp/series/9588
- 109.
- 110.
- 111.
- 112.
- 113.
- 114.
- 115.
- 116.
- 117.
- 118.
- 119.
- 120.
- 121.
- 122.
- 123.
- 124.
- 125.
- 126.
- 127.ユーザビリティテストの⾵景127マイクはインタビュー対象者とモデレーターの両⽅の⾳声を拾えるように（重要）⼤⼈数で⾒る場合はプロジェクタや⼤きめのディスプレイを⽤意する⾳声をしっかり聞き取れるスピーカーを⽤意するカメラの映像とマイクの⾳声を傍聴する部屋に送るカメラスピーカープロジェクタ⼜は⼤きめのディスプレイパソコンインタビュー対象者 モデレーター傍聴者調査を⾏う部屋 傍聴する部屋操作画⾯をあとからも⾒返したいときは、同時に、画⾯の録画もしてください。マイクパソコンカメラは、以下がしっかり映るように︓1.インタビューの場合、ユーザーの表情が映るように。2. ユーザビリティテストの場合、ユーザーの操作画⾯。スマホのテストのときは、⼿元が映せるように。調査の会場は以下のとおり設営し、あらかじめ動作確認をします。
- 128.ユーザビリティテストの⾵景128マイクはインタビュー対象者とモデレーターの両⽅の⾳声を拾えるように（重要）⼤⼈数で⾒る場合はプロジェクタや⼤きめのディスプレイを⽤意する⾳声をしっかり聞き取れるスピーカーを⽤意するカメラの映像とマイクの⾳声を傍聴する部屋に送るカメラスピーカープロジェクタ⼜は⼤きめのディスプレイパソコンインタビュー対象者 モデレーター傍聴者調査を⾏う部屋 傍聴する部屋操作画⾯をあとからも⾒返したいときは、同時に、画⾯の録画もしてください。マイクパソコンカメラは、以下がしっかり映るように︓1.インタビューの場合、ユーザーの表情が映るように。2. ユーザビリティテストの場合、ユーザーの操作画⾯。スマホのテストのときは、⼿元が映せるように。調査の会場は以下のとおり設営し、あらかじめ動作確認をします。最近はリモート会議ツールでぜんぶできるので楽
- 129.
- 130.
- 131.
- 132.
- 133.
- 134.
- 135.
- 136.
- 137.ユーザーインタビューの会話の全⽂サンプル137今⽇の教材ダウンロード︓インプレスさんのメディア Think ITの⽻⼭の連載「UXデザインはじめの⼀歩 ー インタビュー技術を磨こう︕」 にて、インタビュー発話録の全⽂サンプルを無料ダウンロード配布しています。https://thinkit.co.jp/series/9588
- 138.
- 139.KA法（本質的価値抽出法）の⼿順と実例139今⽇の教材ダウンロード︓FigmaでじっさいにKA法をしたデータを配布します。商⽤・⾮商⽤問わず⾃由に再配布・改変いただけます。初学者が悩みやすい「発話録のどこを、どのように、ふせんに書き出すのか」など、実物の発話録から成果物までの作業履歴もすべて追えるように残しています。KA法（本質的価値抽出法）の⼿順と実例「資格試験を受ける⼈のモチベーションの価値マップ」https://www.figma.com/community/file/1142124393231568930この教材の作成にあたりFigma公式アンバサダーの キャシさん（ @UIAlchemist） にFigmaの使いかたのアドバイスをいただきました。ありがとうございます︕
- 140.
- 141.
- 142.
- 143.
- 144.KA法（本質的価値抽出法）とは144紀⽂⾷品の 浅⽥ 和美⽒がマーケティング⼿法として考案し、千葉⼯業⼤学の安藤 昌也 先⽣がユーザー調査の分析⼿法として発展させました。ユーザー調査から⾒いだした 「出来事」 を 「⼼の声」 「価値」 と解釈を重ねることで、ユーザーの⼼理における本質的価値を探ります。川喜⽥ ⼆郎 ⽒の 「KJ法®」 と名前が似ていますが、別のものです。
- 145.KA法の特徴（KAカード）145KA法では 「ふせんの描きかた」 に特徴があります。ふせんを3分割して「出来事」 「⼼の声」 「価値」 の3つの欄をつくります。この書式を 「KAカード」 と呼びます。出来事⼼の声 価値KAカードの書式:ふせんを3分割
- 146.
- 147.浅⽥⽒オリジナルKA法から安藤流KA法への変更点147出来事キーワード ⽣活価値浅⽥⽒オリジナルKA法 安藤流KA法⽬的:マーケティングのアイデア発想 ⽬的: 質的分析出来事⼼の声 価値• 「キーワード」→「⼼の声」にすることで、よりユーザー⼼理にフォーカスした。また、切⽚単位で2回の抽象化するつながりを明確にした。• 「⽣活価値」→「価値」にすることで、より汎⽤に質的分析に使えるようにした。• 満たされなかった出来事を「未充⾜の価値」へ転換することで、切⽚の⽂脈のベクトルをそろえて、グループ化しやすくした。
- 148.
- 149.
- 150.
- 151.
- 152.
- 154.
- 155.
- 156.
- 157.
- 158.
- 159.
- 160.
- 161.ユーザー⼼理が現れる発話や⾏動をすべて抜き出す161ユーザー⼼理が現れる発話や⾏動をすべて抜き出して、KAカードの 「出来事」 に記⼊します。そのとき、ひとつのKAカードに「ひとつのユーザー⼼理」 になるように書いていきます。何も実績がない状態で、いきなり⾼難易度の資格を⽬指すのは、モチベーションがもたないような気がする最終⽬標はやっぱりTOEFLや、しっかり話せる状態を作りたい洋画を観たときに英語を聞きとれるようになりたい
- 162.出来事には 「動詞」 を含める（単語だけにしない）162「出来事」に抜き出すとき 「動詞」 を含めるようにします。単語だけだとユーザーの⼼理がわからないためです。 なお、意味が変わらない範囲で⽂章を整えてもかまいません。（意味を変えないため、⽂章を変えずコピペするルールにすることも）参考書⾃分にあった参考書をえらぶ単語だけ 動詞を含めた⽂章 単語だけにしない。例:「価格」とだけ書くと「価格を安くしたい」と「価格を⾼くしても⻑期保証をつけたい」という、まったく別の⼼理の区別がつかなくなる。
- 163.
- 164.ひとつのKAカードには 「ひとつのユーザー⼼理」164ひとつのKAカードに 「ひとつのユーザー⼼理」になるように書いていきます。ひとつの発話に2つ、3つの⼼理が含まれていたら、2枚、3枚のカードに分けます。カードを複数書く実⼒を証明したい履歴書に書きたい
- 165.
- 166.分析に使えるのはユーザーの発⾔だけ166分析に使えるのは、ユーザーの発⾔だけです。モデレーターの発⾔は含めません。モデレーターの発⾔は 「誘導（⾔わせている）」 かもしれないからです。モデレーター:資格を取るきっかけは︖ユーザー: 会社の推奨資格だったから。昇格に必要なんです。モデレーター: 取ったら報奨⾦が出るんですか︖ユーザー: はい。ユーザーの発⾔でない分析には使えない「報奨⾦が出る」はKAカードにならない
- 167.分析に使えるのはユーザーの発⾔だけ167分析に使えるのは、ユーザーの発⾔だけです。モデレーターの発⾔は含めません。モデレーターの発⾔は 「誘導（⾔わせている）」 かもしれないからです。モデレーター:資格を取るきっかけは︖ユーザー: 会社の推奨資格だったから。昇格に必要なんです。モデレーター: 推奨とはどういうことですか︖ユーザー: 取ったら報奨⾦が出ます。 「報奨⾦が出る」をKAカードにできる
- 168.
- 169.書き出すカードの枚数のめやす169ここまでの⼿順で 「出来事」 を書き出していくと、およそユーザーインタビュー1分につきKAカード1枚ほどになります。• Aさん → 67枚／時間• Bさん → 68枚／時間5〜8名のインタビューをそれぞれ1時間ずつ実施したとき、KAカードの総数は 300枚〜500枚がめやすとなります。（⽻⼭のばあい）
- 170.
- 171.
- 172.
- 173.
- 174.
- 175.
- 176.
- 177.
- 178.「出来事」 が起きたときのユーザーの⼼の声を解釈する178「出来事」 が起きたときのユーザーの⼼の声がどうだったかを解釈して「⼼の声」 に書きます。⼼の声は… ⼼の声は… ⼼の声…いきなり⾼難易度の資格はモチベーションがもたないよちゃんと英語がしゃべれるようになりたいな洋画を観たときに英語を聞きとれたらいいなあ
- 179.「出来事」 が起きたときのユーザーの⼼の声を解釈する179解釈しづらいときは 「出来事」の前後の⽂脈も考慮して 「⼼の声」 を書くと的確に書けます。そうか︕⼼の声は…TOEIC8割とりたい直前の発話:これけっきょく何点がとれるんだよ
- 180.
- 181.
- 182.
- 183.
- 184.
- 185.
- 186.
- 187.
- 188.ユーザーはつまり何を期待していたのかを解釈する188「⼼の声」 をもとに、ユーザーはつまり何を期待していたのかを解釈して 「価値」に書きます。このとき語尾をかならず「〜価値」にします。また「動詞」を含めます。価値は… 価値は… 価値…未）⾼難易度の資格にチャレンジできる積み上げがある価値ちゃんと実⽤になるスキルを⾝につけたいと思う価値⾼いスキルを⾝につけた⽣活に憧れる価値
- 189.
- 190.
- 191.
- 192.
- 193.
- 194.
- 195.
- 196.
- 197.
- 198.
- 199.
- 200.
- 201.
- 202.
- 203.
- 204.
- 205.
- 206.
- 207.
- 208.
- 209.FigmaでやるときのTIPS209「KAカード」の Variants として「デフォルト」 「中グループ⾒出し」 「⼤グループ⾒出し」 を登録しておくと作業がスムーズです。デフォルト中グループ⾒出し⼤グループ⾒出しこの教材の作成にあたりFigma公式アンバサダーの キャシさん（ @UIAlchemist ） にFigmaの使いかたのアドバイスをいただきました。ありがとうございます︕
- 210.
- 211.
- 212.
- 213.FigmaでやるときのTIPS213グループを囲む背景は Figma プラグイン「Blobs」を使って⽣成し、ベジェ曲線編集機能でかたちを調整すると楽です。Figmaプラグイン「Blobs」Figma プラグイン「Blobs」https://www.figma.com/community/plugin/739208439270091369/Blobsこの教材の作成にあたりFigma公式アンバサダーの キャシさん（ @UIAlchemist ） にFigmaの使いかたのアドバイスをいただきました。ありがとうございます︕
- 214.
- 215.
- 216.
- 217.
- 218.
- 219.
- 220.
- 221.15D 2 523% % W% % V3Wr3%cl3% IU lrl3r3r3. 4085l3TELE 91 zb r3l3%zl3 %l3b r3 z l3nn Wy l z ba r3l3l30 lrl3l-‐‑‒ en b-‐‑‒%r br-‐‑‒m ys-‐‑‒r n Wb a lr-‐‑‒l-‐‑‒W WzW c-‐‑‒b b a-‐‑‒yur-‐‑‒b u r yt uy-‐‑‒ %bb zer-‐‑‒-‐‑‒A4085 c-‐‑‒b e l-‐‑‒ b-‐‑‒0A5 0 % W0 SFW4085yh-‐‑‒e e-‐‑‒b e u-‐‑‒KET RER NM yor cbn-‐‑‒bl neur-‐‑‒IUy ur-‐‑‒%Au-‐‑‒%-‐‑‒LEUNMb surW i ur-‐‑‒%%or-‐‑‒%ar b yr-‐‑‒%15D sasy ur-‐‑‒%i W bl naur-‐‑‒%y n yy ur-‐‑‒%W sy u ur-‐‑‒%b r Wz o yu ur-‐‑‒% u rbWimr-‐‑‒ b l-‐‑‒W5 rur-‐‑‒ %bW b-‐‑‒ur yib n-‐‑‒y yaur a-‐‑‒n rW t e2 22e urur2% ur2 b2b2A b YWi2aW e c2Ay yWiA b eWn2 s%b r2 y urbW b5W lr2 %EOHP ue2br2b b2sbWny2y A yy2b eyW b l n2bWb l2n y b2Aar W b uree lr2% y urbW y by2%b Wb b2%n ycWo lr6y p b uiyb6%CNS SFHeWcr6bW4085W0 QSFu6B MW yl y ur6aW%% Ayy i lr6b yu rbWb n6sb be bua6GNL WbeW t a ur6KET RER NM rWb6 %surbWB M l Wb le ur6n6i mz au6bsbW rb6ce y urbW y%sur6zWia y6b cb65l bW ym aur6ra n yWb6 ur5Wlr5%b a W syl c5Z zWa u eW5W cWir5ny eWyWsur5yWbaa5yWb5710 Wln e ur5b ur5 %ysbWb r5bW540 Wcb lr5l bWl b eW l5710bz a Wi a5 b5%yl u53bl neWt zunbW br% Wl l a3 r Wble urW bb l%YWzs Wlr%lryW rmc Wr% W WlrbrrbW le r Wa l221ダウンロード︓http://www.slideshare.net/storywriterjp/20140621-linkshare-valuemap
- 222.
- 223.
- 224.
- 225.
- 226.
- 227.
- 228.
- 229.恐怖に耐えられなかった⼈はなにをするか229恐怖に耐えられなかった⼈の典型的な失敗パターン︓• 「縦軸に...を、横軸に...をひいて整理してみよう」• 「ぱっと⾒て、...と...と...に分類できそうだね」•「AIDMAやタッチポイントで分類してみよう」効率よく結論を出すには枠組みを先につくろう︕
- 230.
- 231.
- 232.
- 233.
- 234.
- 235.
- 236.
- 237.通してみてはじめて感触がつかめる237いったん通してみて、はじめて感触がつかめる。• 切⽚とグループの粒度、⽂脈を解釈するということ。• 複数の⼈間の異なる⾏動が、同じ⽂脈であるということ。•⼈間の⼼理や⾏動は、デモグラフィック（性別、年齢…）では、思うほどは変わらないこと。ユーザーAさんとユーザーBさんは異なるセグメントですねえっ︖AさんもBさんも同じ⽂脈だよ︖
- 238.
- 239.
- 240.
- 241.⽻⼭のちょっとしたTIPS（叙述化）241KA法では価値マップが仕上がったら完成ですが、⽻⼭はさらに「⽂章に書きおこしてみる（叙述化）」をオススメしています。川喜⽥ ⼆郎 ⽒の「KJ法」も、作業の最終ステップは叙述化です。親和図法の成果物は川喜⽥ ⽒が「渾沌をして語らしめる註1」と呼んだように定性世界の混沌をそのままに表現しています。価値マップをつくったあなたには、その全体像も細部もよく⾒えているのですが、このままではあなた以外の⼈に⾒せるには説明しづらくあります。そこで⽂章にしておくと、要点が整理され、説明がしやすくなります。註1: KJ法 渾沌をして語らしめる, 川喜⽥ ⼆郎, 1986, 中央公論社
- 242.
- 243.
- 244.シナリオ化の例244モニタを買い替えたいマルチモニタにしたいゲームをもっと楽しみたい初期不良が不安コスパのよい品を買いたい• PC買替のタイミングで、モニタの買替や追加を考えます。• 気にしているポイントは、画⾯サイズやスペースがちょうどいい、画⾯のきれいさ、視野⾓が広い、発⾊がいい、⽬が疲れない、デザインがよい、リモコン、付属品、操作しやすい、です。•実物を⾒に、店頭に⾏きます。店頭と⾃宅のサイズの印象の違いがあります。• デュアルモニタ、マルチモニタにしたいです。• 設定⽅法がわからず困ったり、そもそも⾃分の機種がマルチモニタできるのか分からず、購⼊してよいか悩んでいます。• モニタを設置するための機器を探しています。モニタが省スペースだと嬉しいです。• フレーム遅延のないモニタや、暗部強調機能でプレイすると、対戦ゲームで有利になります。他のゲームの感動も⼤きくなります。• PC以外の機器も接続します。PlayStation、テレビなど接続します。その端⼦や、⼿軽な切り替え⽅法も気になります。• メディアを堪能するため、スピーカーの⾳質も必要です。• ドット抜け、初期不良を不安にしています。• 中国製、韓国製より国内製造のもののほうが安⼼だと感じます。• 有名メーカーの品である、5年保証がある、と安⼼します。• 配送途中に壊れたり、汚れるのも不安なので、ちゃんとした配送をしてほしいです。• 各社、各シリーズの製品はいずれも似ていて、どれが良いのか判断がしづらいです。• できれば安いのがいいです。テレビと⽐較するときもあります。• せっかくだから良いものを、とも思います。• コスパの良いものがどれか、知りたいです。⽐較サイトが⾒たいです。• 購⼊後、とりあえず満⾜しますが、違いはいまいち分かりません。
- 245.
- 246.
- 247.
- 248.
- 249.
- 250.
- 251.まとめ2511. 定性分析はユーザー⼼理の全体をつかむことができる。2. 定性分析で「肌感」 を得てから、定量分析のメトリクスに落として計測する。3. プロダクトが良いか悪いかを判断するものさしはユーザー⼼理である。
- 252.252ありがとうございました⽻⼭ 祥樹 （⽇本ウェブデザイン株式会社）Twitter:@storywriter
- 253.⽻⼭のプレゼンのアレ が、LINEスタンプになりました︕スタンプ名︓ハーミィ（CSS編） 作者名︓⽻⼭祥樹https://store.line.me/stickershop/product/1228201/jaWeb・CSSネタ全40種類
- 254.