多様な環境で作り方をデザインする（freee技術の日2024）

by ryotake / secky

Slide 1

Slide 1 text

多様な環境で作り⽅をデザインする ryotake / 武和椋太 2024年6⽉1⽇

Slide 2

Slide 2 text

2 ryotake / 武和椋太  HR領域のプロダクトデザインを担当。前職ではUXデザイナーとしてクライアントワークをしていました。最近は自作キーボード沼に片足を取られています。  プロダクトデザイナー

Slide 3

Slide 3 text

　デザインをデザイナーで閉じない今⽇話したいこと

Slide 4

Slide 4 text

　デザインをデザイナーで閉じない今⽇話したいことなぜそう思ったか？閉じないための試⾏錯誤を紹介します

Slide 5

Slide 5 text

　デザイナーあるある

Slide 6

Slide 6 text

　仕様は固まってるのでデザイン作ってくれませんか？

Slide 7

Slide 7 text

　新規プロダクトの構想があるんだけどデザイン担当してみない？

Slide 8

Slide 8 text

　お客様に提案してみたいのでモックを作ってくれませんか？

Slide 9

Slide 9 text

　⾊々な場⾯でデザイン担当できそう！やるぞ！

Slide 10

Slide 10 text

　いつデザインできますか？あ、、、逆にいつまでにできないとやばいですか？

Slide 11

Slide 11 text

　⾊々抱え込んでプロジェクトのボトルネックになりがち

Slide 12

Slide 12 text

　画⾯数少ないって⾔ってたけど結局量が増えてるそもそもこのスケジュールは無理では？仕様決まってるって聞いたけど全然じゃん裏側では‧‧‧

Slide 13

Slide 13 text

　なんで周りはこうしてくれないんだろう？なんであの⼈はわかってくれないんだろう？

Slide 14

Slide 14 text

　 Bizはいつも無理なことばっかり⾔ってくるこのスケジュールでこのデザインは無理だよ、わかってないなもう決まってるのに、何でデザイナーはすぐ作ってくれないんだ

Slide 15

Slide 15 text

　なぜこういったことが起こるか？

Slide 16

Slide 16 text

　広⽊⼤地『エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング』（技術評論社）

Slide 17

Slide 17 text

　コミュニケーションの不確実性複数⼈で何かを⾏う場合、必ずそこにがあるから

Slide 18

Slide 18 text

　意図が伝わるとは限らないコミュニケーションの不確実性⼈は他⼈を完全には理解できない理解されても予想通りに⾏動するとは限らない

Slide 19

Slide 19 text

　 “エンジニアリングは、複数⼈のチームで何かを実現していく⼯程です。そのため、1⼈の⼈間ではなかなか起こらないはずの不合理な⾏動が、組織では発⽣してしまうのです” 広木大地『エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング』（技術評論社）

Slide 20

Slide 20 text

　 “無能で⼗分に説明のつくことを悪意のせいにするな” ロバート‧J‧ハンロン

Slide 21

Slide 21 text

　情報の伝達ができていないだけのことでも、何か害意や悪意を⾒出してしまいがち

Slide 22

Slide 22 text

　我々は⽇々、他⼈のことはどうしてもわかりきれないのにさらに複数のチームに⼊って開発しているさらに専⾨性や役割が分かれている他⼈同⼠でというジレンマ

Slide 23

Slide 23 text

　 “いかにしてコミュニケーションの不確実性を減らしていくのかというのが、エンジニアリングにとって重要な態度となります。” 悲劇を繰り返さないためにも広木大地『エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング』（技術評論社）

Slide 24

Slide 24 text

　意思決定とそれに関わる情報が正しく整合性をもって伝達されるよう継続して努⼒すること。情報公開が情報の透明性を作るわけではありません。「情報の透明性」

Slide 25

Slide 25 text

　これをデザイナー視点で解釈すると

Slide 26

Slide 26 text

　デザインを進める中での情報が正しく整合性をもって伝達されるよう継続して努⼒が必要！デザインを渡して説明すれば透明性ができるわけではないぞ！「デザインの透明性」

