ユーザーエクスペリエンスデザインのススメ_20121213

1. ユーザーエクスペリエンスデザイン
のススメ for Web Director
HCD-Net認定 人間中心設計専門家 松崎 希
presented by hcdvalue

2. ■プロフィール
松崎 希（@hokorin）
http://www.hokorin.com/
Copyright (C) 2012 hcdvalue All Rights Reserved.
2000年〜
Webスクール卒業後、派遣やフリーランス
にて、Webデザイン・コーディング
2006年〜
Webディレクターとして
株式会社アイ・エム・ジェイに入社。
■HCD-Net認定 人間中心設計専門家
■ワークショップデザイナー

3. ■プロフィール
2012年〜
自宅警備員になる。仕事はおもに猫の世話。
Copyright (C) 2012 hcdvalue All Rights Reserved.

4. ■ユーザーエクスペリエンス
（UX）とは
Copyright (C) 2012 hcdvalue All Rights Reserved.

5. ■ユーザーエクスペリエンスとは
Copyright (C) 2012 hcdvalue All Rights Reserved.
ちょっと気になる人に
誕生日プレゼントを贈る！！

6. Copyright (C) 2012 hcdvalue All Rights Reserved.
なんにしようか・・・
■ユーザーエクスペリエンスとは

7. Copyright (C) 2012 hcdvalue All Rights Reserved.
！！！！！！！！！！！！！！！
■ユーザーエクスペリエンスとは

8. Copyright (C) 2012 hcdvalue All Rights Reserved.
お店の人もハッピー！！
■ユーザーエクスペリエンスとは

9. でも
ちょっと注意！！
Copyright (C) 2012 hcdvalue All Rights Reserved.
■ユーザーエクスペリエンスとは

10. Copyright (C) 2012 hcdvalue All Rights Reserved.
UI ≒ UX
■ユーザーエクスペリエンスとは

11. Copyright (C) 2012 hcdvalue All Rights Reserved.
UIはユーザーインターフェース
UXはユーザーエクスペリエンス
■ユーザーエクスペリエンスとは

12. Copyright (C) 2012 hcdvalue All Rights Reserved.
UIは「モノのデザイン」
UXは「コトのデザイン」
■ユーザーエクスペリエンスとは

13. Copyright (C) 2012 hcdvalue All Rights Reserved.
UI / UX
■ユーザーエクスペリエンスとは

14. UX
人間工学
ユーザビリティ
アクセシビリティ
UI
ユーザー
マーケティング
Web
スマートフォン
アジャイル
ステークホルダー
ブランディング
販売
ビジュアルデザイン
製品デザイン
LeanUX
ライティング
経営分析
ハードウェア
ソフトウェア
システム分析
ユーザーサポート
Copyright (C) 2012 hcdvalue All Rights Reserved.
もっと沢山
あります。
■ユーザーエクスペリエンスとは

15. Copyright (C) 2012 hcdvalue All Rights Reserved.
えっ、でも僕たちは
ずっとユーザーのことを考えて
デザインしてきたじゃん！！
■ユーザーエクスペリエンスとは

16. Copyright (C) 2012 hcdvalue All Rights Reserved.
■生活モデルの多様化
生活モデルが多様化してきた。

17. Copyright (C) 2012 hcdvalue All Rights Reserved.
懐かしの黒電話
■生活モデルの多様化

18. Copyright (C) 2012 hcdvalue All Rights Reserved.
ガラケー
■生活モデルの多様化

19. Copyright (C) 2012 hcdvalue All Rights Reserved.
スマートフォン
■生活モデルの多様化

20. Copyright (C) 2012 hcdvalue All Rights Reserved.
製造業の不振
■生活モデルの多様化

21. Copyright (C) 2012 hcdvalue All Rights Reserved.
サービスの低下
■生活モデルの多様化

22. ユーザーエクスペリエンス実現の
ためのHCDプロセス
Copyright (C) 2012 hcdvalue All Rights Reserved.

23. 人間中心設計
■人間中心設計とは。
・Human Centered Design（HCD）
・人間中心デザイン、
ユーザー中心デザイン（UCD）
とも言います。
・ISO9241-210で定義されています。
Copyright (C) 2012 hcdvalue All Rights Reserved.

