Slide 1

Slide 1 text

チ ー ム の チャットで 「 デ ザ イ ン 実 況 」 を 発 信 し た ら 沢 山 コミュ ニ ケー ション が 生 ま れ た 話 株 式 会 社 ベ ー シック 開 発 部 f o r m r u n 開 発 グ ル ープ B r i a n 既 読 1 4 1 6 : 5 0 デ ザイン 読 書 日和 もくもく& L T 会 # 3 2021年7月31日(土)

Slide 2

Slide 2 text

Basic, Inc. 2 ブ ライアン( 2 8 ) 出 身 : 山 口 県 下 関 市 居 住 地 : 神 奈 県 小 田 原 市 趣 味 : 洗 濯 好 き な 四 字 熟 語 : 定 時 退 社 Designer at

Slide 3

Slide 3 text

Basic, Inc. 3 #ブライアンの洗濯

Slide 4

Slide 4 text

Basic, Inc. 4 🥰 I love Figma! 仕 事 で 毎 日 つ か っ て ま す 。 大 好 き ! で も ・ ・ ・

Slide 5

Slide 5 text

Basic, Inc. 5 🥰 I love InDesign! I n D e s i g n 大 好 き ! こ っ ち の ほ う が 歴 が 長 い ! ( 9 年 )

Slide 6

Slide 6 text

Basic, Inc. 6 こ の LT は I n D e s i g n 純 度 1 0 0 % で お 送 り し ま す

Slide 7

Slide 7 text

Basic, Inc. 7 さ て 本 題 で す

Slide 8

Slide 8 text

Basic, Inc. 8 テ ー マ 「 デ ザ イ ン 実 況 」

Slide 9

Slide 9 text

Basic, Inc. 9 実 際 や っ て る こ と た だ ひ た す ら に チ ャ ッ ト で デ ザ イ ン 制 作 過 程 を チ ー ム に シ ェ ア & フ ィ ー ド バ ッ ク

Slide 10

Slide 10 text

Basic, Inc. 10 実 際 や っ て る こ と 新 機 能 や 機 能 改 善 の 要 件 ご と に 実 況 ス レ ッ ド を 立 て て る の で … 1 案 件 に つ き 大 体 2 0 0 ~ 5 0 0 メ ッ セ 程 度 の や り と り が 発 生 し た り す る 最 近 は 遂 に 1 , 0 0 0 メ ッ セ 超 え も あ っ た り … w

Slide 11

Slide 11 text

Basic, Inc. 11 な ん で こ ん な ス タ イ ル に ?

Slide 12

Slide 12 text

Basic, Inc. 12 U I / U X デ ザ イナ ー が よくや る こと

Slide 13

Slide 13 text

Basic, Inc. 13 新 し い U I 案 が で き た ら …

Slide 14

Slide 14 text

Basic, Inc. 14 チ ー ム メ ン バ ー に 触 っ て も ら う

Slide 15

Slide 15 text

Basic, Inc. 15 直 接 フ ィ ー ド バ ッ ク を も ら っ て 改 善 こ こ の 設 定 操 作 わ か ん な ー い ! う っ … だ め だ …

Slide 16

Slide 16 text

Basic, Inc. 16 こ れ が … 最 近 で き な い ん よ … ( コ ロ ナ ァ … )

Slide 17

Slide 17 text

Basic, Inc. 17 フ ィ ー ド バ ッ ク ほ し い … ボ コ ボ コ に さ れ る の 正 直 イ ヤ だ け ど 伝 え る 相 手 が い て こ そ … そ し て ユ ー ザ に 良 い プ ロ ダ ク ト 届 け な け れ ば … !

Slide 18

Slide 18 text

Basic, Inc. 18 こ ん な と こ ろ で く じ け ち ゃ だ め だ

Slide 19

Slide 19 text

Basic, Inc. 19 リ モ ー ト ワ ー ク 下 に お け る 社 内 デ ザ イ ン フ ィ ー ド バ ッ ク 改 善 は じ め ま し た

Slide 20

Slide 20 text

Basic, Inc. 20 そ れ が 「 デ ザ イ ン 実 況 」

Slide 21

Slide 21 text

Basic, Inc. 21 デ ザ イ ン 実 況 と は • チ ャ ッ ト ツ ー ル で 、 と に か く 徹 底 的 に デ ザ イ ン の ア ウ ト プ ッ ト を す る • デ ザ イ ン の 制 作 過 程 は も ち ろ ん 、 複 数 パ タ ー ン の ト ラ イ と 提 案 、 悩 み ポ イ ン ト を 逐 一 テ キ ス ト と 画 像 や 動 画 で 共 有 • チ ー ム か ら ラ フ に フ ィ ー ド バ ッ ク を も ら っ て 、 ブ ラ ッ シ ュ ア ッ プ し た り そ の 場 で 意 思 決 定 を 行 う

