20140126 ka法ワークショップ@devlovelove関西
DESCRIPTION
http://devlove-kansai.doorkeeper.jp/events/8044TRANSCRIPT
1
UX デザインのためのユーザーの価値観分析 WS〜 KA 法を試してみよう〜
at DevLOVE 関西2014.01.26
ちゃちゃき @chachaki
DevLOVE: http://www.devlove.org/
ちゃちゃき @chachaki
宮城県出身 昼:エクスペリエンスアーキテクト 夜:コミュニティイベント主宰 DevLOVE( 無印 & 仙台 ) / hcdvalue
DevLOVE: http://www.devlove.org/ 2
Name: DevLOVEsince: 2008.06.21Concept:
開発の楽しさを発見しよう。広げよう。開発の現場を前進させよう。
Number: #153 ?
DevLOVE 3
DevLOVE
「現場= Gemba 」の Hub となるHangarFlight
「広さ」と「深さ」git ・ redis/ 最愛戦略 /UXD/ サービスデザイン / オブジェクト指向 / キャリアデザイン /Web 解析 /Lean Startup/etc….
DevLOVE 4
DevLOVE
DevLOVE 5
DevLOVE
hcdvalue の紹介:コンセプト
コンセプト:
現場で使える人間中心設計の実践
hcdvalue とは何か: 2011 年 2 月に発足した社外勉強会コミュニティ
hcdvalue: http://site.hcdvalue.org/ 6
hcdvalue の紹介:メンバー構成
hcdvalue: http://site.hcdvalue.org/ 7
hcdvalue
産業技術大学院大学履修証明プログラム「人間中心デザイン」
2010 2011 2012
HCDに興味がある方
hcdvalue の紹介:メンバー構成
hcdvalue: http://site.hcdvalue.org/ 8
hcdvalueエンジニアデザイナーインフォメーションアーキテクト企画・ディレクターコーダー研究開発etc.
webサービス系webメディア系
SIer系メーカー系広告系
etc.
職種 業種
hcdvalue 紹介:活動内容
• 交流する–懇親会 / 忘年会–他団体とコラボ
• 試す–アプリアワード応募–WS企画
• 議論する–UX白書翻訳– ISO9241-210読書会
• 発表する–HI学会など–研究会・セミナーなど
hcdvalue: http://site.hcdvalue.org/ 9
「人間中心デザイン」( ユーザー中心デザイン )
と
システム設計
[ 今日の目的 ]
☓KA 法を学ぶ
◯KA 法を通して–ユーザー視点の大切さを学ぶ–ユーザー視点の分析の考え方を学ぶ
DevLOVE: http://www.devlove.org/ 11
第一部 UX と UXD と HCD について第二部 KA 法概要とインタビュー第三部 KA カードの作成第四部 KA 価値マップの作成第五部 まとめ
DevLOVE: http://www.devlove.org/ 12
第一部 UX と UXD と HCD について第二部 KA 法概要とインタビュー第三部 KA カードの作成第四部 KA 価値マップの作成第五部 まとめ
DevLOVE: http://www.devlove.org/ 13
第一部 UX と UXD と HCD について
DevLOVE: http://www.devlove.org/ 14
DevLOVE: http://www.devlove.org/ 15
DevLOVE: http://www.devlove.org/ 16
ファッ!?
コンテキスト ( 利用状況 )
DevLOVE: http://www.devlove.org/ 17
ヒト画面など
システム
Webサービス
UX
UI
インタラクション (Ix)
DevLOVE: http://www.devlove.org/ 18
UX 白書 (2011) を読んでね!
http://site.hcdvalue.org/docs
現象としての UX
研究分野としての UX
実践としての UX
UX UX 研究UXD 研究
UXD
健康 医学 医療行為ex.
DevLOVE: http://www.devlove.org/ 19
予期的UX
利用前
一時的UX
利用中
エピソード的 UX
利用後
累積的UX
利用時間全体
体験を想像する
体験する ある体験を内省する
回想する
iPhone に触れる前、 CM
iPhone を使ってる間
iPhone を思い返す時
iPhone に「意味」が出る
無くてはならないものになる
UX 白書 (2011) を読んでね!
http://site.hcdvalue.org/docs
デザイン=設計 or 意匠
→ここでは「設計」の意
UX のために「設計」するUX のために「計画」する
→ 設計・計画することで”再生産可能”に ( 産業革命以降の工業デザインの流れを受けています )
DevLOVE: http://www.devlove.org/ 20
設計・計画することで”再生産可能”に ( 産業革命以降の工業デザインの流れを受けています )
DevLOVE: http://www.devlove.org/ 21
DevLOVE: http://www.devlove.org/ 22
ソフトウェア開発に( 無理やり )
当てはめてみます
DevLOVE: http://www.devlove.org/ 23
ソフトウェアサービス
開発
ユーザー大事!
ドメイン大事!
データ大事!
その他色々大事!
DevLOVE: http://www.devlove.org/ 24
ソフトウェアサービス
開発
ユーザー大事!
ドメイン大事!
データ大事!
その他色々大事!
ふぇぇ…
DevLOVE: http://www.devlove.org/ 25
ソフトウェアサービス
開発
ユーザー大事!
ドメイン大事!
データ大事!
その他色々大事!
建築とは違い、ソフトウェアには「重力」がないため、何を下とするか、何を土台とするかを決める必要があります
DevLOVE: http://www.devlove.org/ 26
ソフトウェアサービス
開発
ユーザー大事!
ドメイン大事!
データ大事!
その他大事!
ソフトウェアやサービスをデザインする考え方の一つ
DevLOVE: http://www.devlove.org/ 27
あるUX
開発者 デザイナ 運用担当 ユーザーサポート
マーケタ
ユーザーを共通認識とした組織のデザイン
DevLOVE: http://www.devlove.org/ 28
ユーザーのシナリオのデザイン
ユーザーのことを考えたUI ・グラフィックのデザイン
ユーザーを共通認識とした組織のデザイン
DevLOVE: http://www.devlove.org/ 29
ユーザーのシナリオのデザイン
ユーザーのことを考えたUI ・グラフィックのデザイン
UX のための人工物のデザイン
UX を提供するための仕組みのデザイン
UX を提供する仕組みの仕組みのデザイン
[ ここまでのまとめ ]・ UX は、ヒトの感情の変化・語る人、文脈によって、 UX の指すものは変化する
・ UXD はユーザー ( ヒトとの関わり ) を軸に”再生産可能な”体験のためにデザイン・開発していこうという姿勢・考え方。仕組みのデザイン。
・グラフィックデザイン、ユーザーシナリオデザイン、組織デザインと対象が拡大中
DevLOVE: http://www.devlove.org/ 30
UX->UXD->HCD
DevLOVE: http://www.devlove.org/ 31
ユーザーを共通認識とした組織のデザイン
ユーザーのシナリオのデザイン
ユーザーのことを考えたUI ・グラフィックのデザイン
UX を提供するための
仕組みのデザイン
分析する
作ってみる
評価する
調べてみる
よしやろう!
いい製品だ!
ユーザーの要求事項の明示
ユーザーの要求を満たす解決策の作成
要求事項に対する
設計の評価
利用状況の把握と明示
人間中心設計プロセスの計
画
システムがユーザーの要求事項を満た
す
ISO9241-210 の HCD プロセス
HCD プロセスの手法・技法
ユーザーの要求事項の明示
ユーザーの要求事項を満たす解決策の作成
要求事項に対する設計の評価
利用状況の把握と明示
ユーザーモデリングなど
プロトタイピングなど
ユーザーテストなど
観察 / インタビューなど
DevLOVE: http://www.devlove.org/ 35
利用状況の把握と明示
ユーザーの要求事項の明示
設計による解決策の作成
ユーザーの要求事項に対する設計
の評価BUILD
MEASURE
LEARN
Human Centered Design
LeanStartup
第一部 UX と UXD と HCD について第二部 KA 法概要とインタビュー第三部 KA カードの作成第四部 KA 価値マップの作成第五部 まとめ
DevLOVE: http://www.devlove.org/ 37
第二部 KA 法概要とインタビュー
DevLOVE: http://www.devlove.org/ 38
HCD プロセスの手法・技法
DevLOVE: http://www.devlove.org/ 39
ユーザーの要求事項の明示
ユーザーの要求事項を満たす解決策の作成
要求事項に対する設計の評価
利用状況の把握と明示
ユーザーモデリングなど
プロトタイピングなど
ユーザーテストなど
観察 / インタビューなど
DevLOVE: http://www.devlove.org/ 40
KA 法とは? 当時、紀文食品に居た浅田和実(Asada Kazumi) さんが開発した手法。元々はマーケティング分野の手法として著作で公開された。それをデザイン用途で千葉工大の安藤昌也先生がモディファイした。
「小ヒット」の商品を生み出すことを目的としている。
DevLOVE: http://www.devlove.org/ 41
こんな人が こんなことをした こんな価値のために
DevLOVE: http://www.devlove.org/ 42
こんな人が こんなことをした こんな価値のために
DevLOVE: http://www.devlove.org/ 43
こんな人が こんなことをした こんな価値のために
DevLOVE: http://www.devlove.org/ 44
こんな人が こんなことをした こんな価値のために
[属性 ] [ 行動 ] [ 価値 ]
DevLOVE: http://www.devlove.org/ 45
こんな人が こんなことをした こんな価値のために
[属性 ] [ 行動 ] [ 価値 ]
今回はここ [ 価値 ]
にフォーカス
DevLOVE: http://www.devlove.org/ 46
1. 出来事集め→ 観察、インタビュー… (定性調査
2.KA カード作成 →「出来事」「心の声」「生活価値」 を書く
3.KA マップ作成 →「中分類」「大分類」を行なう
KA 法
KA カード作成手順
DevLOVE: http://www.devlove.org/ 47
①出来事を描く
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
④複数枚作成する
KA カード作成手順
DevLOVE: http://www.devlove.org/ 48
①出来事を描く
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
④複数枚作成する
「状況 + 行動」 or「行動 +結果」を必ず入れる。「〜だったので」「〜した」「〜したら」「〜だった」
KA カード作成手順
DevLOVE: http://www.devlove.org/ 49
①出来事を描く
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
④複数枚作成する
出来事でユーザーが言いそうな言葉を想像して描く。
ベタな表現で OK !想像しやすくするstep
KA カード作成手順
DevLOVE: http://www.devlove.org/ 50
①出来事を描く
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
④複数枚作成する
出来事 + 心の声で「〜する価値」と動詞+ 価値として描く
KA カード作成手順
DevLOVE: http://www.devlove.org/ 51
①出来事を描く
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
④複数枚作成するファッ!?
KA カード作成手順
DevLOVE: http://www.devlove.org/ 52
①出来事を描く
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
④複数枚作成する
練習(素振り)をしましょう!
例題 1 : 5 分
DevLOVE: http://www.devlove.org/ 53
それほど期待していない物件だったが、実際に内見に行ったらとても静かで居心地が良さそうだったのでそこに決めた。
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
例題 1 : 5 分
DevLOVE: http://www.devlove.org/ 54
それほど期待していない物件だったが、実際に内見に行ったらとても静かで居心地が良さそうだったのでそこに決めた。
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
「〜だったので」「〜した」「〜したら」「〜だった」
出来事でユーザーが言いそうな言葉を想像して描く。
「〜する価値」
例題 2 : 5 分
DevLOVE: http://www.devlove.org/ 55
南向きですごく安い物件があってそこに決めようとしたが、実際に内見に行ったら窓のすぐ前に建物があって、全く日がささなかったのでやめた。
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
例題 2 : 5 分
DevLOVE: http://www.devlove.org/ 56
南向きですごく安い物件があってそこに決めようとしたが、実際に内見に行ったら窓のすぐ前に建物があって、全く日がささなかったのでやめた。
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
「〜だったので」「〜した」「〜したら」「〜だった」
出来事でユーザーが言いそうな言葉を想像して描く。
「〜する価値」
例題 2 : 5 分
DevLOVE: http://www.devlove.org/ 57
南向きですごく安い物件があってそこに決めようとしたが、実際に内見に行ったら窓のすぐ前に建物があって、全く日がささなかったのでやめた。
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
未充足の価値
DevLOVE: http://www.devlove.org/ 58
1. 出来事集め→ 観察、インタビュー… (定性調査
2.KA カード作成 →「出来事」「心の声」「生活価値」 を書く
3.KA マップ作成 →「中分類」「大分類」を行なう
KA 法
DevLOVE: http://www.devlove.org/ 59
DevLOVE: http://www.devlove.org/ 60
まず「価値が似たカード」を寄せてください。
ラベルを先に考えてはいけません!
「これは 系」という言葉が◯◯出たら要注意です!
DevLOVE: http://www.devlove.org/ 61
中分類「〜する価値」というラベルにしてください
DevLOVE: http://www.devlove.org/ 62
その他の価値
中分類「〜する価値」というラベルにしてください
1つだけ「その他の価値」というラベルを作って OKです。 (「世界平和」といったレイヤが違う価値が出てきた時に無理に分類しないために作
成します」 )
DevLOVE: http://www.devlove.org/ 63
大分類
DevLOVE: http://www.devlove.org/ 64
DevLOVE: http://www.devlove.org/ 65
ではやってみましょう!
DevLOVE: http://www.devlove.org/ 66
DevLOVE: http://www.devlove.org/ 67
1. 出来事集め→ 観察、インタビュー… (定性調査
2.KA カード作成 →「出来事」「心の声」「生活価値」 を書く
3.KA マップ作成 →「中分類」「大分類」を行なう
KA 法
• ブレインマップ「脳内メーカー」
インタビューのきっかけツール
インタビューされる人に書いてもらう
DevLOVE: http://www.devlove.org/ 68
1. ブレインマップを書いてください。 (5分 )
2. ブレインマップとメモを 2 人 1組になって交換して、読んでください。 (3分 )
3. 気になったところを中心に、相手にインタビューしてください。メモをいっぱい書きこんでください。 (12 分 x2)
DevLOVE: http://www.devlove.org/ 69
第一部 UX と UXD と HCD について第二部 KA 法概要とインタビュー第三部 KA カードの作成第四部 KA 価値マップの作成第五部 まとめ
DevLOVE: http://www.devlove.org/ 70
第三部 KA カードの作成
DevLOVE: http://www.devlove.org/ 71
KA カード作成手順
DevLOVE: http://www.devlove.org/ 72
①出来事を描く
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
④複数枚作成する
KA カード作成手順
DevLOVE: http://www.devlove.org/ 73
①出来事を描く
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
④複数枚作成する
「状況 + 行動」 or「行動 +結果」を必ず入れる。「〜だったので」「〜した」「〜したら」「〜だった」
KA カード作成手順
DevLOVE: http://www.devlove.org/ 74
①出来事を描く
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
④複数枚作成する
出来事でユーザーが言いそうな言葉を想像して描く。
ベタな表現で OK !想像しやすくするstep
KA カード作成手順
DevLOVE: http://www.devlove.org/ 75
①出来事を描く
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
④複数枚作成する
出来事 + 心の声で「〜する価値」と動詞+ 価値として描く
DevLOVE: http://www.devlove.org/ 76
久しぶりの友人が電話をくれた瞬間、充電がなくなってスマートフォンの電池が切れてしまった。
②ユーザーの心の声を 想像して描く
③(太字で ) ユーザーの 「生活価値」を描く
未充足の価値
• 1 人最低 6枚以上、 10枚を目標に!• 「価値」が大事です。小さい価値で構わ
ないので、ユーザーにとっての「価値」を書きましょう!
DevLOVE: http://www.devlove.org/ 77
第一部 UX と UXD と HCD について第二部 KA 法概要とインタビュー第三部 KA カードの作成第四部 KA 価値マップの作成第五部 まとめ
DevLOVE: http://www.devlove.org/ 78
第四部 KA 価値マップの作成
DevLOVE: http://www.devlove.org/ 79
DevLOVE: http://www.devlove.org/ 80
DevLOVE: http://www.devlove.org/ 81
まず、「価値が似たカード」を寄せてください。ラベルを先に考えてはいけません!「これは◯◯系」という言葉が出たら要注意です!
DevLOVE: http://www.devlove.org/ 82
中分類「〜する価値」というラベルにしてください
DevLOVE: http://www.devlove.org/ 83
その他の価値
中分類「〜する価値」というラベルにしてください
1つだけ「その他の価値」というラベルを作って OKです。 (「世界平和」といったレイヤが違う価値が出てきた時に無理に分類しないために作
成します」 )
DevLOVE: http://www.devlove.org/ 84
大分類
第五部 まとめ
DevLOVE: http://www.devlove.org/ 85
[参考 ]• 質的分析手法 (定性分析 )–Grounded Theory Approach(GTA)–Modified–GTA(m-GTA)
→ 社会学、会話分析 (EMCA) ・エスノメソドロジーからのアプローチ
DevLOVE: http://www.devlove.org/ 86
[参考 ]私が KA 法を好きな理由
「どんな小さなコトにも価値がある」
「あるある」「ふーん」「なるほど」
DevLOVE: http://www.devlove.org/ 87