Significance and application of engineers learning design

Transcript

1. 1 エンジニアがデザインを学ぶことの意義とその応用 Takanori Oki @BCU30 2019/07/06 Copyright © 2019 FOLIO,

   Ltd. All Rights Reserved.

2. 自己紹介 @2 • 大木尊紀 / takanorip • 株式会社FOLIO フロントエンドエンジニア •

   オンライン証券会社 • https://corp.folio-sec.com/ • フロントエンドエンジニア・デザイナー絶賛募集中！ • React / Web Componets / Figma / ウェブフォント / etc...

3. デザイン？ @3

4. デザインの定義 @4 「デザインとは、ものづくりやコミュニケーションを通して
 自分たちの生きる世界をいきいきと認識することであり、
 優れた認識や発見は、生きて生活を営む人間としての喜びや誇りを
 もたらしてくれるはずだ」 原研哉 「デザインのデザイン」

5. デザインの定義 @5

6. デザインの定義 @6 語源はラテン語の「Designare（設計）」

7. デザインの定義 @7 デザイン ≠ グラフィックデザイン

8. デザインの定義 @8 グラフィックデザイン 建築デザイン サービスデザイン ウェブデザイン モーションデザイン DTPデザイン デザイン インターフェースデザイン

9. デザインの定義 @9 インターフェースデザイン

10. インターフェースデザイン @10 コンピュータの性質を どのように人間の活動に 結びつけるか

11. インターフェースデザイン @11 インターフェースデザイン UIデザイン ユーザビリティ その他

12. 認知科学 心理学 人間工学 @12 学術的視点

13. インターフェースデザインは 至極論理的であり 感性の世界ではない @13 インターフェースデザイン

14. なぜエンジニアが デザインを学ぶのか？ @14

15. 作ってるものが「良いもの」なのかどうか 判断するための基準を持つため @15 デザインを学ぶ理由 自分が作ってるものが「良い」って自信持って言える？

16. 制作会社のフロントエンドエンジニア時代 @16 takanoripの話① ディレクターとデザイナーの立場が強い会社だった。 僕は何もわからないままデザイナーが作ったデザインを実装し再現した。 「これは本当に使う人にとって良いものなのか？」 何もわからなくて何も言えなかったのが悔しかった。

17. 「何を作るべきか」を 考えるため @17 デザインを学ぶ理由 良いプロダクトを作るためには必要なものを見極めることが必要

18. FOLIOでのto Cサービス開発 @18 takanoripの話② 投資初心者向けのサービスという 前例のないサービスなので、みんな手探り状態。 「何を作るべきか」「今何が必要なのか」という議論を繰り返してる。 エンジニアとしての意見にデザイン的な視点を加えると、説得力が増す （頭でっかちになってはいけないけど）

19. デザイナーやビジネスサイドの人との コミュニケーションを円滑にするため @19 デザインを学ぶ理由 スムーズなコミュニケーションには共通言語が必要

20. @20

21. 前職でto Cのサービスを立ち上げたとき @21 takanoripの話③ サービス立ち上げ時は人数が少ないし仕様なども流動的になりがち。 そういうときにデザイナーの意図を汲み取れると 無駄なコミュニケーションが減り、関係が良くなる。

22. デザインを 成長・キャリアにつなげる @22

23. どんなキャリアがありそう？ @23 キャリア・成長につなげるために

24. そのままエンジニアとして プロダクト開発に貢献 エンジニア デザイナーとエンジニアの つなぎ目、土台整備 デザインエンジニア よりマネジメントに注力 弊社ではこのパターンが多い PdM @24

    キャリアの例

25. でも… @25 キャリア・成長につなげるために

26. @26 キャリア・成長につなげるために • デザイナーじゃないから仕事で使う機会がない… • デザインはデザイナーの仕事だしエンジニアが口を挟むなんて… • どうやって勉強すれば良いかわからない…

27. 機会は自分で作る！ @27 キャリア・成長につなげるために

28. 機会は自分で作る！ @28 • プライベートでなにか作る • 仕事で作っているもののUI改善を提案してみる • ミーティングで発言してみる • デザイナーと話してみる

    • etc...

29. デザインはチーム全員の仕事！ @29 キャリア・成長につなげるために

30. 「融けるデザイン」 「スペキュラティブデザイン」 「なるほどデザイン」 本を読む 僕は個人サイトとか 雑誌とか 名刺とかを作ってます 個人で何かつくる 既存のデザインに対して 批評してみる

    （文句言うのとは違うよ） デザイン批評する @30 How to study Design

31. THANK YOU!