85
2014.09.26 @chachaki DevLOVE 2014/09/26 © 2014 DevLOVE &chachaki

「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

Embed Size (px)

DESCRIPTION

http://devlove-sendai.doorkeeper.jp/events/15072

Citation preview

Page 1: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014.09.26 @chachaki

DevLOVE

2014/09/26 © 2014 DevLOVE &chachaki

Page 2: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

@chachaki (2014.08~)

( ) :DevLOVE( ) hcdvalue IT :DevLOVE / UX

2014/09/26 © 2014 DevLOVE &chachaki

Page 3: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

www

Page 4: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

Page 5: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

• 

•  3 •  •  • 

2014/09/26 © 2014 DevLOVE &chachaki

Page 6: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

( )

( )

1

(100 )

Page 7: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

•  • 

• 

2014/09/26 © 2014 DevLOVE &chachaki

Page 8: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

• 

•  • 

2014/09/26 © 2014 DevLOVE &chachaki

Page 9: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

•  DevLOVE

DevLOVE

•  3 •  • 

2014/09/26 © 2014 DevLOVE &chachaki

Page 10: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

•  • 

•  DevLOVE

2014/09/26 © 2014 DevLOVE &chachaki

Page 11: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 12: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

→ ISO9241-210 (2010)

Ergonomics of human-system interaction Part 210: Human-centred design for interactive systems 1 3000 ( )

2014/09/26 © 2014 DevLOVE &chachaki

Page 13: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

Page 14: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

Page 15: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

Page 16: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

Page 17: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

Page 18: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 19: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 20: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 21: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 22: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 23: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 24: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 25: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 26: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 27: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 28: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 29: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 30: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 31: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 32: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 33: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

or

→ UX UX → ” ” ( )

© 2014 DevLOVE &chachaki2014/09/26

Page 34: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

” ” ( )

© 2014 DevLOVE &chachaki2014/09/26

Page 35: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

•  – 

•  –  – 

•  – 

© 2014 DevLOVE &chachaki2014/09/26

Page 36: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 37: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki

あるUX

開発者 デザイナ 運用担当 ユーザー サポート

マーケタ

2014/09/26

Page 38: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 39: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki

ユーザーを共通認識とした 組織のデザイン

ユーザーのシナリオのデザイン

ユーザーのことを考えた インタラクションのデザイン

ユーザーのことを考えた システム・UIのデザイン

2014/09/26

Page 40: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

ユーザーを共通認識とした 組織のデザイン

ユーザーのシナリオのデザイン

ユーザーのことを考えた インタラクションのデザイン

ユーザーのことを考えた システム・UIのデザイン

© 2014 DevLOVE &chachaki

UXのための 人工物のデザイン

UXを提供するための 仕組みのデザイン

UXを提供する仕組み の仕組みのデザイン

UXのための 人工物とのやりとりのデザイン

2014/09/26

Page 41: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

ユーザーを共通認識とした 組織のデザイン

ユーザーのシナリオのデザイン

ユーザーのことを考えた インタラクションのデザイン

ユーザーのことを考えた システム・UIのデザイン

© 2014 DevLOVE &chachaki2014/09/26

Page 42: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

ユーザーを共通認識とした 組織のデザイン

ユーザーのシナリオのデザイン

ユーザーのことを考えた インタラクションのデザイン

ユーザーのことを考えた システム・UIのデザイン

© 2014 DevLOVE &chachaki2014/09/26

Page 43: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

ユーザーを共通認識とした 組織のデザイン

ユーザーのシナリオのデザイン

ユーザーのことを考えた インタラクションのデザイン

ユーザーのことを考えた システム・UIのデザイン

© 2014 DevLOVE &chachaki2014/09/26

Page 44: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

ユーザーを共通認識とした 組織のデザイン

ユーザーのシナリオのデザイン

ユーザーのことを考えた インタラクションのデザイン

ユーザーのことを考えた システム・UIのデザイン

© 2014 DevLOVE &chachaki2014/09/26

Page 45: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 46: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

UX

© 2014 DevLOVE &chachaki2014/09/26

Page 47: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 48: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台
Page 49: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台
Page 50: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 51: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 52: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 53: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

http://web-tan.forum.impressrd.jp/e/2013/11/27/16409

KA

Page 54: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

http://web-tan.forum.impressrd.jp/e/2013/11/27/16409

Page 55: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

XB ( ) KJ

Page 56: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 57: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 58: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 59: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

2 8

Page 60: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

(2 )

(8 )

2014/09/26 © 2014 DevLOVE &chachaki

Page 61: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

UX

Page 62: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

UX

PM

Page 63: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

UX

PM

Page 64: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 65: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 66: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 67: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 68: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26

Page 69: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 70: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

利用状況の把握と明示

ユーザーの要求事項の明示

設計による解決策の作成

ユーザーの要求事項に対する設計の評価

Lean Startup

BUILD

MEA SURE

LEARN

Human Centered Design

© 2014 DevLOVE &chachaki2014/09/26

Page 71: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

© 2014 DevLOVE &chachaki2014/09/26

Page 72: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

( )

/

Tangible

intangible

( )

© 2014 DevLOVE &chachaki2014/09/26

Page 73: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

( )

/

Tangible

intangible

( )

© 2014 DevLOVE &chachaki

RDRA

RDRA

DDD

UXD/

UXD/

2014/09/26

Page 74: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

http://www.slideshare.net/yusuke/xp2014 ISO9126-1

(JIS X 0129-1)

2014/09/26 © 2014 DevLOVE &chachaki

Page 75: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

Page 76: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

( )UX

Page 77: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

( )UX

UX

Page 78: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

Page 79: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

2014/09/26 © 2014 DevLOVE &chachaki

Page 80: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

ダイアログ?

ダイアログ(対話) 知ってる方?

© 2014 DevLOVE仙台&chachaki 80 2014/09/26

Page 81: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

ダイアログとは?

•  ダイアログ=対話の場 ≠会話・雑談 (ただのおしゃべりではない) ≠議論 (意見を闘わせるのではない) ≠説得 (意見を相手に押し付けるのではない)

© 2014 DevLOVE仙台&chachaki 81 2014/09/26

Page 82: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

•  –  –  –  – 

© 2014 DevLOVE &chachaki2014/09/26

Page 83: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

•  – 

– 

© 2014 DevLOVE &chachaki2014/09/26

Page 84: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

•  –  (

OK –  – 

(3 / = 15 )

© 2014 DevLOVE &chachaki2014/09/26

Page 85: 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜 20140926 DevLOVE仙台

( )

(3 / = 15 )

© 2014 DevLOVE &chachaki2014/09/26