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

・スライドは振り返りや社内共有・報告にお使いください。

Copyright (C) 2012 hcdvalue All Rights Reserved.

3

■本日のゴール


4

ユーザーエクスペリエンスについてなんとなく理解する。

本日のゴール

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


5

■プロフィール


6


松崎　希（@hokorin）

■HCD-Net認定人間中心設計専門家

■ワークショップ　デザイナー

http://www.hokorin.com/


7

http://www.hokorin.com










2000年～ Webスクール卒業後、派遣やフリーランスにて、Webデザイン・コーディング2005年

7












2006年～ Webディレクターとして株式会社アイ・エム・ジェイに入社。様々なプロジェクトに関わる。2012年

7







■2010年産業技術大学院大学履修証明プログラム

人間中心デザイン履修







7









2012年～自宅警備員になる。仕事はおもに猫の世話。







7









■2012年青山学院大学履修証明プログラム

ワークショップデザイナー履修








7









■2012年青山学院大学履修証明プログラム

ワークショップデザイナー履修


　プロジェクトマネジメントプロフェッショナルスクール受講。








7





■人間中心設計とは？


8

人間中心設計

■人間中心設計とは。

・Human Centered Design（HCD）

・人間中心デザイン、　ユーザー中心デザイン（UCD）　とも言います。


9

■現在のHCDになるまでに２つの潮流が

あった。

→ヨーロッパのブライアン・シャッケルを中

心とした「人間工学」をベースにした考え

方、のちにISO13407へ繋がる。



10

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



11

■人間中心？ユーザー中心？

→当初は「ユーザー」と呼んでいたが、ユー

ザビリティとの関連性から狭義に捉えられる

ことがあるため、人に焦点をあてることが重

要なので、Humanと呼ぶことになった。



12

■設計？デザイン？

→Designは設計とデザインの両方の意味を

持っている。



13

人間中心設計



14

人間中心設計

広い意味で、

「人の経験」を考えながら、

デザインをすること。Copyright (C) 2012 hcdvalue All Rights Reserved.


14



15

製品やシステム、サービスを使用、あるいは、使用を予想したときの、人の知覚と反応

ISO9241-210による定義



16

①ユーザエクスペリエンスは、使用前、使用

中、使用後に起こる、すべてのユーザの感情

や意見、好み、感じ方、身体的・心理的な反

応、態度、達成感を含む。



17

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



18

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



19



20

まったくわからない！！



20

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


21

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



21

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



※フィクションです。

21


■プレゼント前　・どんなものをあげればいいの？　・そもそもそこまで深く話したことがない。　　FacebookとかTwitterで欲しそうなものを　　探索してみようか？

　・どこで買う？値段はいくらぐらいが無難？

　・いつ渡す？どこで渡せる？



22


■プレゼント選択中

　・とりあえず候補は選んでみたが・・・

　・これで本当に喜ぶのか？

　・ちょっと面倒にもなってきたり・・・



23


■プレゼント後

　・どうやら喜んでもらえた！

　・SNSでメッセージが来た！

　・今後に期待が持てそう。


24


■プレゼント後

　・どうやら喜んでもらえた！

　・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

http://www.webstore.jsa.or.jp/webstore/Com/FlowControl.jsp?lang=jp&bunsyoId=ISO+9241-210%3A2010&dantaiCd=ISO&status=1&pageNo=0






■超サマリー・４章：人間中心的な視点の提供　　　　　ユーザー理解（ステークホルダー含）、　　　　　ユーザー参加型デザイン（代理も含む）、　　　　　ユーザー中心の評価反復プロセス　　　　　多様なスキルを持ったチーム。・５章：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

http://www.allaboutux.org/uxwhitepaper

http://www.allaboutux.org/uxwhitepaper

■UX白書とは。

日本ではHCDの実践を目指すコミュニティである

「#hcdvalue」が日本語訳を行い、

　こちらも自由にダウンロード出来ます。

URL：http://site.hcdvalue.org/docs


35

http://site.hcdvalue.org/

http://site.hcdvalue.org/

http://site.hcdvalue.org/docs

http://site.hcdvalue.org/docs


■UX白書からの視点UXは期間(time span)の違いによって分類される。

・予期的UX: 初めての利用よりも前の期間、あるいは下記3つのUXの期間以外のこと

・一時的UX: インタラクション中に感じる感情の特定の変化

・エピソード的UX: ある特定の利用エピソードに関する評価

・累積的UX: 特定のシステムをしばらくの期間利用した後の見方

36






・累積的UX: 特定のシステムをしばらくの期間利用した後の見方ここはみんなやっている。

36






・累積的UX: 特定のシステムをしばらくの期間利用した後の見方

※予期的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

http://ja.wikipedia.org/wiki/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%93%E3%83%A5%E3%83%BC