Slide 22

Slide 22 text

Basic, Inc. 22 ( ち な み に ) 弊 社 は S l a c k を 使 っ て ま す が チ ャ ッ ト ツ ー ル で あ れ ば な ん で も オ ッ ケ ー ! [ 出 典 ] S l a c k 公 式 サ イ ト よ り   h t t p s : / / s l a c k . c o m / i n t l / j a - j p / f e a t u r e s

Slide 23

Slide 23 text

Basic, Inc. 23 投 稿 レ ベ ル 別 実 況 メ ッ セ ー ジ 例 集 Level 1~5

Slide 24

Slide 24 text

Basic, Inc. 24 L e v e l 1

Slide 25

Slide 25 text

Basic, Inc. 25 「 ま っ さ ら な フ ァ イ ル 作 り ま し た 」 Level 1 な に は と も あ れ フ ァ イ ル つ く る と こ か ら

Slide 26

Slide 26 text

Basic, Inc. 26 L e v e l 2

Slide 27

Slide 27 text

Basic, Inc. 27 「 そ れ っ ぽ い の で き た 」 Level 2 数 % く ら い の 進 捗 を 短 文 と ス ク シ ョ で 共 有

Slide 28

Slide 28 text

Basic, Inc. 28 「 そ れ っ ぽ い の で き た 」 Level 2 そ の と き の 感 情 も さ ら っ と 書 い と く

Slide 29

Slide 29 text

Basic, Inc. 29 こ ん な 感 じ で ひ た す ら に 実 況 し て い く と … L e v e l 3

Slide 30

Slide 30 text

Basic, Inc. 30 ゆ る い リ ア ク シ ョ ン の 発 生 Level 3 一 緒 に 改 善 進 め て る ビ ジ ネ ス サ イ ド か ら お か ま い な し に リ ア ク シ ョ ン イ ン タ ー ン 生 も た く さ ん メ ッ セ く れ て 嬉 し い

Slide 31

Slide 31 text

Basic, Inc. 31 こ の あ た り で ブ ラ イ ア ン は デ ザ イ ン が ノ ッ て く る 🥰

Slide 32

Slide 32 text

Basic, Inc. 32 L e v e l 4

Slide 33

Slide 33 text

Basic, Inc. 33 疑 問 な ど 感 じ た こ と の 言 語 化 Level 4 フ ィ ー ド バ ッ ク を も と に そ の 場 で 修 正 版 を 共 有

Slide 34

Slide 34 text

Basic, Inc. 34 疑 問 な ど 感 じ た こ と の 言 語 化 Level 4 僕 自 身 も 自 分 で 感 じ た こ と を 場 に 出 し て み る

Slide 35

Slide 35 text

Basic, Inc. 35 疑 問 な ど 感 じ た こ と の 言 語 化 Level 4 意 見 で フ ォ ロ ー も ら い つ つ デ ザ イ ン の 意 思 決 定 を す る

Slide 36

Slide 36 text

Basic, Inc. 36 疑 問 な ど 感 じ た こ と の 言 語 化 Level 4 う ま く 進 ま な そ う な と き は 素 直 に 他 メ ン バ ー を 呼 ぶ → 「 召 喚 」 フ ィ ー ド バ ッ ク を も と に 案 を 前 に す す め る

Slide 37

Slide 37 text

Basic, Inc. 37 疑 問 な ど 感 じ た こ と の 言 語 化 Level 4 実 装 時 の 懸 念 な ど も 随 時 開 発 側 へ 相 談 デ ザ イ ン F I X 前 の 手 戻 り を 防 げ る の で ◎

Slide 38

Slide 38 text

Basic, Inc. 38 L e v e l 5

Slide 39

Slide 39 text

Basic, Inc. 39 全 体 フ ィ ー ド バ ッ ク Level 5

Slide 40

Slide 40 text

Basic, Inc. 40 全 体 フ ィ ー ド バ ッ ク Level 5 フ ィ ー ド バ ッ ク の ポ イ ン ト も 明 記 し て 確 認 し や す く

Slide 41

Slide 41 text

Basic, Inc. 41 全 体 フ ィ ー ド バ ッ ク Level 5 も ち ろ ん F i g m a で も 操 作 確 認 で き る よ う に 準 備 ( 好 き な 方 法 で 確 認 可 能 に す る ) S l a c k 上 で す ぐ に 操 作 感 を 確 認 で き る よ う に 操 作 デ モ の 動 画 も 用 意

Slide 42

Slide 42 text

