Swapskills ux vol.3_20121015

ユーザーエクスペリエンスのための
人間中心設計（HCD）
HCD-Net認定人間中心設計専門家松崎希
2012年10月15日（月） 19:00∼20:30 ＠DeNAセミナールーム
presented by hcdvalue
1

■本日のアジェンダ
・プロフィール
・本日のゴール
・人間中心設計とは？
・ユーザーエクスペリエンス（UX）とは
・ISO9241-210について
・UX白書からの視点
・ユーザーエクスペリエンス実現のためのHCDプロセス
・ユーザーエクスペリエンスを学ぶために。
・まとめ
Copyright (C) 2012 hcdvalue All Rights Reserved.
2

■お願い
・写真撮影など制限はありません。
（ただしシャッター音には配慮を）
・ブログ、Twitter、Facebook等で振り返り、
感想などをお願いします。
・ハッシュタグ：#swapskills
・スライドは振り返りや社内共有・報告にお使いください。
3

■本日のゴール
4

ユーザーエクスペリエンス
についてなんとなく理解する。
本日のゴール
■ユーザーエクスペリエンス（UX）とは
5

■プロフィール
6

松崎希（@hokorin）
■HCD-Net認定
人間中心設計専門家
■ワークショップ
デザイナー
http://www.hokorin.com/
7

■HCD-Net認定
デザイナー
2000年∼ Webスクール卒業後、派遣やフリーランスにて、
Webデザイン・コーディング2005年
7

■HCD-Net認定
デザイナー
2006年∼ Webディレクターとして株式会社アイ・エム・
ジェイに入社。様々なプロジェクトに関わる。2012年
7

■2010年産業技術大学院大学履修証明プログラム
人間中心デザイン履修
■HCD-Net認定
デザイナー
7

2012年∼ 自宅警備員になる。仕事はおもに猫の世話。
■HCD-Net認定
デザイナー
7

■2012年青山学院大学履修証明プログラム
ワークショップデザイナー履修
■HCD-Net認定
デザイナー
7

■2012年青山学院大学履修証明プログラム
ワークショップデザイナー履修
プロジェクトマネジメントプロフェッショナルスクール受講。
■HCD-Net認定
デザイナー
7

■人間中心設計とは？
8

人間中心設計
■人間中心設計とは。
・Human Centered Design（HCD）
・人間中心デザイン、
ユーザー中心デザイン（UCD）
とも言います。
9

■現在のHCDになるまでに２つの潮流が
あった。
→ヨーロッパのブライアン・シャッケルを中
心とした「人間工学」をベースにした考え
方、のちにISO13407へ繋がる。
10

アメリカの認知心理学者ドナ
ルド・A・ノーマンが著書
「誰のためのデザイン？」で
ユーザー中心デザインの７つ
の原則を唱え、さらにヤコ
ブ・ニールセンとともに
「ユーザービリティの10原
則」を作った。
11

■人間中心？ユーザー中心？
→当初は「ユーザー」と呼んでいたが、ユー
ザビリティとの関連性から狭義に捉えられる
ことがあるため、人に焦点をあてることが重
要なので、Humanと呼ぶことになった。
12

■設計？デザイン？
→Designは設計とデザインの両方の意味を
持っている。
13

人間中心設計
14

人間中心設計
広い意味で、
「人の経験」を考えながら、
デザインをすること。
14

■ユーザーエクスペリエンス
（UX）とは
15

製品やシステム、サービスを使用、
あるいは、使用を予想したときの、
人の知覚と反応
ISO9241-210による定義
16

①ユーザエクスペリエンスは、使用前、使用
中、使用後に起こる、すべてのユーザの感情
や意見、好み、感じ方、身体的・心理的な反
応、態度、達成感を含む。
17

②ユーザエクスペリエンスは、ブランドイ
メージ、見た目、機能、システムのパフォー
マンス、インタラクティブシステムのインタ
ラクティブな振る舞いと支援機能、事前の経
験から生じたユーザの内的および身体的状
態、態度、スキルとパーソナリティ、利用の
状況の結果である。
18

