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
putchom
May 10, 2024
Design
6
2.6k
スマートバンクのプロダクトデザイン
@ 視点邂逅 #1 -プロダクトチームで活躍するデザイナーとは
https://lu.ma/shitenkaikoo001
putchom
May 10, 2024
Tweet
Share
More Decks by putchom
See All by putchom
B/43プラスカードができるまで
putchomsmartbank
1
910
Other Decks in Design
See All in Design
portfolio
amitnk
1
160
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
450
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
330
Design System for training program
mct
0
160
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
500
実利の世界で、表現者である
kiyou77
3
110
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
450
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
680
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
240
Памятка-раздатка по Карте процесса-опыта, А4
ashapiro
1
470
TUNAG BOOK 2024
stmn
0
380
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
470
Featured
See All Featured
The Invisible Side of Design
smashingmag
298
50k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Practical Orchestrator
shlominoach
186
10k
A Modern Web Designer's Workflow
chriscoyier
693
190k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Making Projects Easy
brettharned
116
5.9k
How GitHub (no longer) Works
holman
311
140k
Transcript
εϚʔτόϯΫͷ ϓϩμΫτσβΠϯ ࢹᬍ גࣜձࣾεϚʔτόϯΫQVUDIPN
4NBSU#BOL *OD ҰਓϓϩμΫτσβΠφʔ 3ZP'VLVTIJNB !QVUDIPN ࣗݾհ !QVUDIPN QVUDIPN
ࣗݾհ σβΠϯτʔΫϯͷͭ͘Γ͔ͨ ΦϯϥΠϯετΞͰൃചத σβΠϯτʔΫϯͷͭ͘Γ͔ͨ
None
7JTBϓϦϖΠυΧʔυʹνϟʔδͯ͠ ࢧ͏ͱࢧग़͕ϦΞϧλΠϜʹՄࢹԽ͞Εͯ ʮ͋ͱ͍͘Β͑Δʯ͕ͻͱͰ͔Δ ͓ޓ͍ͷࢧ͍શͯ νϟʔδΛͨ͠ڞಉߴ͔ΒҾ͖མͱ͞ΕΔͷͰ ύʔτφʔͱ;ͨΓͷڞಉՈܭཧΛ࣮ݱ
σβΠϯݪଇʹ࠶ݱੑΛ࣋ͨͤΔͨΊͷ σβΠϯϓϩηε
σβΠϯݪଇ
σβΠϯݪଇ w Ϣʔβʔ͕ཉ͔ͬͨ͠ͷΛɺ ΘΔΑ͏ʹɺ͍͘͢ɺັ ྗతʹͭ͘ΔͨΊͷ৺ߏ͑ w ॳظϝϯόʔֶ͕͍࣋ͬͯͨ ΛݴޠԽ
σβΠϯݪଇ Ϣʔβʔͷ՝Λཧղ͢Δ ϑΟʔυόοΫΛूΊΔ ෳࡶ͞Λղফ͢Δ ϑοΫΛ࡞Δ
εϚʔτόϯΫͷσβΠϯݪଇ
σβΠϯϓϩηε
σβΠϯϓϩηε w ϨϏϡʔͷج४ w ϑοΫલఏ͋Γ͖ͰɺଞͷͲΕཱ͕͚ܽͯ͠ͳ͍ σβΠϯݪଇʹ࠶ݱੑΛͨͤΔͨΊͷΈ
Ϣʔβʔͷ՝Λཧղ͢Δ
Ϣʔβʔͷ՝Λཧղ͢Δ εϚʔτόϯΫͰɺϢʔβʔͷ՝Λཧղͯ͠ͷͮ͘ΓΛߦ͏͜ͱΛେʹ͠·͢ɻ Ϣʔβʔͷ՝Λཧղ͢ΔͨΊʹɺൃੜγʔϯͷԾઆΛཱͯɺͦΕʹϚον͢ΔਓʹΠϯ λϏϡʔΛॏͶ·͢ɻΠϯλϏϡʔͰɺԾઆ͕όΠΞεͱͳΒͳ͍Α͏ʹϢʔβʔͷੜ ׆എܠߦಈͷࣄ࣮Λଊ͑·͠ΐ͏ɻ ΠϯλϏϡʔʹଟ༷ͳϝϯόʔΛר͖ࠐΈɺνʔϜͰҰମͱͳͬͯҰ࣍ใʹΑΔڞ௨ ೝࣝΛͭ͘Γ·͢ɻಘΒΕͨಎΛͱʹԾઆΛߋ৽͠ͳ͕ΒɺఏڙՁΛݟ͠ɺ৫ શମͰߟ͍͖͑ͯ·͠ΐ͏ɻ Ϣʔβʔͷ՝Λཧղ͢Δ
Ϣʔβʔͷ՝Λཧղ͢Δ εϚʔτόϯΫͰɺϢʔβʔͷ՝Λཧղͯ͠ͷͮ͘ΓΛߦ͏͜ͱΛେʹ͠·͢ɻ Ϣʔβʔͷ՝Λཧղ͢ΔͨΊʹɺൃੜγʔϯͷԾઆΛཱͯɺͦΕʹϚον͢ΔਓʹΠϯ λϏϡʔΛॏͶ·͢ɻΠϯλϏϡʔͰɺԾઆ͕όΠΞεͱͳΒͳ͍Α͏ʹϢʔβʔͷੜ ׆എܠߦಈͷࣄ࣮Λଊ͑·͠ΐ͏ɻ ΠϯλϏϡʔʹଟ༷ͳϝϯόʔΛר͖ࠐΈɺνʔϜͰҰମͱͳͬͯҰ࣍ใʹΑΔڞ௨ ೝࣝΛͭ͘Γ·͢ɻಘΒΕͨಎΛͱʹԾઆΛߋ৽͠ͳ͕ΒɺఏڙՁΛݟ͠ɺ৫ શମͰߟ͍͖͑ͯ·͠ΐ͏ɻ Ϣʔβʔͷ՝Λཧղ͢Δ
Ϣʔβʔͷ՝Λཧղ͢Δ w ؒ݅Ҏ্ͷΠϯλϏϡʔ w ༷ʑͳ৬छͷϝϯόʔ͕Ұ࣍ ใ͔Β՝Λೝࣝ͢Δ w ϥοϓΞοϓͰٞ͠՝ͷղ ૾ΛߴΊΔ
Ϣʔβʔͷ՝Λཧղ͢Δ w ϦαʔνϓϩηεΛΦʔϓϯʹ ͠ɺڞ௨ೝࣝΛৢ w 3FTFBSDI$VMUVSF#PPL εϚʔτόϯΫ3FTFBSDI$VMUVSF#PPL
Ϣʔβʔͷ՝Λཧղ͢Δ Ϧαʔνϟʔ͕Ϧʔυɺ1.ͱσβΠφʔ͕αϙʔτ
Ϣʔβʔͷ՝Λཧղ͢Δ
Ϣʔβʔͷ՝Λཧղ͢Δ w ਓʑ͕ෆ߹ཧʹߦ͍ͬͯΔ͜ͱ ɺ৽ͨͳࢢΛ୳͢Ϧαʔν w ϓϩμΫτͷ͍ํ͚ͩͰͳ͘ ීஈͷ͓ۚͷ͍ํੜ׆ͳͲ෯ ͘ฉ͘ ՝ɾՁఆٛϦαʔν
Ϣʔβʔͷ՝Λཧղ͢Δ w ՝ʹରͯ͠ʮ͜ͷΑ͏ͳղ͖ํ ͕͍͍ͷͰʁʯͱ͍͏ίϯηϓ τΛཱ͍͔ͭͯ͘Δ w ͦͷίϯηϓτͷ͔֬Β͠͞Λݕ ূ͢Δ ՁݕূϦαʔν
Ϣʔβʔͷ՝Λཧղ͢Δ w ࡞ͬͨϓϩμΫτ͕͑Δɺ͍ ͍͢ঢ়ଶʹͳ͍ͬͯΔ͔ௐࠪ ϢʔβϏϦςΟςετ
ϑΟʔυόοΫΛूΊΔ
ϑΟʔυόοΫΛूΊΔ εϚʔτόϯΫͰɺϢʔβʔଟ͘ͷࣾϝϯόʔ͔Βଟ༷ͳϑΟʔυόοΫΛड͚ͳ ͕ΒσβΠϯ͢Δ͜ͱΛେʹ͠·͢ɻ ͦͷͨΊʹϦαʔνɾཁ݅ఆٛɾϓϩτλΠϐϯάɾৄࡉઃܭͷυΩϡϝϯτΛެ։͠σ βΠϯϓϩηεશମΛΦʔϓϯʹอͪ·͠ΐ͏ɻ Α͍ϑΟʔυόοΫΛಘΔͨΊʹɺઌߦαʔϏεͷࣄྫΛௐɺͰ͖ΔݶΓମݧ͠ɺཧղ ্ͨ͠ͰମݧͷίΞ෦͔Β༏ઌతʹࢼ࡞͠·͢ɻ·ͨϑΟʔυόοΫΛ͍ͭɺ୭͔Βɺ ͲͷΑ͏ʹड͚औΔ͔Λ͋Β͔͡Ίߟ͑·͠ΐ͏ɻ ϑΟʔυόοΫΛूΊΔ
ϑΟʔυόοΫΛूΊΔ εϚʔτόϯΫͰɺϢʔβʔଟ͘ͷࣾϝϯόʔ͔Βଟ༷ͳϑΟʔυόοΫΛड͚ͳ ͕ΒσβΠϯ͢Δ͜ͱΛେʹ͠·͢ɻ ͦͷͨΊʹϦαʔνɾཁ݅ఆٛɾϓϩτλΠϐϯάɾৄࡉઃܭͷυΩϡϝϯτΛެ։͠σ βΠϯϓϩηεશମΛΦʔϓϯʹอͪ·͠ΐ͏ɻ Α͍ϑΟʔυόοΫΛಘΔͨΊʹɺઌߦαʔϏεͷࣄྫΛௐɺͰ͖ΔݶΓମݧ͠ɺཧղ ্ͨ͠ͰମݧͷίΞ෦͔Β༏ઌతʹࢼ࡞͠·͢ɻ·ͨϑΟʔυόοΫΛ͍ͭɺ୭͔Βɺ ͲͷΑ͏ʹड͚औΔ͔Λ͋Β͔͡Ίߟ͑·͠ΐ͏ɻ ϑΟʔυόοΫΛूΊΔ
ϑΟʔυόοΫΛूΊΔ w ͯ͢ͷϓϩδΣΫτͰཁ݅ఆ ٛॻʢ13%ʣΛ༻ҙ w ՝༷ͷࢀরઌΛͻͱ·ͱ Ίʹ͢Δ w ϝϯόʔ͕ϑΟʔυόοΫ͠
͍͢Α͏ʹ͢Δ
ϑΟʔυόοΫΛूΊΔ w ઌߦαʔϏεΛଟ֯తʹௐࠪ w ंྠΛ࠶ൃ໌͠ͳ͍ w εϐʔσΟʔʹϑΟʔυόοΫ ϧʔϓΛճ͢
ϑΟʔυόοΫΛूΊΔ 1.͕ϦʔυɺσβΠφʔͱϦαʔνϟʔ͕αϙʔτ
ϑΟʔυόοΫΛूΊΔ w νʔϜͰϓϩμΫτΛ࡞ΔͨΊʹ ಉ͡ํΛ͘ࢦ͕ඞཁ w ͲΜͳ՝͕͋ͬͯͳͥ࡞Δͷ ͔ɺͲ͏࡞Δͷ͔ΛจॻͰࣔ͢ ཁ݅ఆٛॻʢ13%ʣ
ϑΟʔυόοΫΛूΊΔ w తɾഎܠɾ๏తͳ੍ w ϏδωεϞσϧ w ༏ઌ͢Δ͜ͱ͠ͳ͍͜ͱ w ༷
w ཁܾఆࣄ߲ ཁ݅ఆٛॻʢ13%ʣ
ϑΟʔυόοΫΛूΊΔ w ͳͥ࡞Δͷ͔Λ࢘ΔςϯϓϨʔτ w ܕԽ͢Δ͜ͱͰೝ͕ࣝἧ͍͘͢ ͍ͯ͠Δ 5IJOL/γʔτ
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ εϚʔτόϯΫͰɺϓϩμΫτίϯςϯπΛΘ͔Γ͘͢ΘΓ͍͢ͷʹ͢Δͨ Ίɺෳࡶ͞Λղফ͢Δ͜ͱΛେʹ͠·͢ɻ తରऀΛ໌֬ʹ͠ɺ͍͑ͨϝοηʔδͷ࣠Λ࡞ΓɺετϨʔτͰΘΓ͍͢ϓ ϥϯදݱʹݚ͗·͢͜ͱͰใΛ࠷খݶʹ͑·͠ΐ͏ɻ ·ͨσβΠϯγεςϜΛ׆༻͢Δ͜ͱͰɺσβΠϯͷҰ؏ੑΛอͪɺ৽ͨͳෳࡶ͕͞ੜ· ΕΔ͜ͱΛ͗·͠ΐ͏ɻ ෳࡶ͞Λղফ͢Δ
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ εϚʔτόϯΫͰɺϓϩμΫτίϯςϯπΛΘ͔Γ͘͢ΘΓ͍͢ͷʹ͢Δͨ Ίɺෳࡶ͞Λղফ͢Δ͜ͱΛେʹ͠·͢ɻ తରऀΛ໌֬ʹ͠ɺ͍͑ͨϝοηʔδͷ࣠Λ࡞ΓɺετϨʔτͰΘΓ͍͢ϓ ϥϯදݱʹݚ͗·͢͜ͱͰใΛ࠷খݶʹ͑·͠ΐ͏ɻ ·ͨσβΠϯγεςϜΛ׆༻͢Δ͜ͱͰɺσβΠϯͷҰ؏ੑΛอͪɺ৽ͨͳෳࡶ͕͞ੜ· ΕΔ͜ͱΛ͗·͠ΐ͏ɻ ෳࡶ͞Λղফ͢Δ
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ w 'JOUFDIϓϩμΫτ๏ͳͲͷ ੍ʹΑΓɺී௨ʹ࡞Δͱෳࡶ Ͱ͘͠ͳΓ͍͢ w γϯϓϧʹ͢Δ͜ͱΛ͔ͳΓҙ ͍ࣝͯ͠Δ
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ w ίϯϙʔωϯτϥΠϒϥϦɺ 7PJDF5POFͳͲͷσβΠϯγ εςϜΛ׆༻͠࠶ൃ໌Λ͠ͳ͍ w Ұ؏ੑΛͱʹෳࡶԽΛ͙
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ εϚʔτόϯΫͰɺϑοΫͱͳΔֻ͚Λ࡞Γग़͢͜ͱΛେʹ͠·͢ɻ ใ͕ᷓΕΔݱʹ͓͍ͯɺΑΓҹతͰΘΓ͍͢ϝοηʔδΛൃ৴͢Δ͜ͱ͕ٻ ΊΒΕ·͢ɻͦͷͨΊʹతͱใͱදݱ͕߹க͓ͯ͠Γɺͳ͓͔ͭײΛಈ͔͢ΤϞʔ γϣφϧͳσβΠϯγΣΞͨ͘͠ͳΔΑ͏ͳֻ͚Λߟ͑·͠ΐ͏ɻ ϑοΫΛ࡞Δ
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ εϚʔτόϯΫͰɺϑοΫͱͳΔֻ͚Λ࡞Γग़͢͜ͱΛେʹ͠·͢ɻ ใ͕ᷓΕΔݱʹ͓͍ͯɺΑΓҹతͰΘΓ͍͢ϝοηʔδΛൃ৴͢Δ͜ͱ͕ٻ ΊΒΕ·͢ɻͦͷͨΊʹతͱใͱදݱ͕߹க͓ͯ͠Γɺͳ͓͔ͭײΛಈ͔͢ΤϞʔ γϣφϧͳσβΠϯγΣΞͨ͘͠ͳΔΑ͏ͳֻ͚Λߟ͑·͠ΐ͏ɻ ϑοΫΛ࡞Δ
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ w ࠷ॳʹ༩͑ΔޮՌɺݟͨɺख ৮ΓΛҙࣝ͢Δ w ָ͘͠؆୯ʹతΛୡͰ͖ͨ ΒɺϙδςΟϒͳײ͕Δ w ඒ͠͞ɺετʔϦʔੑͳͲͰັ
ྗΛߴΊΔ
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ w ϨϏϡʔͷج४ w ϑοΫલఏ͋Γ͖ͰɺଞͷͲ Εཱ͕͚ܽͯ͠ͳ͍
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ σβΠφʔ͕Ϧʔυɺ1.ͱϦαʔνϟʔ͕αϙʔτ
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ w ·ͣநతʹ͋ΒΏΔํੑΛ ࡧͯ͠࡞Δ w ͜ͷஈ֊Ͱ৭ίʔφʔέʔε ͳͲͷࡉ͔͍Ͱͳ͘ɺ՝Λ ղܾͰ͖Δͷʹͳ͍ͬͯΔ͔Λ ධՁ͢Δ
ϓϩτλΠϐϯάʢநϑΣʔζʣ
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ w ͋ͨΓͷྑ͍ͷΛϐοΫΞοϓ ͠ՁݕূϦαʔνΛߦ͏ w Կ͔ΠςϨʔγϣϯΛճͯ͠ऩ ଋͤ͞Δ ՁݕূϦαʔνͰݟۃΊΔ
ෳࡶ͞Λղফ͢ΔϑοΫΛ࡞Δ w ՝ղܾͰ͖Δ͜ͱ͕ݕূͰ͖ͨ Β࣮ʹ͚ͯৄࡉʹઃܭ͢Δ w σβΠϯγεςϜΛ༻͍ͯҰ؏ੑ Λ୲อ͢Δ w ࣮ߟྀ͠ߟ͑͏Δͯ͢ͷ
έʔεΛચ͍ग़͢ ৄࡉઃܭʢ۩ମϑΣʔζʣ
·ͱΊ
·ͱΊ w σβΠϯݪଇͰσβΠϯͷ͖߹͍ํΛἧ͑Δ w σβΠϯϓϩηεͰσβΠϯݪଇʹ࠶ݱੑΛͨͤΔ w ࠶ݱੑ͕͋ΔͱνʔϜͰ࣭ͷߴ͍σβΠϯ͕Ͱ͖Δ
ࣗݾհ σβΠφʔืूதͰ͢ʂ εϚʔτόϯΫɹ࠾༻
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