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

Significance and application of engineers learning design

78f5efc1e98c71e473cc7827de1c5db4?s=47 takanorip
July 06, 2019
Design
1
2.6k

Significance and application of engineers learning design

78f5efc1e98c71e473cc7827de1c5db4?s=128

takanorip

July 06, 2019
Tweet

More Decks by takanorip

See All by takanorip
ソフトウェアエンジニアの教養を養う本
78f5efc1e98c71e473cc7827de1c5db4?s=48 takanorip
1
14k
共創するためのデザイン批評
78f5efc1e98c71e473cc7827de1c5db4?s=48 takanorip
7
3.2k
Figmaプラグイン 開発のすゝめ
78f5efc1e98c71e473cc7827de1c5db4?s=48 takanorip
0
180
Headless Components Design
78f5efc1e98c71e473cc7827de1c5db4?s=48 takanorip
0
43
10分で理解する HTML Modules
78f5efc1e98c71e473cc7827de1c5db4?s=48 takanorip
1
420
Polymer Project 2020
78f5efc1e98c71e473cc7827de1c5db4?s=48 takanorip
1
130
技術とデザインの間
78f5efc1e98c71e473cc7827de1c5db4?s=48 takanorip
0
1.4k
Color in Interface Experience
78f5efc1e98c71e473cc7827de1c5db4?s=48 takanorip
1
92
ウェブフォント今昔物語
78f5efc1e98c71e473cc7827de1c5db4?s=48 takanorip
5
3.6k

Other Decks in Design

See All in Design
Alma's Ticket To Life
49242d21840cf877de57fb44d752e4fa?s=48 yzhang0425
0
240
幸せなパーパス経営の実現に欠かせない、社員の「個人理念」の重要性と活用法
6581d0d2debbc8be5e4808cf46b4f104?s=48 kakukoki
PRO
0
140
Nobel Finds a Staryu
A2b28582eb2007b9efe661942bb29a94?s=48 innsamity
0
160
Michelle Ou - Belonging in Design.
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
110
A Designer’s Guide to Documenting Accessibility & User Interactions
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
0
9.9k
デザイン編 Hatena Engineer Seminar #19
7ee8ca88aa7f99cafd91a79f9734668c?s=48 takuwolog
2
700
Designing Schematic Maps
Fb35b29dfdf70000bb09777b531db5dc?s=48 rasagy
1
270
yamanohanabuta logoguideline
4a9fb6423c8832a316433031d06523f1?s=48 misamochimasu
0
150
From Design Systems to DesignOps: Establishing DesignOps at your org
76b46d4f7b9501e85fccc24a7910927f?s=48 soysaucechin
1
190
Memories
E52d95ea9e12c8d38b7f283ed04a32e9?s=48 honeysink
PRO
0
120
【デザイナー採用】YUMEMI_会社紹介/yumemi_company_introduction_designer
D9e091468953393d8465ea4f29621368?s=48 yumemi_design
0
510
「SPACE DESIGN × DX」 - 店舗・オフィス等の空間DX伴⾛⽀援 -
9105b00a46e39490dceece1a02593cbb?s=48 pointedge
0
390

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
62k
Mobile First: as difficult as doing things right
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
213
7.5k
What's in a price? How to price your products and services
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
229
9.4k
Code Reviewing Like a Champion
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
506
37k
Building an army of robots
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
299
40k
Faster Mobile Websites
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
Unsuck your backbone
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
659
55k
Gamification - CAS2011
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.9k
Large-scale JavaScript Application Architecture
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
499
110k
The Success of Rails: Ensuring Growth for the Next 100 Years
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
10
3.4k
5 minutes of I Can Smell Your CMS
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
18k
It's Worth the Effort
Ba530e786553390f3fb271848485681c?s=48 3n
172
25k

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!