1. ソフトウェアエンジニアがUXに
興味を持って進んだ⼀一つの道
ちゃちゃき
@chachaki
2012.12.15 DevLOVE2012
#devlove2012b
1

2. ⾃自⼰己紹介
ちゃちゃき( @chachaki )
社外勉強会コミュニティ
DevLOVE
開発の楽しさを発見しよう。広げよう。
開発の現場を前進させよう。
hcdvalue
現場で使える人間中心設計(HCD)の実践
#devlove2012b
2

3. ⾃自⼰己紹介
DevLOVE Advent Calendar 2012
#devlove2012b
3

4. ちゃちゃ弁当カレンダー
#devlove2012b
4

5. ⾃自⼰己紹介
佐々木将之
株式会社セカンドファクトリー@府中
エクスペリエンスアーキテクト
2012年11月∼
#devlove2012b
5

6. 提供
「現場で使えるHCDの実践」
hcdvalue
「開発の現場を前進させよう。」
DevLOVE
「紡ぐ」
株式会社セカンドファクトリー
#devlove2012b
6

7. ざっくり2年年半を振り返る
DevLOVEでUXD/HCDに出会う
社会人教育プログラムで学ぶ
→産業技術大学院大学履修証明プログラム「人間中心デザイン」
コミュニティで素振りする
→hcdvalue / DevLOVE
UXDな職場に出会う
#devlove2012b
7

8. 出会い
h9p://www.devlove.org/colony/dluid
#devlove2012b
8

9. 出会い
Dev
LOVE
User
Interface
Design
= どるいど！
h9p://www.devlove.org/colony/dluid
#devlove2012b
9

10. 出会い
2010年6月∼8月
webサイトを題材に
ペルソナ/シナリオ
ワイヤーフレーム
#devlove2012b
10

11. 学ぶ
h9p://aiit.ac.jp/cerFficaFon_program/hcd/index.html
#devlove2012b
11

12. 学ぶ
2010年9月∼2011年2月
産業技術大学院大学
履修証明プログラム
「人間中心デザイン」
ほぼ金曜夜+土曜午後
#devlove2012b
12

13. 素振る
ちゃちゃき( @chachaki )
社外勉強会コミュニティ
DevLOVE
開発の楽しさを発見しよう。広げよう。
開発の現場を前進させよう。
hcdvalue
現場で使える人間中心設計(HCD)の実践
#devlove2012b
13

14. DevLOVEとの関わり
012：キャズムを超えるのは俺たちだ
→初参加(2010年4月)
019：Dluid第一回ユーザーターゲティング
→UXD/HCDとの出会い(2010年6月)
029：Android勉強会「この掌からできること」
→裏方ジョイン(2010年10月)
045：DevLOVE HangerTalks
→初登壇(2011年5月)
h9p://site.hcdvalue.org/
#devlove2012b
14

15. hcdvalueの紹介：コンセプト
コンセプト：
現場で使える
人間中心設計の実践
hcdvalueとは何か：
2011年2月に発足した
社外勉強会コミュニティ
h9p://site.hcdvalue.org/
#devlove2012b
15

16. hcdvalueの紹介：メンバー構成
産業技術大学院大学履修証明プログラム
「人間中心デザイン」
2010
2012
2011
HCDに
興味が
ある方
hcdvalue
#devlove2012b
16

17. hcdvalueの紹介：メンバー構成
職種
業種
hcdvalue
エンジニア
webサービス系
デザイナー
webメディア系
インフォメーションアーキテクト
SIer系
企画・ディレクター
メーカー系
コーダー
広告系
研究開発
etc.
etc.
#devlove2012b
17

18. hcdvalueの紹介：素振り
【背景】
失敗しにくい
うまくいくように
失敗したくない
練られている
実践する
学びの場
現場
hcdvalue
#devlove2012b
18

19. hcdvalue紹介：活動内容
• 試す
• 議論する
– アプリアワード応募
– UX白書翻訳
– ワークショップ企画
– ISO9241-­‐210読書会
• 交流する • 発表する
– 懇親会 / 忘年会 – 学会など
– 他団体とコラボ – 研究会・セミナーなど
#devlove2012b
19