Basic, Inc. 42 そ し て 要 件 定 義 と デ ザ イ ン を F I X へ デ ザ イ ン の 調 整 も 実 況 。 デ ザ イ ン 仕 様 も 作 成 し な が ら エ ン ジ ニ ア へ 共 有

Slide 43

Slide 43 text

Basic, Inc. 43 そ し て 要 件 定 義 と デ ザ イ ン を F I X へ デ ザ イ ン の 調 整 も 実 況 。 デ ザ イ ン 仕 様 も 作 成 し な が ら エ ン ジ ニ ア へ 共 有 F i g m a で エ ン ジ ニ ア 向 け デ ザ イ ン 仕 様 作 成 し て 完 了

Slide 44

Slide 44 text

Basic, Inc. 44 デ ザ イ ン 実 況 の 雰 囲 気 つ た わ り ま し た か ( ´ ▽ ` ) ノ

Slide 45

Slide 45 text

Basic, Inc. 45 • み ん な で デ ザ イ ン し て る 感 が 出 て 楽 し い • ビ ジ ネ ス サ イ ド か ら の レ ス が 圧 倒 的 に 早 く な る そ の ま ま す ぐ に フ ィ ー ド バ ッ ク 反 映 し て 反 映 箇 所 共 有 → 確 認 の サ イ ク ル が 生 ま れ ス ピ ー デ ィ ー に デ ザ イ ン 作 成 が で き る よ う に • 進 捗 が み ん な 常 時 わ か る よ う に な る プ ロ セ ス を オ ー プ ン に し て る の で 、 躓 い た と き の 相 談 ポ イ ン ト も そ の 場 で 相 談 → ス ピ ー デ ィ ー に 解 決 & 合 意 が と れ る よ う に デ ザ イ ン 実 況 の メ リ ッ ト ま と め

Slide 46

Slide 46 text

Basic, Inc. 46 ツ ー ル の " 距 離 感 " の 話 ち ょ っ と 小 話

Slide 47

Slide 47 text

Basic, Inc. 47 S l a c k じ ゃ な く て F i g m a の コ メ ン ト で よ く ね ? な ぜ ? こ れ に は 落 と し 穴 が あ る

Slide 48

Slide 48 text

Basic, Inc. 48 数 十 秒 後 … Now Loading... 気 軽 に 立 ち 上 げ れ な い ( 起 動 時 間 遅 ) す ぐ フ ィ ー ド バ ッ ク し た く て も な か な か 離 脱 し や す い 環 境 に な っ て い た デ ザ イ ナ ー と し て も F i g m a コ メ ン ト の ほ う が 嬉 し い 場 合 も あ る け ど …

Slide 49

Slide 49 text

Basic, Inc. 49 使 っ て る ツ ー ル と の " 距 離 感 " と " 頻 度 " 距 離 感 = ツ ー ル の ア ク セ ス の し や す さ 。 常 時 起 動 し て る も の o r し て な い も の 近 い 頻 度 低 頻 度 高 遠 い ブ ラ イ ア ン の 場 合 こ ん な 距 離 感 だ よ 〜

Slide 50

Slide 50 text

Basic, Inc. 50 ビ ジ ネ ス サ イ ド の 人 の 場 合 の 例 近 い 頻 度 低 頻 度 高 遠 い 人 に よ っ て は F i g m a 超 遠 い よ ね … チ ー ム メ ン バ ー が 日 頃 ど ん な ツ ー ル を ど の く ら い 使 っ て る の か 観 察 し て み る

Slide 51

Slide 51 text

Basic, Inc. 51 伝 え 方 、 や り 方 を 考 え る 指 標 に で き る な る ほ ど 、 S l a c k の ほ う が デ ザ イ ン フ ィ ー ド バ ッ ク 反 応 早 く 返 し て く れ そ う 説 あ る → 結 果 f o r m r u n チ ー ム で は S l a c k で や る 方 法 に 落 ち 着 き ま し た チ ー ム そ れ ぞ れ に 、 チ ー ム の 良 い や り 方 が 見 つ け や す く な る の で お す す め で す

Slide 52

Slide 52 text

Basic, Inc. 52 チ ー ム メ ン バ ー の " 色 " を み つ け て 素 敵 な デ ザ イ ン フ ィ ー ド バ ッ ク ラ イ フ を ! 🥳

Slide 53

Slide 53 text

Basic, Inc. 53 Thanks for your Attention! 1. Fu t u ra P T (Bo o k, Bo o k Ob l i q u e) fro m A d obe Fon t s 2 . 筑 紫 B 丸 ゴ シ ッ ク S t d ( L , R , M , D , B , E ) f r o m F o n t w o r k s 使 用 フォント あ り が と う ご ざ い ま し た 〜 〜 !