③ユーザビリティをユーザ個人のゴールの視
点から解釈する場合、ユーザビリティには、
ユーザエクスペリエンスに伴って典型的に生
じる知覚や感情などの側面を含むことができ
る。ユーザビリティの基準を用いて、ユーザ
エクスペリエンスの側面を評価することがで
きる
19

20

まったく
わからない！！
20

■ユーザーエクスペリエンスをわかりやすく
21

ちょっと気になる人に
誕生日プレゼントを贈る！！
21

ちょっと気になる人に
誕生日プレゼントを贈る！！
※フィクションです。
21

■プレゼント前
・どんなものをあげればいいの？
・そもそもそこまで深く話したことがない。
FacebookとかTwitterで欲しそうなものを
探索してみようか？
・どこで買う？値段はいくらぐらいが無難？
・いつ渡す？どこで渡せる？
22

■プレゼント選択中
・とりあえず候補は選んでみたが・・・
・これで本当に喜ぶのか？
・ちょっと面倒にもなってきたり・・・
23

■プレゼント後
・どうやら喜んでもらえた！
・SNSでメッセージが来た！
・今後に期待が持てそう。
24

■ユーザーエクスペリエンスの定義
25

でも
ちょっと注意！！
25

・１つの定義で全てのUXの視点を
言い表すのは難しい。
・人によって解釈が異なる。
・UXは多くの概念を包括している。
26

UX
人間工学
ユーザビリティ
アクセシビリティ
UI
ユーザー
マーケティング
Web
スマートフォン
アジャイル
ステークホルダー
ブランディング
販売
ビジュアルデザイン
製品デザイン
LeanUX
ライティング
経営分析
ハードウェア
ソフトウェア
システム分析
ユーザーサポート
もっと沢山
あります。
27

UX
人間工学
UI
ユーザー
Web
アジャイル
販売
製品デザイン
LeanUX
ライティング
経営分析
ハードウェア
ソフトウェア
システム分析
もっと沢山
あります。
ユーザビリティやユーザーイン
ターフェースからの視点は「モ
ノ」の視点です、ユーザーエク
スペリエンスデザインで重要な
ことは「コト」の視点
27

UX
人間工学
UI
ユーザー
Web
アジャイル
販売
製品デザイン
LeanUX
ライティング
経営分析
ハードウェア
ソフトウェア
システム分析
もっと沢山
あります。
ユーザビリティやユーザーイン
ターフェースからの視点は「モ
ノ」の視点です、ユーザーエク
スペリエンスデザインで重要な
ことは「コト」の視点
まずは
「人の経験」「価値」
の視点から考える
27

■ISO9241-210について。
28

■ISO9241-210
・人間中心設計（ユーザー中心設計）の国際規格
・ISO9241-210は2010年に改訂された。
ISO13407（JIS Z 8530）→ISO9241-210へ。
・残念ながら正式な翻訳版は出ていない
・HCDの教科書的な存在
・瞬間的ユーザビリティ視点から長期的UX視点へ
ISO 9241-210 / Ergonomics of human-system
interaction -- Part 210: Human-centred design for
interactive systems
29

■超サマリー
・４章：人間中心的な視点の提供
ユーザー理解（ステークホルダー含）、
ユーザー参加型デザイン（代理も含む）、
ユーザー中心の評価
反復プロセス
多様なスキルを持ったチーム。
・５章：HCDは製品のライフサイクルすべての段階について
計画され、組み込まれなければならない。
プロジェクトマネジメントも含む。
・６章：HCDプロセスについて。
■ISO9241-210
30

ISO13407 ISO9241-210
発行
名称
対象
UX
1999年
インタラクティブ
システムのための
HCDプロセス
システムのための
HCD
システム
サービスを含む
システム
言及なし UXの定義
2010年
■ISO13407からISO9241-210へ。
31

■ISO13407からISO9241-210へ。
32

■ISO13407からISO9241-210へ。
ユーザビリティの実現から
ユーザーエクスペリエンスの
実現へ、「モノからコト」へ
進化した。
32

