1エンジニアがデザインを学ぶことの意義とその応用Takanori Oki @BCU30 2019/07/06Copyright © 2019 FOLIO, Ltd. All Rights Reserved.
View Slide
自己紹介@2• 大木尊紀 / takanorip• 株式会社FOLIO フロントエンドエンジニア• オンライン証券会社• https://corp.folio-sec.com/• フロントエンドエンジニア・デザイナー絶賛募集中!• React / Web Componets / Figma / ウェブフォント / etc...
デザイン?@3
デザインの定義@4「デザインとは、ものづくりやコミュニケーションを通して 自分たちの生きる世界をいきいきと認識することであり、 優れた認識や発見は、生きて生活を営む人間としての喜びや誇りを もたらしてくれるはずだ」原研哉 「デザインのデザイン」
デザインの定義@5
デザインの定義@6語源はラテン語の「Designare(設計)」
デザインの定義@7デザイン ≠ グラフィックデザイン
デザインの定義@8グラフィックデザイン建築デザイン サービスデザインウェブデザインモーションデザインDTPデザインデザインインターフェースデザイン
デザインの定義@9インターフェースデザイン
インターフェースデザイン@10コンピュータの性質をどのように人間の活動に結びつけるか
インターフェースデザイン@11インターフェースデザインUIデザインユーザビリティその他
認知科学 心理学 人間工学@12学術的視点
インターフェースデザインは至極論理的であり感性の世界ではない@13インターフェースデザイン
なぜエンジニアがデザインを学ぶのか?@14
作ってるものが「良いもの」なのかどうか判断するための基準を持つため@15デザインを学ぶ理由自分が作ってるものが「良い」って自信持って言える?
制作会社のフロントエンドエンジニア時代@16takanoripの話①ディレクターとデザイナーの立場が強い会社だった。僕は何もわからないままデザイナーが作ったデザインを実装し再現した。「これは本当に使う人にとって良いものなのか?」何もわからなくて何も言えなかったのが悔しかった。
「何を作るべきか」を考えるため@17デザインを学ぶ理由良いプロダクトを作るためには必要なものを見極めることが必要
FOLIOでのto Cサービス開発@18takanoripの話②投資初心者向けのサービスという前例のないサービスなので、みんな手探り状態。「何を作るべきか」「今何が必要なのか」という議論を繰り返してる。エンジニアとしての意見にデザイン的な視点を加えると、説得力が増す(頭でっかちになってはいけないけど)
デザイナーやビジネスサイドの人とのコミュニケーションを円滑にするため@19デザインを学ぶ理由スムーズなコミュニケーションには共通言語が必要
@20
前職でto Cのサービスを立ち上げたとき@21takanoripの話③サービス立ち上げ時は人数が少ないし仕様なども流動的になりがち。そういうときにデザイナーの意図を汲み取れると無駄なコミュニケーションが減り、関係が良くなる。
デザインを成長・キャリアにつなげる@22
どんなキャリアがありそう?@23キャリア・成長につなげるために
そのままエンジニアとしてプロダクト開発に貢献エンジニアデザイナーとエンジニアのつなぎ目、土台整備デザインエンジニアよりマネジメントに注力弊社ではこのパターンが多いPdM@24キャリアの例
でも…@25キャリア・成長につなげるために
@26キャリア・成長につなげるために• デザイナーじゃないから仕事で使う機会がない…• デザインはデザイナーの仕事だしエンジニアが口を挟むなんて…• どうやって勉強すれば良いかわからない…
機会は自分で作る!@27キャリア・成長につなげるために
機会は自分で作る!@28• プライベートでなにか作る• 仕事で作っているもののUI改善を提案してみる• ミーティングで発言してみる• デザイナーと話してみる• etc...
デザインはチーム全員の仕事!@29キャリア・成長につなげるために
「融けるデザイン」「スペキュラティブデザイン」「なるほどデザイン」本を読む僕は個人サイトとか雑誌とか名刺とかを作ってます個人で何かつくる既存のデザインに対して批評してみる(文句言うのとは違うよ)デザイン批評する@30How to study Design
THANK YOU!