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
スクラムチームにおけるプロダクトデザイナーの役割・関わり方
Search
kgsi
July 14, 2021
Design
1
620
スクラムチームにおけるプロダクトデザイナーの役割・関わり方
SmartHR主催の「プロダクトチーム全職種集合!1職種を10分で完全理解する祭」で話したLT資料です。
https://smarthr.connpass.com/event/216409/
kgsi
July 14, 2021
Tweet
Share
More Decks by kgsi
See All by kgsi
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
170
コミュニティとおかねの話 / Community and Money
kgsi
0
150
イベント企画設計における「フロントエンド」な考え方とその魅力
kgsi
1
3.8k
フロントエンドにおける生成AIの現在とこれから
kgsi
3
860
副業デザイナーズで作るデザイン組織 / Design Teams as a Side Job Designer
kgsi
0
1.5k
ウェブフロントエンジニアから見る Flutter Webの 現在地点 / Flutter web as of now
kgsi
3
5k
品質向上を目指す開発組織のデザインレビュー / SmartHR
kgsi
4
3.4k
TypeScriptではじめるUIデザイン / UI design with TypeScript
kgsi
2
2.8k
チームではじめるUIデザイン / Getting Started with Figma
kgsi
2
720
Other Decks in Design
See All in Design
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
630
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
170
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
170
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
300
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.4k
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
2k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.2k
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
650
The Spectacular Lies of Maps
axbom
PRO
1
300
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
560
Findyのプロデチームの 歩みとこれから
satty9556
0
290
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
220
Featured
See All Featured
BBQ
matthewcrist
89
9.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
RailsConf 2023
tenderlove
30
1.2k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Six Lessons from altMBA
skipperchong
28
4k
Become a Pro
speakerdeck
PRO
29
5.5k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Mobile First: as difficult as doing things right
swwweet
224
10k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
Transcript
2021.07.14(wed)@kgsi スクラムチームにおける プロダクトデザイナーの役割・関わり方 プロダクトチーム全職種集合!1職種を10分で完全理解する祭
私
Y プロダクトデザイングループ所属の プロダクトデザイナー(デザインエンジニア1 Y 転職して1年1ヶF Y SmartHR本体機能の開発を担A Y TypeScriptとFlutterが好き こぎそ@kgsi
今日話すこと
「スクラムチーム」におけるプロダクトデザイナーの 役割や関わり方をお話します
D イントロダクショI D スクラムチームにおける「開発」役割の確 D プロダクトデザイナーの「私」がチームでやってるこÈ D 過去と現在、「カイゼン」してきたこÈ D スクラムチームにおける「プロダクトデザイナー」の役割
目次
前提
SmartHRの開発グループは、 フィーチャーチーム構想を掲げ、 クロスファンクショナル化の取り組みを 進めています。
クロスファンクショナルな活動を知りたい方は関連記事を見てね https://tech.smarthr.jp/entry/2021/03/29/113327 https://tech.smarthr.jp/entry/2021/06/16/115550 https://tech.smarthr.jp/entry/2021/03/23/093156 https://note.com/kgsi/n/n9a301ce0d365 https://note.com/aguri/n/n024d48ba30d3
開発者の役割って? そもそもスクラムチームにおける
UXライター、PM、QA.... ?(以下略 プロダクトデザイナー デザイン作る人? = プロダクトエンジニア 実装する人? =
出典:スクラムガイド2020 https://scrumguides.org/docs/scrumguide/v2020/2020-Scrum-Guide-Japanese.pdf 開発者 開発者はスクラムチームの一員である。各スプリントにおいて、利用可能なインクリメ ントのあらゆる側面を作成することを確約する。開発者が必要とする特定のスキルは、 幅広く、作業の領域によって異なる。
出典:スクラムガイド2020 https://scrumguides.org/docs/scrumguide/v2020/2020-Scrum-Guide-Japanese.pdf 開発者 開発者はスクラムチームの一員である。各スプリントにおいて、利用可能なインクリメ ントのあらゆる側面を作成することを確約する。開発者が必要とする特定のスキルは、 幅広く、作業の領域によって異なる。 特に縛りや決まりはない
プロダクトデザイナーの「私」が チームでやってること
プロダクトデザイナーの業務 w インターフェース、画面動線設n uw エンジニアとして開発、コードコミット(主にフロントエンド w 設計ルール作成、開発支援ツールやライブラリの開発・提 H SmartHR UI(全プロダクトで利用されるコンポーネントライブラリE
H SmartHR Design System(包括的なデザインシステムE H textlintをつかった文言支援ツールの開発...な& w デザインについての啓蒙・支 H デザインツール勉強会、モブデザイン
1週間の作業割合(肌感) 2.開発業務 1.設計ルール作成など 3.UI設計 4.啓蒙 その他(MTGとか) 20% 5% 15% 30%
30%
インターフェース設計に割く時間、 実はあまり無いかも?
それでもチームの開発・設計が 進められる状態になっている
チームで カイゼンを重ねた結果、こうなった
Before & After
半年前 2021.01
c スプリントレビューで出てきたフィードバックで初めて気づく... 気づきの遅延が起きていG c 完成されたインターフェースを変更する心理的コストが高かっG c インターフェース設計の意図の確認も少なめ、納得度も低い状態だった XXXX XXXX 「完成」したデザインモックをきっちり
作ってから開発してもらう
c スプリントレビューで出てきたフィードバックで初めて気づく... 気づきの遅延が起きていG c 完成されたインターフェースを変更する心理的コストが高かっG c インターフェース設計の意図の確認も少なめ、納得度も低い状態だった XXXX XXXX 「完成」したデザインモックをきっちり
作ってから開発してもらう 「デザイン」する行為が チームにとって遠い存在だった
デザイナーを巻き込んだ クロスファンクショナル化の取り組みが開始され、 仮説に基づきチームでカイゼンが始まる...
デザインシステムの紹介や案内をする エンジニアがデザインの判断基準を持てるよう、メンターになる 開発中のUIを一緒にモブデザインする デザインツール(FigmaやWhimsicalなど)の勉強会をする 積極的にデザインについての意見を促す(喋りすぎない) プロダクトデザイナーが取り組んだこと
現在 2021.07
H エンジニアがデザインに関する、意見や案を出せるようになった" H エンジニアがデザイン検討のタスクを担当できるようになった" H 納得度が上がり、インターフェースや動線の変更に柔軟になってきた。 XXXX XXXX 一緒に考え、一緒に作る
「デザイン」という行為に自立駆動が起き始めている。 エンジニア自らFigmaを操作してカイゼン案を提示 デザインチケットを能動的に書くアクション
全ては 「デザイン」を自分事にして、 価値ある機能をユーザーに届けるため
チームにおける プロダクトデザイナーの 役割 is 何? 改めて...
インターフェース品質に責任をもつ人 インターフェースを考える人
! インターフェースの品質の上げ方は決まっていな ! デザインモックを作ってエンジニアに渡すことが プロダクトデザイナーの仕事ではない
大切なこと
チームと共に成長、スケールしていき、 価値あるサービスを最短距離で作っていく...
SmartHRはそれができる環境です チームメイトの皆さん、いつもありがとう!
https://smarthr.co.jp/casualvisit/ こんな働き方に興味がある方、待ってます