■UX白書からの視点
33

■UX白書とは。
2010年9月15∼18日にドイツのDagstuhlで行われた
UXセミナーの議論の内容をまとめた宣言文
様々な解釈で語られていたUXについて、共通の認識を形成
すべく、専門家(研究者・実務家)30名が「UXの概念」に
ついて議論を実施した。
議論の結果がUX白書(User Experience White Paper)
として2010年2月に一般公開され、自由に入手可能です。
URL : http://www.allaboutux.org/uxwhitepaper
34

■UX白書とは。
日本ではHCDの実践を目指すコミュニティである
「#hcdvalue」が日本語訳を行い、
こちらも自由にダウンロード出来ます。
URL：http://site.hcdvalue.org/docs
35

UXは期間(time span)の違いによって分類される。
・予期的UX: 初めての利用よりも前の期間、あるいは下記3つのUXの期間以外のこと
・一時的UX: インタラクション中に感じる感情の特定の変化
・エピソード的UX: ある特定の利用エピソードに関する評価
・累積的UX: 特定のシステムをしばらくの期間利用した後の見方
36

ここはみんなやっている。
36

※予期的UX、累積的UXをどう醸成するか。
※再生産をどうサイクルさせるか。
※大事なのは長期的視点からUXを考えていくこと。(UIから考えるのはUXではない)
ここはみんなやっている。
36

■例ザク豆腐
■累計140万丁を売り上げた。
・予期的UX：期待を醸成するような仕掛け
・一時的UX：味は普通だ。
・エピソード的UX：でも細かい仕組みづくり
・累積的UX：？
37

■例ザク豆腐
※こうなったらもうやりたい放題できますね。
※ガンダムを知らない人にはまったく響きませんが・・・
・ザクとうふデザート仕様・鍋用ズゴック豆腐
再生産する仕組み
37

■例ザク豆腐
※こうなったらもうやりたい放題できますね。
※ガンダムを知らない人にはまったく響きませんが・・・
・ザクとうふデザート仕様・鍋用ズゴック豆腐
再生産する仕組み
当たり前だが、企画し
た社長はUXのコトなん
て知らない・・・
37

■UX実現のためのHCDプロセス
38

■ISO9241-210におけるHCDプロセス
39

HCDは万能ではない
39

ユーザを知ろう
39

ユーザのコトを考えよう
39

解決策を考えよう
39

解決策を考えよう
テストしよう
39

40

具体的な手法を当てはめる
と・・・
40

41

・フィールドワーク
・オブザベーション
・インタビュー
41

・本質的価値抽出法
（ラダリング・KA法）
・ブレスト
・ペルソナ/シナリオ法
41

・ブレスト
・プロトタイピング
・アクティングアウト
・ストーリーボード
41

・ブレスト
・ヒューリスティック評価
・認知的ウォークスルー
・プロトコル分析
41

・ブレスト
代表的なものだけです、
もっと沢山あります。
41

■HCDプロセスの手法
42

・ブレスト
43

フィールドワーク・オブザベーション・インタビュー
■HCDプロセスの手法（利用状況の把握
現地調査
会場調査
自分も参加参与観察
人の行為を観察オブザベーション
現場の人に聞いてみる
エスノグラフィック
インタビュー
仮想ユーザで試すアクティングアウト
体験者にインタビューデプスインタビュー
難易度
実際に現場に行こう。
忙しい、予算もない
44

フィールドワーク
調査対象について、現地を実際に訪れ、直接観察し、聞き
取り調査やアンケート調査を行う調査手法
45

オブザベーション
人の行為を直接観察し、発話や行動データを記録し、
改善点を明らかにする調査手法
46

47

最悪の手法はアンケート。
人は自分の行為を言語化する
のが難しい・・・
47

・ブレスト
48

ブレインストーミング
■HCDプロセスの手法（ユーザの要求事項の明示）
「自由奔放」「質より量」「批判厳禁」「アイデアに乗
る」の４原則に沿って、グループで議論する方法
49