20. チームモデル
エクスペリエンスアーキテクト
(2012年11月)
#devlove2012b
20

21. ざっくり2年年半を振り返る
【出会い】DevLOVEでUXD/HCDに出会う
【学ぶ】社会人教育プログラムで学ぶ
【素振る】コミュニティで素振りする
【なう】UXDな職場に出会う
#devlove2012b
21

22. FAQ
「なんでそんなにやる気あるんすか？」
#devlove2012b
22

23. FAQ：回答
「知らんがな」
「好きだから」
#devlove2012b
23

24. どゆこと？
「感情」として
→無意識に湧き上がる
→「知らんがな」
「意志」を持って
→意識的に取り組んでる
→「好きだから」
#devlove2012b
24

25. どゆこと？
「感情」として
→無意識に湧き上がる
→その根本となる「過去」の話
「意志」を持って
→意識的に取り組んでる
→その見る先となる「未来」の話
#devlove2012b
25

26. 過去の話
2010年より前、過去の話になります
#devlove2012b
26

27. ちゃちゃ年年表
2006 2007 2008 2009 2010 2011 2012
23歳 24歳 25歳 26歳 27歳 28歳 29歳
内定 大学院 勉強会 産技大 hcdvalue 転職
を修了 に参加 受講 立ち上げ
就職 DevLOVE
結婚 裏方に
出産 ジョイン
#devlove2012b
27

28. ちゃちゃ⿊黒歴史
2006 2007 2008 2009 2010 2011 2012
23歳 24歳 25歳 26歳 27歳 28歳 29歳
内的取消 留年 別居 別居2 産技大 hcdvalue 転職
(12月) (3月) (11月) (12月) 受講 立ち上げ (11月)
再内定 結婚 勉強会 (9月) (2月)
(4月) に参加 DevLOVE 震災で
出産 (6月) 裏方に 地元が
(5月) ジョイン 被災
大学院 (10月) (3月)
を修了 離婚 謎の
(9月) (11月) 体調不良
就職 (7月∼)
(10月)
引越
(11月)
#devlove2012b
28

29. ちゃちゃ⿊黒歴史
2006 2007 2008 2009 2010 2011 2012
23歳 24歳 25歳 26歳 27歳 28歳 29歳
内的取消 留年 別居 別居2 産技大 hcdvalue 転職
(12月) (3月) (11月) (12月) 受講 立ち上げ (11月)
再内定 結婚 勉強会 (9月) (2月)
(4月) に参加 DevLOVE 震災で
出産 (6月) 裏方に 地元が
(5月) ジョイン 被災
大学院 (10月) (3月)
を修了 離婚 謎の
(9月) (11月) 体調不良
就職 (7月∼)
(10月)
引越
(11月) 普通の人の10年分のエクスペリエンスを
たった1年で体験できた価値
#devlove2012b
29

30. 過去の話
でも、実は。
今は「留年してよかったな」
と思うことがあります
※他人に迷惑かけまくってるので
おすすめはできませんが…
#devlove2012b
30

31. ⽣生命倫倫理理
オムニバス形式・全12回
工学という学問を修める者が
持つべき倫理への問いかけ
特に「施設見学」と「脳科学と生命倫理」
#devlove2012b
31

32. ⽣生命倫倫理理：施設⾒見見学
【西多賀病院】
筋ジストロフィー症の先進的な治療
見学時に引率の教授（たしか制御工学）が
おっしゃっていたこと
#devlove2012b
32

33. ⽣生命倫倫理理：問いかけ
寝たきりの患者の方へ質問した
「入院生活上で、何が欲しいですか？」
#devlove2012b
33

34. ⽣生命倫倫理理：答え
「鏡」が欲しい
#devlove2012b
34

35. ⽣生命倫倫理理：ギャップ
高度な技術＝工学の先生が考えていた
ソリューション
↑
ギャップ
↓
患者さんが欲しかった
ソリューション
#devlove2012b
35

36. ギャップ
#devlove2012b
36

37. ハイテクでも人のために
なるとは限らない
ローテクでも考え方次第で
いくらでも価値を持つ
h9p://d.hatena.ne.jp/cha-­‐cha-­‐ki/20120617/lowtech
#devlove2012b
37

