Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Designship2022 デザインエンジニアが語る、隣接領域を学ぶということ
Search
unotovive
November 12, 2022
Design
2
3k
Designship2022 デザインエンジニアが語る、隣接領域を学ぶということ
Designship2022
スポンサーセッション「デザインエンジニアが語る、隣接領域を学ぶということ」
の登壇資料です。
unotovive
November 12, 2022
Tweet
Share
More Decks by unotovive
See All by unotovive
ゆめみのデザインエンジニア概要2022
unotovive
0
870
NIF2020 - Giral
unotovive
0
430
ふとした時に読みたくなる3冊
unotovive
0
160
【ABD】SCRUM BOOT CAMP p16-18
unotovive
0
86
ノンデザイナーズ・デザインツール
unotovive
1
420
Vueのテスト手法とVRTのススメ
unotovive
5
8.7k
Other Decks in Design
See All in Design
身の丈に合うところから始めるデザインシステム
tommytommy30
1
120
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.5k
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
170
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
200
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
0
160
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
2.6k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
370
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
220
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
990
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
180
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
960
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
120
Featured
See All Featured
Music & Morning Musume
bryan
46
7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.2k
Java REST API Framework Comparison - PWX 2021
mraible
34
9k
Into the Great Unknown - MozCon
thekraken
40
2.2k
The Cost Of JavaScript in 2023
addyosmani
55
9.3k
Scaling GitHub
holman
464
140k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Transcript
デザインエンジニアが語る 隣接領域を学ぶという事 株式会社ゆめみ デザインエンジニア おとべ (@unotovive) 2022/11/12 @Designship2022
デザインエンジニア 音部 拓海 @unotovive 2019年にフロントエンドエンジニアとしてゆめみに入社。 UIデザインチームへの異動を経て、現在はデザインエン ジニアとしてUIデザイン&フロントエンド開発を行う。 好きな食べ物はパフェとうどんと苺
カクカクしかじか、そして2022年10月 デザインエンジニアチーム設立 その名も「Parfait」チーム
さっそく本題 こういう事ありませんか?
このデザイン実装無理っすね...
この素材じゃ この服縫えないっすね...
小さくなったとき こっちじゃなくてそっちを縮めてほしかった...
え......?
どうしてそうなった...? どうしてそうなった...?
何故こういう問題が起きるのか
専門性・経験・ツール 見ている景色が違う 専門性・経験・ツール 見ている景色が違う
これを解決するために 様々な議論や提案がされている
Ex: デザイン・開発手法 ワークフロー Figma tokens
もっと根本からどうにかしたいのが デザインエンジニア
これを根本からどうにかしたいのが デザインエンジニア ≒ 隣接領域を学ぶということ
そもそも隣接領域って?
リサーチ コンセプト策定 サービス企画 フロントエンド 開発 バックエンド 開発 UIデザイン 運用
リサーチ コンセプト策定 サービス企画 フロントエンド 開発 バックエンド 開発 UIデザイン 運用
リサーチ コンセプト策定 サービス企画 フロントエンド 開発 バックエンド 開発 UIデザイン 運用
隣接領域を 何故学ぶのか 隣接領域を 何故学ぶのか
①出来ることの幅が広がる、そして 見える景色が変わってくる
黒魔導士 <(あの白魔導士さん、なんで回復してくれないんだろう) 白魔導士 <(あの黒魔導士さん、なんでヒール範囲外で動かないんだろう)
お互いの領域を知っていると
黒魔導士 <(あ、ここヒール範囲外なのかもしれないから近づこう) 白魔導士 <(あ、黒魔さん詠唱中なのかな、個別でバリアしておこう)
寄り添った考えが出来るようになる
②出来ることの幅が広がる、そして 新しい課題解決の方法が提案できる
次のダンジョンはパーティメンバー1人でクリアしてください
赤魔導士 「火力も回復もほしい...?じゃあ私がどっちもやるよ~」
様々な選択肢がある
2019年某日 ゆめみのデザインエンジニアの例
None
UX Engineers: What We Are (https://uxplanet.org/ux-engineers-what-we-are-2b0c4d10b3a6) UX Engineers: What We
Are ( ) https://uxplanet.org/ux-engineers-what-we-are-2b0c4d10b3a6
None
None
None
いろいろ検討した結果 新たな解決方法の提案
Teamwork デザインエンジニアチームの動き方 Pattern.1 潤滑油としてのデザインエンジニア Pattern.2 なんでも屋のデザインエンジニア Design enginner 要件定義 フロントエンド
実装 UIデザイン Designer Design Engineer Engineer 要件定義 デザイン要件確認 実装可否判断 フロントエンド 実装 インフラ UIデザイン Designer Design Engineer Engineer 要件定義 デザイン要件確認 実装可否判断 フロントエンド 実装 インフラ UIデザイン
このような検討こそが 隣接領域の学びを価値に変える このような検討こそが 隣接領域の学びを価値に変える
隣接領域を どう学ぶのか 隣接領域を どう学ぶのか
隣接領域を 学ぶ上うえでのPoint 隣接領域を 学ぶ上うえでのPoint
その道のプロにFBもらえる環境だと尚よし 実務に近い環境で手を動かす
学ぶ領域を明確にする 学ぶ領域を明確にする
隣接領域といっても範囲はとても広いこともある
どこから手を付けてどこまで学ぶのか。
一番大事 学んだ先を考える 一番大事 学んだ先を考える
自分のいる環境で・世間の需要で どこに価値が出るのか
必要なスキルセット・勉強の道筋は そこから逆算して考える
どちらもやり続ける
2つとも学び続けるのは大変
ちょっと触れないでほっとくだけで すぐに置いて枯れる ちょっと触れないでほっとくだけで すぐに置いて枯れる
少しでも やり続けることが大切 少しでも やり続けることが大切
隣接領域を学ぶという事
ポイントを抑えて隣接領域を学ぶ どのように活かすか考える ポイントを抑えて隣接領域を学ぶ どのように活かすか考える
キャリアの幅を 大きく広げる選択肢
隣の領域に 一歩踏み出してみよう
デザインエンジニアが語る 隣接領域を学ぶという事 株式会社ゆめみ デザインエンジニア おとべ (@unotovive) 2022/11/12 @Designship2022 ご清聴ありがとうございました、まさかりは@unotoviveまで