デザインの前の デザイン - CSS Nite in Sapporo · 制作チームリーダー ... デザインの前のデザインとは? 受注を受けてから マウスを動かす前まで
「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜...
description
Transcript of 「エンジニアがつくる前に考えること」エンジニアがUXデザイン・人間中心デザインを学ぶワケ〜...
2014.09.26 @chachaki
DevLOVE
2014/09/26 © 2014 DevLOVE &chachaki
@chachaki (2014.08~)
( ) :DevLOVE( ) hcdvalue IT :DevLOVE / UX
2014/09/26 © 2014 DevLOVE &chachaki
2014/09/26 © 2014 DevLOVE &chachaki
www
2014/09/26 © 2014 DevLOVE &chachaki
•
• 3 • • •
2014/09/26 © 2014 DevLOVE &chachaki
2014/09/26 © 2014 DevLOVE &chachaki
( )
( )
1
(100 )
• •
•
2014/09/26 © 2014 DevLOVE &chachaki
•
• •
2014/09/26 © 2014 DevLOVE &chachaki
• DevLOVE
DevLOVE
• 3 • •
2014/09/26 © 2014 DevLOVE &chachaki
• •
• DevLOVE
2014/09/26 © 2014 DevLOVE &chachaki
© 2014 DevLOVE &chachaki2014/09/26
→ ISO9241-210 (2010)
Ergonomics of human-system interaction Part 210: Human-centred design for interactive systems 1 3000 ( )
2014/09/26 © 2014 DevLOVE &chachaki
2014/09/26 © 2014 DevLOVE &chachaki
2014/09/26 © 2014 DevLOVE &chachaki
…
2014/09/26 © 2014 DevLOVE &chachaki
2014/09/26 © 2014 DevLOVE &chachaki
2014/09/26 © 2014 DevLOVE &chachaki
2014/09/26
2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
or
→ UX UX → ” ” ( )
© 2014 DevLOVE &chachaki2014/09/26
” ” ( )
© 2014 DevLOVE &chachaki2014/09/26
• –
• – –
• –
© 2014 DevLOVE &chachaki2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
© 2014 DevLOVE &chachaki
あるUX
開発者 デザイナ 運用担当 ユーザー サポート
マーケタ
2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
© 2014 DevLOVE &chachaki
ユーザーを共通認識とした 組織のデザイン
ユーザーのシナリオのデザイン
ユーザーのことを考えた インタラクションのデザイン
ユーザーのことを考えた システム・UIのデザイン
2014/09/26
ユーザーを共通認識とした 組織のデザイン
ユーザーのシナリオのデザイン
ユーザーのことを考えた インタラクションのデザイン
ユーザーのことを考えた システム・UIのデザイン
© 2014 DevLOVE &chachaki
UXのための 人工物のデザイン
UXを提供するための 仕組みのデザイン
UXを提供する仕組み の仕組みのデザイン
UXのための 人工物とのやりとりのデザイン
2014/09/26
ユーザーを共通認識とした 組織のデザイン
ユーザーのシナリオのデザイン
ユーザーのことを考えた インタラクションのデザイン
ユーザーのことを考えた システム・UIのデザイン
© 2014 DevLOVE &chachaki2014/09/26
ユーザーを共通認識とした 組織のデザイン
ユーザーのシナリオのデザイン
ユーザーのことを考えた インタラクションのデザイン
ユーザーのことを考えた システム・UIのデザイン
© 2014 DevLOVE &chachaki2014/09/26
ユーザーを共通認識とした 組織のデザイン
ユーザーのシナリオのデザイン
ユーザーのことを考えた インタラクションのデザイン
ユーザーのことを考えた システム・UIのデザイン
© 2014 DevLOVE &chachaki2014/09/26
ユーザーを共通認識とした 組織のデザイン
ユーザーのシナリオのデザイン
ユーザーのことを考えた インタラクションのデザイン
ユーザーのことを考えた システム・UIのデザイン
© 2014 DevLOVE &chachaki2014/09/26
2014/09/26
UX
© 2014 DevLOVE &chachaki2014/09/26
2014/09/26
2014/09/26
2014/09/26
2014/09/26
2014/09/26
http://web-tan.forum.impressrd.jp/e/2013/11/27/16409
KA
2014/09/26
http://web-tan.forum.impressrd.jp/e/2013/11/27/16409
2014/09/26
XB ( ) KJ
2014/09/26
2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
2014/09/26 © 2014 DevLOVE &chachaki
2 8
(2 )
(8 )
2014/09/26 © 2014 DevLOVE &chachaki
2014/09/26 © 2014 DevLOVE &chachaki
UX
2014/09/26 © 2014 DevLOVE &chachaki
UX
PM
2014/09/26 © 2014 DevLOVE &chachaki
UX
PM
2014/09/26
2014/09/26
2014/09/26
2014/09/26
2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
利用状況の把握と明示
ユーザーの要求事項の明示
設計による解決策の作成
ユーザーの要求事項に対する設計の評価
Lean Startup
BUILD
MEA SURE
LEARN
Human Centered Design
© 2014 DevLOVE &chachaki2014/09/26
© 2014 DevLOVE &chachaki2014/09/26
( )
/
Tangible
intangible
( )
© 2014 DevLOVE &chachaki2014/09/26
( )
/
Tangible
intangible
( )
© 2014 DevLOVE &chachaki
RDRA
RDRA
DDD
UXD/
UXD/
2014/09/26
http://www.slideshare.net/yusuke/xp2014 ISO9126-1
(JIS X 0129-1)
2014/09/26 © 2014 DevLOVE &chachaki
2014/09/26 © 2014 DevLOVE &chachaki
2014/09/26 © 2014 DevLOVE &chachaki
( )UX
2014/09/26 © 2014 DevLOVE &chachaki
( )UX
UX
2014/09/26 © 2014 DevLOVE &chachaki
2014/09/26 © 2014 DevLOVE &chachaki
ダイアログ?
ダイアログ(対話) 知ってる方?
© 2014 DevLOVE仙台&chachaki 80 2014/09/26
ダイアログとは?
• ダイアログ=対話の場 ≠会話・雑談 (ただのおしゃべりではない) ≠議論 (意見を闘わせるのではない) ≠説得 (意見を相手に押し付けるのではない)
© 2014 DevLOVE仙台&chachaki 81 2014/09/26
• – – – –
© 2014 DevLOVE &chachaki2014/09/26
• –
–
© 2014 DevLOVE &chachaki2014/09/26
• – (
OK – –
(3 / = 15 )
© 2014 DevLOVE &chachaki2014/09/26
( )
(3 / = 15 )
© 2014 DevLOVE &chachaki2014/09/26