38. ⽣生命倫倫理理：脳科学
某脳科学の先生
学術界と一般の葛藤
「一般への知の還元」→「金の亡者」？
「メッセージを絞る」→「誤解」？
#devlove2012b
38

39. 誰に伝えるのか
どんな言葉で伝えるのか
↑
何故伝えるのか
h9p://d.hatena.ne.jp/cha-­‐cha-­‐ki/20120617/lowtech
#devlove2012b
39

40. 話を戻しましょう
#devlove2012b
40

41. FAQ
「なんでそんなにやる気あるんすか？」
#devlove2012b
41

42. どゆこと？
「感情」として
→無意識に湧き上がる
→その根本となる「過去」の話
「意志」を持って
→意識的に取り組んでる
→その見る先となる「未来」の話
#devlove2012b
42

43. ハイテクでも人のために
なるとは限らない
ローテクでも考え方次第で
いくらでも価値を持つ
#devlove2012b
43

44. 誰に伝えるのか
どんな言葉で伝えるのか
↑
何故伝えるのか
#devlove2012b
44

45. そこで
UXD / HCD
#devlove2012b
45

46. UXとUIとヒトとモノと
InteracFon
UI
(Ix)
Context
UX
ヒト
モノやサービス
#devlove2012b
46

47. ヒトとモノと開発と
作るのは
たかだか
InteracFon
UI
この辺り
(Ix)
Context
UX
ヒト
モノやサービス
#devlove2012b
47

48. UXD
UX自体をつくるの
ではない。
「仕組み」をつくる。
UI
Context
UX
ヒト
モノやサービス
#devlove2012b
48

49. HCDプロセス
ISO9241-210 で規定されるHCDプロセス
#devlove2012b
49

50. HCD/UCD
UXそのものをデザインすることはできない
ユーザーやその周辺のことを
ちゃんと調べる
ユーザーやその周辺のことを
ちゃんと考える・共有する
ユーザーのためのモノやサービスを
ちゃんと企画する・作ってみる
ユーザーが体験できているか
ちゃんと評価する
#devlove2012b
50

51. UXD
h9p://www.slideshare.net/SaoriBaba/ux-­‐14752690
#devlove2012b
51

52. アジャイルと⽐比較
h9p://blogs.itmedia.co.jp/hiranabe/2012/09/rightwing-­‐and-­‐leXwing-­‐of-­‐agile.html
#devlove2012b
52

53. HCDだと？(推測)
ユーザーのために
UXを共通認識として
情報やUIを
開発を進めていく
デザインする
h9p://blogs.itmedia.co.jp/hiranabe/2012/09/rightwing-­‐and-­‐leXwing-­‐of-­‐agile.html
#devlove2012b
53

54. FAQ
「なんでそんなにやる気あるんすか？」
#devlove2012b
54

55. どゆこと？
「感情」として
→無意識に湧き上がる
→その根本となる「過去」の話
「意志」を持って
→意識的に取り組んでる
→その見る先となる「未来」の話
#devlove2012b
55

56. 未来の話
#devlove2012b
56

57. これからの話
娘が成人する15年後までに自分は
何ができるのだろうか？
今の会社を薦められるか？
今の日本を薦められるか？
#devlove2012b
57

58. 会社
「紡ぐ」=下期の会社方針
→縦糸と横糸
#devlove2012b
58

59. チームモデル
エクスペリエンスアーキテクト
(2012年11月)
#devlove2012b
59

60. DevLOVE
エンジニアリング x UXD
の仲間を増やしたい
UIデザインとのパス以外を
増やしたい
#devlove2012b
60

61. hcdvalue
既にある知見を
どんどん使えるように
していきたい
「誰にでも使える」と
「有り難い」ものと
#devlove2012b
61

62. プライベート
自炊力を高める（彩り）
#devlove2012b
62

63. ありがとうございました
世界の端まで届く声より
君にだけ 伝えたいだけ
(振動覚 ‒ ASIAN KUNG-FU GENERATION)
@chachaki
#devlove2012b
63