http://ja.wikipedia.org/wiki/%E3%82%A2%E3%83%B3%E3%82%B1%E3%83%BC%E3%83%88

http://ja.wikipedia.org/wiki/%E3%82%A2%E3%83%B3%E3%82%B1%E3%83%BC%E3%83%88

オブザベーション


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


46



47


最悪の手法はアンケート。

人は自分の行為を言語化する

のが難しい・・・


47






・ブレスト










48

ブレインストーミング

■HCDプロセスの手法（ユーザの要求事項の明示）


「自由奔放」「質より量」「批判厳禁」「アイデアに乗る」の４原則に沿って、グループで議論する方法

49

本質的価値抽出　KA法


沢山のインタビューデータなどから、ユーザーの価値に注目してマッピングする方法


51

本質的価値抽出　KA法


沢山のインタビューデータなどから、ユーザーの価値に注目してマッピングする方法


この手法を研究中です。

ワークショップをしてみたい

企業を絶賛募集中です。

※４～５時間程度51

ペルソナ・シナリオ法

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



52






・ブレスト









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

53

プロトタイピング

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



54

アクティングアウト

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



55






・ブレスト









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

57

プロトコル分析 / NE比

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



60

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


61

履修証明プログラム「人間中心デザイン」

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

大学院レベルのHCD専門家を養成する社会人向け講座。今年は11月開校予定。（平日夜間2日、土曜日１日）

http://aiit.ac.jp/certification_program/hcd/index.html


62





特定非営利活動法人人間中心設計推進機構（HCD-Net）

HCDを学ぶ人を支援するNPO法人毎月1～２回程度のセミナーを実施。

http://www.hcdnet.org/



63

http://www.hcdnet.org

http://www.hcdnet.org



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/Copyright (C) 2012 hcdvalue All Rights Reserved.


64

http://uxtokyo.org

http://uxtokyo.org

http://site.hcdvalue.org

http://site.hcdvalue.org

http://www.facebook.com/ShibuyaUX

http://www.facebook.com/ShibuyaUX

http://www.facebook.com/ux.hokkaido

http://www.facebook.com/ux.hokkaido

https://www.facebook.com/pages/UX-Shizuoka/

https://www.facebook.com/pages/UX-Shizuoka/

http://kokucheese.com/event/index/38481/

http://kokucheese.com/event/index/38481/

http://www.networld-jp.net/seminar/

http://www.networld-jp.net/seminar/

http://uxkyoto.hatenablog.com

http://uxkyoto.hatenablog.com

http://uxkanazawa.15vision.jp/

http://uxkanazawa.15vision.jp/

http://www.shirokuro331.net/cobalt/?p=376

http://www.shirokuro331.net/cobalt/?p=376

https://www.facebook.com/groups/ux.fukuoka/

https://www.facebook.com/groups/ux.fukuoka/

各種団体

・情報デザインフォーラム：

　http://informationdesignforum.blogspot.jp/

・新横浜ユーザビリティ研究会：

　http://asanoken.jugem.jp/?cid=23

・WebUX研究会：

　http://asanoken.jugem.jp/?eid=2104※次回は11月25日を予定。私も15分ほど事例紹介します。



65

http://informationdesignforum.blogspot.jp

http://informationdesignforum.blogspot.jp

http://asanoken.jugem.jp/?cid=23

http://asanoken.jugem.jp/?cid=23

http://asanoken.jugem.jp/?eid=2104

http://asanoken.jugem.jp/?eid=2104

師に学ぶ

横浜デジタルアーツ専門学校

浅野智先生

http://asanoken.jugem.jp/

千葉工業大学

安藤昌也先生（UXプリンス）

http://andoken.blogspot.jp/



66

http://asanoken.jugem.jp

http://asanoken.jugem.jp

http://andoken.blogspot.jp

http://andoken.blogspot.jp

■まとめ


67

ユーザーエクスペリエンスを難しく考えることはありません。

■まとめ

誰に、何を、どうやって創って、どう

やって届けるのか、

届けたそれは本当に価値があるのか？

受け取った人は本当に喜ぶのか？


68

■まとめ

・まずは出来ることから。

・今までのやり方は合っていたのか？

　（アンケート？データドリブン？）

・早い、安い、不味いでいいのか？

　（インタビューもしないペルソナ？）

・まずは練習してみましょう。（WSへの参加）


69

■おわり

BLOG： http://www.hokorin.com/

Facebook：http://www.facebook.com/hokorin

Twitter @hokorin

ご清聴ありがとうございました。

社内や勉強会での

ワークショップのご相談はお気軽に。


70



http://www.facebook.com/hokorin

http://www.facebook.com/hokorin

■質疑応答


71

Swapskills ux vol.3_20121015

Art & Photos

Transcript of Swapskills ux vol.3_20121015