本質的価値抽出 KA法
ユーザーの価値に注目してマッピングする方法
51

本質的価値抽出 KA法
ユーザーの価値に注目してマッピングする方法
この手法を研究中です。
ワークショップをしてみたい
企業を絶賛募集中です。
※４∼５時間程度
51

ペルソナ・シナリオ法
実際のインタビューデータから、
仮想ユーザーを作成し、シナリオを作成する方法
52

・ブレスト
■HCDプロセスの手法（ユーザの要求を満たす解決策の作成）
53

プロトタイピング
実際にデザインする前に、コンセプトをできるだけ
実物に近い形でシミュレーションし問題発見をする方法
54

アクティングアウト
ユーザー体験を寸劇で演じることによって、
オーディエンスからフィードバックを貰い解決する方法
55

・ブレスト
■HCDプロセスの手法（要求に対する設計の評価）
57

ヒューリスティック評価
専門家が評価軸に沿って、広く浅く問題を発見する手法。
58

プロトコル分析 / NE比
被験者の行動、発話から問題点を分析する、
NE比（Novice Expert ratio Method）は更にそれらを分析する。
60

■ユーザーエクスペリエンスを
学ぶために
61

履修証明プログラム「人間中心デザイン」
■ユーザーエクスペリエンスを学ぶために。
大学院レベルのHCD専門家を養成する社会人向け講座。
今年は11月開校予定。（平日夜間2日、土曜日１日）
http://aiit.ac.jp/certiﬁcation_program/hcd/index.html
62

特定非営利活動法人人間中心設計推進機構（HCD-Net）
HCDを学ぶ人を支援するNPO法人
毎月1∼２回程度のセミナーを実施。
http://www.hcdnet.org/
63

UXコミュニティ
・UX TOKYO：http://uxtokyo.org/
・#hcdvalue：http://site.hcdvalue.org/
・Shibuya UX：http://www.facebook.com/ShibuyaUX
・UX Hokkaido：http://www.facebook.com/ux.hokkaido
・UX Shizuoka：https://www.facebook.com/pages/UX-Shizuoka/
・UX Osaka：http://kokucheese.com/event/index/38481/
・UX Toyama：http://www.networld-jp.net/seminar/
・UX KYOTO：http://uxkyoto.hatenablog.com/
・UX Kanazawa：http://uxkanazawa.15vision.jp/
・UX Fukui：http://www.shirokuro331.net/cobalt/?p=376
・UX Fukuoka：https://www.facebook.com/groups/ux.fukuoka/
64

各種団体
・情報デザインフォーラム：
http://informationdesignforum.blogspot.jp/
・新横浜ユーザビリティ研究会：
http://asanoken.jugem.jp/?cid=23
・WebUX研究会：
http://asanoken.jugem.jp/?eid=2104
※次回は11月25日を予定。私も15分ほど事例紹介します。
65

師に学ぶ
横浜デジタルアーツ専門学校
浅野智先生
http://asanoken.jugem.jp/
千葉工業大学
安藤昌也先生（UXプリンス）
http://andoken.blogspot.jp/
66

■まとめ
67

ユーザーエクスペリエンスを難しく考える
ことはありません。
■まとめ
誰に、何を、どうやって創って、どう
やって届けるのか、
届けたそれは本当に価値があるのか？
受け取った人は本当に喜ぶのか？
68

■まとめ
・まずは出来ることから。
・今までのやり方は合っていたのか？
（アンケート？データドリブン？）
・早い、安い、不味いでいいのか？
（インタビューもしないペルソナ？）
・まずは練習してみましょう。（WSへの参加）
69

■おわり
BLOG： http://www.hokorin.com/
Facebook：http://www.facebook.com/hokorin
Twitter @hokorin
ご清聴ありがとうございました。
社内や勉強会での
ワークショップのご相談はお気軽に。
70

■質疑応答
71

Swapskills ux vol.3_20121015

More Related Content

Similar to Swapskills ux vol.3_20121015

Swapskills ux vol.3_20121015