Significance and application of engineers learning design

Transcript

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

   View Slide

2. 自己紹介
   @2
   • 大木尊紀 / takanorip
   • 株式会社FOLIO フロントエンドエンジニア
   • オンライン証券会社
   • https://corp.folio-sec.com/
   • フロントエンドエンジニア・デザイナー絶賛募集中！
   • React / Web Componets / Figma / ウェブフォント / etc...
   

   View Slide

3. デザイン？
   @3
   

   View Slide

4. デザインの定義
   @4
   「デザインとは、ものづくりやコミュニケーションを通して

   自分たちの生きる世界をいきいきと認識することであり、

   優れた認識や発見は、生きて生活を営む人間としての喜びや誇りを

   もたらしてくれるはずだ」
   原研哉 「デザインのデザイン」
   

   View Slide

5. デザインの定義
   @5
   
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

20. @20
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

31. THANK YOU!
    

    View Slide