Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Significance and application of engineers learning design

takanorip
July 06, 2019

Significance and application of engineers learning design

takanorip

July 06, 2019
Tweet

More Decks by takanorip

Other Decks in 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