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.7k
デザイナーとして入社した私がフロントエンド領域から届ける体験価値とは
株式会社ラクスが運営するUI/UXデザイナーLT会の登壇資料になります。
https://rakus.connpass.com/event/
Three4C
September 29, 2020
Tweet
Share
Other Decks in Design
See All in Design
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
510
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
860
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
970
Tableau曲線表現講座(2024.11.21)
cielo1985
0
210
横断組織デザイナーの働き方
mixi_design
PRO
0
290
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
240
How to go from research data to insights?
mastervicedesign
0
200
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
420
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
5
1.7k
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
160
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
170
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
940
Visualization
eitanlees
146
15k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Facilitating Awesome Meetings
lara
50
6.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Into the Great Unknown - MozCon
thekraken
34
1.6k
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
GitHub's CSS Performance
jonrohan
1030
460k
A better future with KSS
kneath
238
17k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Transcript
デザイナーとして⼊社した私が フロントエンド領域から届ける体験価値とは
三好 健太 ʹ:BIPP+"1"/ʹσβΠφʔͱͯ͠৽ଔೖࣾ ݱࡏݕࡧͷ෦ॺͰಇ͍͍ͯ·͢ ࠷ۙ3FBDU/BUJWFͰΞϓϦ։ൃத @three4c
デザイナーの フロントエンド領域の関わり⽅
νʔϜͷϝϯόʔશһ͕ σβΠφʔೖࣾ
3FBDU 5ZQF4DSJQUͰ։ൃ
#''ʢ#BDLFOEGPS'SPOUFOEʣ ςετΛॻ͘ਓ
Ϣʔβͷߦಈʹؔ͢Δ σʔλΛͬͨΓɺ6*Λ࡞Δਓ
σβΠϯϨϏϡʔ ࣭ΛνΣοΫ͢Δਓ
デザイナーが フロントエンド領域に関わるメリット
6*࣮ͱ Ξχϝʔγϣϯ࣮
6*࣮ͱ Ξχϝʔγϣϯ࣮
σʔλͷܗʓʓͰʜ ʓʓͳΠϯλϥΫγϣϯ͕͋Δͱ ྑ͍ͳ͋ʜ ʢ৺ͷ ʣ
ฦ٫͞ΕΔσʔλͷ૬ஊ ༷มߋͷ૬ஊ Ξχϝʔγϣϯͷ૬ஊ σβΠφʔ ΤϯδχΞ ࢲ اը
浅い知識しか持っていなくても良い
ϦϦʔεޙͷ֬ೝͷϛʔςΟϯάʹࢀՃͨ͠߹
σβΠϯ ։ൃ ੳ اը ϝΠϯ։ൃͰ ͨ·ʹσβΠϯͳਓ ྫ͑ʜ
$53͕ʜ τϥϑΟοΫ͕ʜ ίϯόʔδϣϯ͕ʜ ؼ͕ʜ Կݸ͔ݴ༿ͷҙຯ͔Δ͔Β ϛʔςΟϯάͷ༰ཧղͰ͖Δ͚Ͳ ͔Βͳ͍ݴ༿͋Δ͔Β ޙͰௐΔͳΓɺฉ͘ͳΓ͠Α͏ʜ ʢ৺ͷ ʣ
ௐͨ ฉ͍ͨ վળΛ ߟ͑Δ վળࢪࡦΛ ఏҊ͢Δ 3. 2. 1. Έ͕ͦϑϧυϥΠϒ
σβΠϯ σβΠϯ ։ൃ ։ൃ ΑΓਂ·ͬͨ ੳ ੳ اը اը
ଞྖҬͷਓͱ ίϛϡχέʔγϣϯ͕औΓ͍͢ ͕ࣝগ͕ͣͭ͠Δ ৽ͨͳൃݟʹܨ͕ΔՄೳੑʜ
શ͘Θ͔Βͳ͍ͱԿ͔ΒखΛ͚ͯྑ͍͔͕͔Βͳ͍ʜ গ͠ͰࣝΛ͍࣋ͬͯΔͱλʔήοτ͕ఆΊ͍͢
デザイナーが 他領域に関わって⾏くためには
νʔϜఆྫͰ σβΠϯτϨϯυٕज़ͷΩϟονΞοϓɺ ࣮Ͱ٧ͬͨ༰ͱղܾํ๏ɺ ଞྖҬͰಘͨࣝͷڞ༗
1 ɺ͞ΕͨϓϩμΫτʹ࠶ͼɺ σβΠφʔͱͯؔ͠ΘΔͱͨ͠Β ࣍Ͳͷ෦ʹྗΛൃشͰ͖Δͷ͔Λߟ͑Δ
最後に
͋·ΓϩʔϧΛҙࣝͤͣʹ Ϣʔβʔɺ Ұॹʹಇ͘ϝϯόʔʹରͯ͠ ྑ࣭ͳମݧΛఏڙ͠Α͏ͱߟ͑Δͱ ࣗવʹྑ͍ྲྀΕʹͳ͍ͬͯ͘