24. ■ISO9241-210におけるHCDプロセス
Copyright (C) 2012 hcdvalue All Rights Reserved.
ユーザを知ろう
ユーザのコトを考えよう
解決策を考えよう
テストしよう

25. じゃあ、HCDをどうディレクシ
ョンに活かすか。
Copyright (C) 2012 hcdvalue All Rights Reserved.
■HCDをディレクションに活かす

26. ディレクションでこんなことあり
ませんでしたか？
Copyright (C) 2012 hcdvalue All Rights Reserved.
■HCDをディレクションに活かす

27. Copyright (C) 2012 hcdvalue All Rights Reserved.
終わらないミューティング
■HCDをディレクションに活かす

28. Copyright (C) 2012 hcdvalue All Rights Reserved.
話が違う
■HCDをディレクションに活かす

29. Copyright (C) 2012 hcdvalue All Rights Reserved.
なんでも入れたがる。
■HCDをディレクションに活かす

30. Copyright (C) 2012 hcdvalue All Rights Reserved.
情報設計が・・・
■HCDをディレクションに活かす

31. Copyright (C) 2012 hcdvalue All Rights Reserved.
デザインの手戻り
■HCDをディレクションに活かす

32. ■ひとつの解決方法
Copyright (C) 2012 hcdvalue All Rights Reserved.

33. Copyright (C) 2012 hcdvalue All Rights Reserved.
■ユーザーエクスペリエンスの定義
HCDの手法は、
ディレクションのツール

34. ■HCDによるディレクション解決方法
Copyright (C) 2012 hcdvalue All Rights Reserved.
ワークショップ形式などでのクライ
アントとの共有、可視化

35. Copyright (C) 2012 hcdvalue All Rights Reserved.
ユーザー体験のデザインを行う手法
（本質的価値抽出法 KA法）
■HCDによるディレクション解決方法

36. Copyright (C) 2012 hcdvalue All Rights Reserved.
ユーザー体験のデザインを行う手法
（ペルソナ・シナリオ法）
■HCDによるディレクション解決方法

37. Copyright (C) 2012 hcdvalue All Rights Reserved.
・クライアント視点でもなく、
制作者視点でもなくなる。
・制作者はビジネスモデル、
クライアントは制作フローを
理解できる。
・目指すところは一緒
■HCDによるディレクション解決方法

38. Copyright (C) 2012 hcdvalue All Rights Reserved.
ペーパープロトタイピングで致命的
なミスをなくしておく。
■HCDによるディレクション解決方法

39. Copyright (C) 2012 hcdvalue All Rights Reserved.
ストーリーボーディングによるユー
ザー体験の検証
■HCDによるディレクション解決方法

40. Copyright (C) 2012 hcdvalue All Rights Reserved.
日々の改善
■HCDによるディレクション解決方法

41. Copyright (C) 2012 hcdvalue All Rights Reserved.
ヒューリスティック評価などで日々
の改善
■HCDによるディレクション解決方法

42. Copyright (C) 2012 hcdvalue All Rights Reserved.
認知的ウォークスルーによる、
ユーザー視点からのサイト評価
■HCDによるディレクション解決方法

43. Copyright (C) 2012 hcdvalue All Rights Reserved.
ユーザーテストによる問題点発見
■HCDによるディレクション解決方法

44. Copyright (C) 2012 hcdvalue All Rights Reserved.
■その結果
その結果。

45. Copyright (C) 2012 hcdvalue All Rights Reserved.
誰がどう考えてもおかしなサービス
は阻止できます。
■その結果

46. Copyright (C) 2012 hcdvalue All Rights Reserved.
ディレクターとして評価があがります
■その結果

47. Copyright (C) 2012 hcdvalue All Rights Reserved.
クライアントも制作者もユーザーも
同じチームになれます。
■その結果

48. ■まとめ
Copyright (C) 2012 hcdvalue All Rights Reserved.
■まとめ

49. Copyright (C) 2012 hcdvalue All Rights Reserved.
ユーザーエクスペリエンスデザインは
Webディレクターにとって
大きな武器になります。
■まとめ

50. Copyright (C) 2012 hcdvalue All Rights Reserved.
一生
でぃれくたー
します！
■まとめ

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