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
Three4C
September 29, 2020
Design
1
2.8k
デザイナーとして入社した私がフロントエンド領域から届ける体験価値とは
株式会社ラクスが運営するUI/UXデザイナーLT会の登壇資料になります。
https://rakus.connpass.com/event/
Three4C
September 29, 2020
Tweet
Share
Other Decks in Design
See All in Design
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
440
harutaka Vision Deck
zenkigenforrecruit
0
140
AIで加速するアクセシビリティのこれから
magi1125
3
540
Cards | Storyboards
giofortuna_story
0
310
Cyber Heart Online Book
hjnasby
0
120
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
sugiyama_sukedachi
0
130
#Dubois Challenge 2025: Economics
ajstarks
0
130
How to get a Tiger to Tulsa
mcduckyart
0
110
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
570
Haley's adventure chase
ivettetwin
0
230
sachi_y_portfolio
sachi337
0
260
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
For a Future-Friendly Web
brad_frost
179
9.8k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
4 Signs Your Business is Dying
shpigford
184
22k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
A Tale of Four Properties
chriscoyier
160
23k
How to train your dragon (web standard)
notwaldorf
94
6.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Faster Mobile Websites
deanohume
307
31k
Transcript
デザイナーとして⼊社した私が フロントエンド領域から届ける体験価値とは
三好 健太 ʹ:BIPP+"1"/ʹσβΠφʔͱͯ͠৽ଔೖࣾ ݱࡏݕࡧͷ෦ॺͰಇ͍͍ͯ·͢ ࠷ۙ3FBDU/BUJWFͰΞϓϦ։ൃத @three4c
デザイナーの フロントエンド領域の関わり⽅
νʔϜͷϝϯόʔશһ͕ σβΠφʔೖࣾ
3FBDU 5ZQF4DSJQUͰ։ൃ
#''ʢ#BDLFOEGPS'SPOUFOEʣ ςετΛॻ͘ਓ
Ϣʔβͷߦಈʹؔ͢Δ σʔλΛͬͨΓɺ6*Λ࡞Δਓ
σβΠϯϨϏϡʔ ࣭ΛνΣοΫ͢Δਓ
デザイナーが フロントエンド領域に関わるメリット
6*࣮ͱ Ξχϝʔγϣϯ࣮
6*࣮ͱ Ξχϝʔγϣϯ࣮
σʔλͷܗʓʓͰʜ ʓʓͳΠϯλϥΫγϣϯ͕͋Δͱ ྑ͍ͳ͋ʜ ʢ৺ͷ ʣ
ฦ٫͞ΕΔσʔλͷ૬ஊ ༷มߋͷ૬ஊ Ξχϝʔγϣϯͷ૬ஊ σβΠφʔ ΤϯδχΞ ࢲ اը
浅い知識しか持っていなくても良い
ϦϦʔεޙͷ֬ೝͷϛʔςΟϯάʹࢀՃͨ͠߹
σβΠϯ ։ൃ ੳ اը ϝΠϯ։ൃͰ ͨ·ʹσβΠϯͳਓ ྫ͑ʜ
$53͕ʜ τϥϑΟοΫ͕ʜ ίϯόʔδϣϯ͕ʜ ؼ͕ʜ Կݸ͔ݴ༿ͷҙຯ͔Δ͔Β ϛʔςΟϯάͷ༰ཧղͰ͖Δ͚Ͳ ͔Βͳ͍ݴ༿͋Δ͔Β ޙͰௐΔͳΓɺฉ͘ͳΓ͠Α͏ʜ ʢ৺ͷ ʣ
ௐͨ ฉ͍ͨ վળΛ ߟ͑Δ վળࢪࡦΛ ఏҊ͢Δ 3. 2. 1. Έ͕ͦϑϧυϥΠϒ
σβΠϯ σβΠϯ ։ൃ ։ൃ ΑΓਂ·ͬͨ ੳ ੳ اը اը
ଞྖҬͷਓͱ ίϛϡχέʔγϣϯ͕औΓ͍͢ ͕ࣝগ͕ͣͭ͠Δ ৽ͨͳൃݟʹܨ͕ΔՄೳੑʜ
શ͘Θ͔Βͳ͍ͱԿ͔ΒखΛ͚ͯྑ͍͔͕͔Βͳ͍ʜ গ͠ͰࣝΛ͍࣋ͬͯΔͱλʔήοτ͕ఆΊ͍͢
デザイナーが 他領域に関わって⾏くためには
νʔϜఆྫͰ σβΠϯτϨϯυٕज़ͷΩϟονΞοϓɺ ࣮Ͱ٧ͬͨ༰ͱղܾํ๏ɺ ଞྖҬͰಘͨࣝͷڞ༗
1 ɺ͞ΕͨϓϩμΫτʹ࠶ͼɺ σβΠφʔͱͯؔ͠ΘΔͱͨ͠Β ࣍Ͳͷ෦ʹྗΛൃشͰ͖Δͷ͔Λߟ͑Δ
最後に
͋·ΓϩʔϧΛҙࣝͤͣʹ Ϣʔβʔɺ Ұॹʹಇ͘ϝϯόʔʹରͯ͠ ྑ࣭ͳମݧΛఏڙ͠Α͏ͱߟ͑Δͱ ࣗવʹྑ͍ྲྀΕʹͳ͍ͬͯ͘