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
580
スクラムチームにおけるプロダクトデザイナーの役割・関わり方
SmartHR主催の「プロダクトチーム全職種集合!1職種を10分で完全理解する祭」で話したLT資料です。
https://smarthr.connpass.com/event/216409/
kgsi
July 14, 2021
Tweet
Share
More Decks by kgsi
See All by kgsi
イベント企画設計における「フロントエンド」な考え方とその魅力
kgsi
1
3.5k
フロントエンドにおける生成AIの現在とこれから
kgsi
3
750
副業デザイナーズで作るデザイン組織 / Design Teams as a Side Job Designer
kgsi
0
1.3k
ウェブフロントエンジニアから見る Flutter Webの 現在地点 / Flutter web as of now
kgsi
3
4.8k
品質向上を目指す開発組織のデザインレビュー / SmartHR
kgsi
3
3.1k
TypeScriptではじめるUIデザイン / UI design with TypeScript
kgsi
2
2.4k
チームではじめるUIデザイン / Getting Started with Figma
kgsi
2
600
デザインエンジニアとフロントエンド / Bridge the gap between design and engineering
kgsi
13
14k
開発環境/本番環境を分けるシンプルな方法 with Ionic
kgsi
0
860
Other Decks in Design
See All in Design
情報設計からのデザインアプローチ ~ユーザーの声を聞くよりも、もっとデータの声を聞け~
securecat
4
2.1k
Making impact with your craft with sociotechnical design
xinyao
1
170
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
1
430
portfolio
amitnk
1
100
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
2
180
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
1k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
130
SpectrumTokyoMeetup12_自動貯金アプリ『finbee』での取り組みについて
shihorishimazu
2
370
デザインスプリントを活かすチームの在り方
mixi_design
PRO
1
730
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
260
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
810
Cхематизация процессов и пользовательского опыта с Картой процесса-опыта
ashapiro
0
260
Featured
See All Featured
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
110
6.9k
A Modern Web Designer's Workflow
chriscoyier
692
190k
Web development in the modern age
philhawksworth
205
10k
Designing the Hi-DPI Web
ddemaree
280
34k
Pencils Down: Stop Designing & Start Developing
hursman
119
11k
Automating Front-end Workflow
addyosmani
1365
200k
Statistics for Hackers
jakevdp
796
220k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
27
1.9k
Being A Developer After 40
akosma
84
590k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.7k
Speed Design
sergeychernyshev
22
480
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
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/ こんな働き方に興味がある方、待ってます