Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
コードを書きながらデザインする意味と効果 / The intersection of desi...
Search
Takaya Deguchi
December 06, 2018
Design
7
2.5k
コードを書きながらデザインする意味と効果 / The intersection of design & engineering
Cookpad Product Kitchen #1 with Takram
https://cookpad.connpass.com/event/107374/
Takaya Deguchi
December 06, 2018
Tweet
Share
More Decks by Takaya Deguchi
See All by Takaya Deguchi
Figmaでデザインを"ひらく" / Design for Everyone by Figma
dex1t
1
1.2k
キャリアの分岐点 / the intersection of my carrier
dex1t
3
230
Cookpad Summer Internship 2018, 5 days Product Course
dex1t
3
7.2k
Machine Learning for Rapid Prototyping #CIIDSummerSchool
dex1t
8
4.8k
2018 Cookpad Spring Internship Service Develoment Course
dex1t
3
3.3k
体験を売るためのサービスづくり
dex1t
3
770
ユーザーと向き合いながらつくるSaaS #service_dev
dex1t
3
9.6k
Kibela meets Stripe - Stripeを使って新規SaaSを立ち上げた話 #JP_Stripes
dex1t
12
4.6k
不確実さとうまく付きあうサービス開発
dex1t
3
2.5k
Other Decks in Design
See All in Design
Next Door Stranger - Final Character Designs
reidneedssleep
PRO
0
140
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
260
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.7k
実利の世界で、表現者である
kiyou77
2
390
プロダクトデザインの「守破離」の「破」について
hayashirine
0
300
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
240
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
350
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
100
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4.8k
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
700
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
660
Tableau曲線表現講座(2024.11.21)
cielo1985
0
220
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
A designer walks into a library…
pauljervisheath
205
24k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
520
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
52k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Cult of Friendly URLs
andyhume
78
6.2k
It's Worth the Effort
3n
184
28k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
Statistics for Hackers
jakevdp
797
220k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
30
2.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Transcript
ίʔυΛॻ͖ͳ͕ΒσβΠϯ͢Δ ҙຯͱޮՌ Cookpad Product Kitchen #1 with Takram Takaya Deguchi
@dex1t
Design Engineering P
UX Engineer Design Engineer
事業会社でのサービス開発において、 デザインとエンジニアリングを越境す ることの意味や効果をご紹介します。
@dex1t Takaya Deguchi UX Engineer / Product Manager à Cookpad
Inc. (2013.04-)
料理コミュニティ 情報共有SaaS 料理学習アプリ Cookpad Cookpad Global 2013 2015 2018 社内外で新規サービスの
⽴ち上げを中⼼に5年半 やってきました
Cookpad Product Kitchen #1 with Takram 料理コミュニティ (2013 - 2014)
新規サービスのグロース, オーナー RailsやiOSアプリを書きつつ、コミュニティ運営や CS対応、SEOなど集客施策ふくめ必要なこと全部。
Cookpad Product Kitchen #1 with Takram 情報共有系SaaS (2015 - 2018)
社外で事業⽴ち上げ, オーナー スタートアップに出向して、初期はインフラから デザインまで、⽴ち上げに必要なこと全部。 後期はPMやカスタマーサクセス中⼼に担当。
Cookpad Product Kitchen #1 with Takram 料理学習アプリ(2018) 新規サービスの⽴ち上げ, メンバー 主にUIやアニメーションのデザイン、プロトタイ
ピング、React Nativeでのアプリ開発を担当
Server-side Engineering これまでやってきたこと Front-end Engineering Mobile Engineering UX Design UI
Design Animation Product Management Community Management Customer Success Customer Support
Server-side Engineering 開発領域内での越境 Front-end Engineering Mobile Engineering UX Design UI
Design Animation Product Management Community Management Customer Success Customer Support
Server-side Engineering ⾮開発領域への越境 Front-end Engineering Mobile Engineering UX Design UI
Design Animation Product Management Community Management Customer Success Customer Support
Server-side Engineering ⾮開発領域内での越境 Front-end Engineering Mobile Engineering UX Design UI
Design Animation Product Management Community Management Customer Success Customer Support
Server-side Engineering デザイン領域への越境 ここで肩書をUXエンジニアへ Front-end Engineering Mobile Engineering UX Design
UI Design Animation Product Management Community Management Customer Success Customer Support
Server-side Engineering 最近はデザイン領域内での越境 Front-end Engineering Mobile Engineering UX Design UI
Design Animation Product Management Community Management Customer Success Customer Support
器⽤貧乏マン どの領域でも専⾨家には勝てない
https://www.amazon.co.jp/dp/486480012X https://industry-co-creation.com/icc-salon/74
プロダクトの成功確度を上げるために 必要なことをなんでもやる スタンス
やりたい 得意 やるべき 3つの輪
カオスであればあるほど 器⽤貧乏は⽣きる 最近気づいたこと
何をやったらいいか分からない状況ほど 越境が効いてくる ⾔い換えると
Wicked Problems: 厄介な問題 https://www.slideshare.net/atsushi/design-confidence-designship-2018-124662546 • 解き⽅が不明 • 正解は無い • 客観的な解決判定が不可能
“毎⽇の料理を楽しみにする” • 楽しみにする⽅法は不明 • その⽅法があるのかすら不明 • 楽しみになったのか客観的に判断できない
禅問答 Wicked Problem を解く難しさは 禅問答に陥りやすいこと
禅問答 禅問答化したサービス開発 • 同じことをぐるぐる考え続ける • 具体的なアウトプットがでない • 引くに引けなくなり冷静な判断ができない
None
「クックパッドのレシピを⾒ても料理って 上達しないよね。なんとかできない?」
議論しながらロジカルにやってみたら 案の定、禅問答になってしまった…
1⽇1プロトタイプ⽣活
前⽇の評価 09:00 10:00 11:00 アイデアを出す とりあえずデザイン 12:00 今⽇つくるもの を決める 13:00
14:00 17:00 18:00 雑に実装する デプロイして退社 スーパーに⾏く 19:00 家で料理しながら 使ってみる 1⽇1プロトタイプ⽣活 in UK %
前⽇の評価 09:00 10:00 11:00 アイデアを出す とりあえずデザイン 12:00 今⽇つくるもの を決める 13:00
14:00 17:00 18:00 雑に実装する デプロイして退社 スーパーに⾏く 19:00 家で料理しながら 使ってみる 1⽇1プロトタイプ⽣活 in UK %
前⽇の評価 09:00 10:00 11:00 アイデアを出す とりあえずデザイン 12:00 今⽇つくるもの を決める 13:00
14:00 17:00 18:00 雑に実装する デプロイして退社 スーパーに⾏く 19:00 家で料理しながら 使ってみる 1⽇1プロトタイプ⽣活 in UK %
前⽇の評価 09:00 10:00 11:00 アイデアを出す とりあえずデザイン 12:00 今⽇つくるもの を決める 13:00
14:00 17:00 18:00 雑に実装する デプロイして退社 スーパーに⾏く 19:00 家で料理しながら 使ってみる 1⽇1プロトタイプ⽣活 in UK %
前⽇の評価 09:00 10:00 11:00 アイデアを出す とりあえずデザイン 12:00 今⽇つくるもの を決める 13:00
14:00 17:00 18:00 雑に実装する デプロイして退社 スーパーに⾏く 19:00 家で料理しながら 使ってみる 1⽇1プロトタイプ⽣活 in UK %
スプレッドシート コンセプトビデオ ⼨劇 プロトタイプの形はアプリとも限らない
⽬的 P テスト対象 ⾃分の得意 試作時間 プロトタイピングの⽅程式 P P コンセプト 体験
使い勝⼿ etc ⾃分 メンバー 上司 友達 ⼀般ユーザー Web開発 モバイル開発 UIデザイン グラフィック 動画制作 etc 1⽇ 5⽇ 1ヶ⽉ etc
ľ Ľ 企画 製品 仮説 プロトタイプ 思考 スケッチ 議論 テキスト
抽象 具体
Design Engineering P
https://www.ideo.com/jp/post/our-values lٞ͢ΔΑΓߦಈ͠Α͏z
抽象と具体を⾏き来しながら プロダクトの輪郭を描く UXエンジニアの役割
プロダクトチームにおける UXエンジニア
https://www.ideo.com/jp/post/our-values lᐆດ͞Λڐ༰͠Α͏z
仕様はFixしないものと考える 曖昧なサービス開発
⽔平統合的サービス開発 & ディレクター 企画 ' デザイナー デザイン ( 開発者 開発
期限 期限 期限 1つのプロダクト開発ラインを分割する
閃きが“⼿戻り”になる & ディレクター ' デザイナー ( 開発者 期限 期限 期限
Ľ え、⼿戻り? 企画 デザイン 開発 え、仕様変更?
企画 デザイン 開発 & UXエンジニア ' ( UXエンジニア UXエンジニア 企画
デザイン 企画 開発 開発 デザイン 企画 デザイン 企画 開発 デザイン デザイン 開発 ⽬安 垂直統合的サービス開発 プロダクト開発ラインを複数つくる
Cookpad Product Kitchen #1 with Takram
実際にはハイブリッド型 & ディレクター 仕様策定 ' デザイナー デザイン ( 開発者 開発
期限 期限 期限 ex. 課⾦機能は⽔平統合、未知数な機能は垂直統合 企画 デザイン 企画 開発 デザイン デザイン 開発 UXエンジニア
開発とデザインを繋げる仕組みづくり Citrus - Design System Cookpad Symbols - Symbol Font
Sara - CSS Framework
新しいツールの検証やワークフロー構築 Figma Haiku
None
なぜクックパッドが UXエンジニアを求めるのか
UXエンジニアという肩書は今は僕だけ
肩書は違えど同じ動きをする⼈はたくさんいる
Graphic UI UX Client Server Backend Infra Application デザイナー サービス開発エンジニア
基盤エンジニア・SRE Product Development
Graphic UI UX Client Server Backend Infra Application デザイナー サービス開発エンジニア
基盤エンジニア・SRE Product Development 重なる領域が拡⼤してきた
Graphic UI UX Client Server Backend Infra Application デザイナー サービス開発エンジニア
基盤エンジニア・SRE Product Development UXエンジニア
https://info.cookpad.com/service_product/japan
https://cookpad.jobs
@dex1t Takaya Deguchi UX Engineer / Product Manager à