Slide 27

Slide 27 text

　デザインをデザイナーで閉じないデザイナー PdM Eng デザイン

Slide 28

Slide 28 text

　デザインを透明にしチームの成果を最⼤化するための努⼒デザイナー PdM Eng デザイン

Slide 29

Slide 29 text

　デザインを含めた開発プロセスをチームで定義するやってみたことその1

Slide 30

Slide 30 text

　 PdM‧Eng デザイナー依頼デザインプロセス ● 追加調査 ● UI設計 ● ユーザビリティテストなどデザインデータ納品デザイン待ち

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

　⼯夫ポイント⾃分たちの「仕事」を理解し、アウトプットではなく仕事の連鎖を描く

Slide 33

Slide 33 text

　仕事とは材料材料材料活動成果なんらかの成果と、その成果を出すために⾏う活動のまとまり

Slide 34

Slide 34 text

　価値⾏動属性 UI設計デザインデータ UI設計の例

Slide 35

Slide 35 text

　デザインデータ xxx xxx 実装プロダクト仕事の成果は別の仕事の材料となる

Slide 36

Slide 36 text

　成果物や活動だけでプロセスを繋げると、属⼈化しがち PRD デザインデータ実装

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

　職種に関わらず馴染みがある成果物‧プロセスを選ぶやってみたことその2

Slide 39

Slide 39 text

　価値⾏動属性 UI設計デザインデータ UI設計の例

Slide 40

Slide 40 text

　これまでこの情報を整理したければ構造化シナリオかな KA法で価値マップ作ろうかな

Slide 41

Slide 41 text

プレスリリースや提案資料を⼀緒に作ることで材料を揃える

Slide 42

Slide 42 text

　⼯夫ポイントデザインの中で欲しい情報をデザイナー以外も馴染みある形でチームでアウトプットする

Slide 43

Slide 43 text

　データ設計と⼀緒に早めに考えられると良さそう情報設計部分も⾃⼰完結しない⽅がいいな

Slide 44

Slide 44 text

Engにとっても馴染みがある形式で情報設計

Slide 45

Slide 45 text

　 ﬁgmaは必要になるまで使わないやってみたことその3

Slide 46

Slide 46 text

　過去の過ちとりあえずﬁgmaで作ってみますね！

Slide 47

Slide 47 text

　過去の過ちとりあえずﬁgmaで作ってみますね！ボタンはこの位置の⽅がクリック数は‧‧‧ これだと⼯数が‧‧‧ こういう機能があっても良くない？既存仕様だとこうはできないですね

Slide 48

Slide 48 text

　出てくる意⾒を全てﬁgmaに反映し管理し続ける状況になった

Slide 49

Slide 49 text

　その結果、デザイナーしか触れないﬁgmaが最新の仕様状態になり、デザイナーがボトルネックに

Slide 50

Slide 50 text

　別名：無限デザイン編

Slide 51

Slide 51 text

　さらに、精緻なものが⾒えると気になってしまうのが⼈間ボタンはこの位置の⽅がクリック数は‧‧‧ ここの⾊はもうちょっと⽬⽴たせた⽅が‧‧‧ もっと最初に⾒えるように ‧‧‧

Slide 52

Slide 52 text

　最初から細かいところばかりみてしまうと‧‧‧😱 あれ、そもそも何をどこまで作るべきなんでしたっけ？

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

　⼯夫ポイントイメージを広げていくときは誰もが触れて、細部が気にならないレベルで素早く作る

Slide 55

Slide 55 text

No content

Slide 56

Slide 56 text

　職種に関わらず馴染みがある成果物‧プロセスを選ぶデザインを含めた開発プロセスをチームで定義する ﬁgmaは必要になるまで使わない

Slide 57

Slide 57 text

　デザイナーしかわからない、触れないことが減りボトルネックになることも減ったやってみてどうだった？各プロセスで何が必要で何が⽣じるのかが認識揃うと、⼀緒にやることが増えてきた 1 2