Slide 1
Slide 1 text
by Brian (@Basic Inc.)
July, 7th 2020
UX Jam Online #5
チ ー ム 内 コ ミ ュ ニ ケ ー シ ョ ン を 加 速 さ せ る
UX Tips
Slide 2
Slide 2 text
Basic Inc. 2
ブ ラ イ ア ン( 2 7 )
@ 株 式 会 社 ベ ー シ ッ ク
本 名 : 堀 口 慎 之 介 出 身 ： 山 口 県 下 関 市
趣 味 : 洗 濯
n ot e .com / s ki n n y b r i a n
@ s ki n n y b r i a n _ t w
Slide 3
Slide 3 text
Basic Inc. 3
フ ォ ー ム 作 成 & 顧 客 管 理 ツ ー ル
「 f o r m r u n 」 で リ ー ド デ ザ イ ナ ー し て ま す ！
h t t p s : / / f o r m . r u n /
Slide 4
Slide 4 text
Basic Inc. 4
さ て 本 題 で す
Slide 5
Slide 5 text
Basic Inc. 5
チ ー ム の 中 で
デ ザ イ ン を す る こ と
Slide 6
Slide 6 text
Basic Inc. 6
も ち ろ ん 1 人 で 全 部
プ ロ ダ ク ト は 作 れ な い
Slide 7
Slide 7 text
Basic Inc. 7
チ ー ム の 中 で
デ ザ イ ン を す る こ と
デ ザ イ ン を み ん な で 考 え る 環 境 を
用 意 す る こ と
Slide 8
Slide 8 text
Basic Inc. 8
敷 居 の 高 さ は 人 そ れ ぞ れ に あ る
誰 か に と っ て も し か し た ら 「 デ ザ イ ン の 壁 」 は 高 く 感 じ る
低 い
高 い
Slide 9
Slide 9 text
Basic Inc. 9
工 夫 を し て 敷 居 を 低 く ！
今 日 は そ ん な デ ザ イ ナ ー 側 か ら で き る T i p s を お 話 ！
→ 結 果 的 に チ ー ム 内 で コ ミ ュ ニ ケ ー シ ョ ン を 加 速 さ せ る
Slide 10
Slide 10 text
Basic Inc. 10
こ の LT の ゴ ー ル
明日から実践してみようって思える
T ip s が見つかる
①
チーム内でデザインの敷居を低くする
ためのヒントが見つかる
②
Slide 11
Slide 11 text
Basic Inc. 11
T i p s # 1
Slide 12
Slide 12 text
Basic Inc. 12
デ ザ イ ン フ ァ イ ル に
「 見 出 し 」
を つ け る
T i p s # 1
Slide 13
Slide 13 text
Basic Inc. 13
そ の デ ザ イ ン フ ァ イ ル …
他 の 人 が み て も わ か る 工 夫
で き て ま す か … ？
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
F r a m e 散 乱 状 態 ( あ る あ る )
Slide 18
Slide 18 text
Basic Inc. 18
こ う な っ ち ゃ う 前 に …
※ F i g m a の サ ン プ ル フ ァ イ ル を 使 っ た イ メ ー ジ 図 で し た
h t t p s : / / w w w . f i g m a . c o m / c o m m u n i t y / f i l e / 8 3 6 5 9 6 4 218 6 3 0 7 3 9 6 4
Slide 19
Slide 19 text
Basic Inc. 19
簡 単 に 「 見 出 し 」 を つ け る
Slide 20
Slide 20 text
Basic Inc. 20
あ ら か じ め 素 材 と し て 用 意 し て お く と
F i g m a な ら コ ン ポ ー ネ ン ト 化 ！
Slide 21
Slide 21 text
Basic Inc. 21
関 連 リ ン ク や 改 修 前 後 と の 比 較 も あ る と 尚
Slide 22
Slide 22 text
Basic Inc. 22
T i p s # 2
Slide 23
Slide 23 text
Basic Inc. 23
チ ー ム メ ン バ ー に
「 途 中 」
を 見 せ る
T i p s # 2
Slide 24
Slide 24 text
Basic Inc. 24
よ く や る こ と
チ ャ ッ ト で
デ ザ イ ン の リ ン ク 共 有 F i g m a 等 で
コ メ ン ト も ら っ た り
Brian
確認お願いします！
https://figma.com/file/hogehoge.............
※ U R L は フ ィ ク シ ョ ン で す
Slide 25
Slide 25 text
Basic Inc. 25
実 際 F i g m a 起 動 ま で 時 間 か か る と き が あ る
他 の チ ー ム メ ン バ ー が 常 に デ ザ イ ン ソ フ ト 起 動 し て な い 場 合 も あ る の で …
数 十 秒 後 …
Now Loading...
Slide 26
Slide 26 text
Basic Inc. 26
実 は 画 像 で 共 有 が 一 番 早 か っ た り す る
ワ イ ヤ ー と か こ ま め に 共 有 し た い も の は
Brian
試しにざっくりですがはめ込んでみました。
個人的には右側のほうが見やすそうです。
Slide 27
Slide 27 text
Basic Inc. 27
Brian
試しにざっくりですがはめ込んでみました。
個人的には右側のほうが見やすそうです。
確かに右側のほうが見やすいし、
タイトルが多く目に入ってきてよさそう！
かなりイメージどおりです！投稿が無かっ
たときの画面も気になりますね〜
これスクロールするときってどんな動きに
なりそうですかね・・・！
チ ャ ッ ト 上 で 直 接 フ ィ ー ド バ ッ ク
チ ー ム 内 で 進 捗 も 把 握 で き る
Slide 28
Slide 28 text
Basic Inc. 28
2 0 % く ら い の 完 成 度 で 見 せ る と 、
手 戻 り が 発 生 し に く く な る の で ◎
Brian
試しにざっくりですがはめ込んでみました。
個人的には右側のほうが見やすそうです。
確かに右側のほうが見やすいし、
タイトルが多く目に入ってきてよさそう！
かなりイメージどおりです！投稿が無かっ
たときの画面も気になりますね〜
これスクロールするときってどんな動きに
なりそうですかね・・・！
Slide 29
Slide 29 text
Basic Inc. 29
T i p s # 3
Slide 30
Slide 30 text
Basic Inc. 30
た く さ ん
「 雑 談 」
す る
T i p s # 3
Slide 31
Slide 31 text
Basic Inc. 31
仕 事 仲 間 と
仕 事 以 外 の 会 話 し て ま す か ？
※ サ ボ り を し ろ と は い っ て ま せ ん ！ ！ ！ 信 じ て ！ ！
Slide 32
Slide 32 text
Basic Inc. 32
S l a c k 分 報 チ ャ ン ネ ル の 活 用
い わ ゆ る 社 内 T w i t t e r ( # t i m e s _ b r i a n )
h t t p : / / c 1 6 e . c o m / 1 5 1 1 1 0 1 5 5 8 /
Slide 33
Slide 33 text
Basic Inc. 33
チ ャ ン ネ ル の 中 に は チ ー ム 内 外 と わ ず
興 味 あ る 人 た ち だ け が 自 由 に 出 入 り
Slide 34
Slide 34 text
Basic Inc. 34
分 か ら な か っ た こ と や 言 語 化 し に く い こ と を
と に か く 雑 に な ん で も つ ぶ や く
分 か ら な か っ た こ と は 誰 か が 教 え て く れ た り
シ ェ ア し た 記 事 が 誰 か に 刺 さ っ た り す る
Slide 35
Slide 35 text
Basic Inc. 35
イ ン タ ー ン 生 や 新 卒 と も
ゆ る く コ ミ ュ ニ ケ ー シ ョ ン
結 果 的 に 仕 事 で も
話 す ハ ー ド ル が 低 く な る ◎
Slide 36
Slide 36 text
Basic Inc. 36
今 日 の ま と め ( ´ ▽ ` ) ﾉ
Slide 37
Slide 37 text
Basic Inc. 37
① 「 見 出 し 」
を つ け る
② 「 途 中 」
を み せ る
③ 「 雑 談 」
す る
チ ー ム 内 コ ミ ュ ニ ケ ー シ ョ ン を 加 速 さ せ る U X T i p s
Slide 38
Slide 38 text
Basic Inc. 38
こ の LT の ゴ ー ル
明日から実践してみようって思える
T ip s が見つかる
①
チーム内でデザインの敷居を低くする
ためのヒントが見つかる
②
Slide 39
Slide 39 text
Basic Inc. 39
デザイン を み ん な で 考 え る
環 境 づ く り に 繋 げ る ！
チーム内でデザインの敷居を低くする
チ ー ム そ れ ぞ れ に 合 う や り 方 が あ る と 思 う の で
僕も こ れ か ら も た く さ ん ト ラ イ & エ ラ ー し な が ら 模 索 し て い きま す！
Slide 40
Slide 40 text
Basic Inc. 40
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
3 . ヒ ラ ギ ノ 角 ゴ P r o N W 3
使 用 フォント
あ り が と う ご ざ い ま し た 〜 〜 ！