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
Atomic Designとデザインとプロダクト
Search
m-yoshiro
April 27, 2017
Design
3
290
Atomic Designとデザインとプロダクト
社内イベント ホスTechMTG #3で発表したスライドです。
Atomic Designを通して、デザインがプロダクト(とチーム)ともっと関われるのでは!というお話です。
m-yoshiro
April 27, 2017
Tweet
Share
More Decks by m-yoshiro
See All by m-yoshiro
雑に出してみるデザイントークン適用率
myoshiro
0
69
デザイントークンの適用率計測とその活用
myoshiro
0
940
画像の減色処理とOctree
myoshiro
1
210
CSS Houdiniであそぶ
myoshiro
0
86
Template Literal Typesであそぶ
myoshiro
1
140
Selector-2-regexp というツールを作った
myoshiro
0
190
わたしたちのコーディングのUX
myoshiro
1
190
Data Studio Community Visualizationを触ってみた
myoshiro
1
460
UIデザインと関わろう
myoshiro
0
440
Other Decks in Design
See All in Design
Les petites aventures de CSS, saison 2024
goetter
2
3.7k
DMMデザイナーのプロダクトへの携わり方と組織再編
takumasaito
1
160
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
1.3k
業務システムのUX/UI設計ノウハウを解説。デザイナー不在で失敗しないために身につけるべき基本とは?
ncdc
2
720
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
340
デザインプリンシプルのつくりかた(freee技術の日)
magi1125
3
2.7k
Making impact with your craft with sociotechnical design
xinyao
1
140
改正障害者差別解消法の概要説明
securecat
0
130
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.5k
Sunny Day Storyboard
ctagulao98
0
190
Baby Bear Genius
yvonnehsuanho
PRO
0
600
WHAT ARE ME?
takuro_nakajima
PRO
0
1.8k
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
105
6.8k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
Build The Right Thing And Hit Your Dates
maggiecrowley
28
2.2k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
Automating Front-end Workflow
addyosmani
1362
200k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
4 Signs Your Business is Dying
shpigford
178
21k
In The Pink: A Labor of Love
frogandcode
139
22k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
Gamification - CAS2011
davidbonilla
78
4.9k
Transcript
"UPNJD%FTJHOͱσβΠϯͱ ϓϩμΫτ (.0ϖύϘגࣜձࣾϗεςΟϯάࣄۀ෦ϩϦϙοϓʂάϧʔϓদຊ๕
Θͨ͠Α͠Ζ͏ɺσβΠφʔʜ NJOOFͷσβΠφʔͱͯ͠ೖࣾ ͖ͯ͠Ό͖ͬΌͯͨ͠ !CFOOLZPVHJSBJ দຊ๕ ϩϦϙοϓʂʹҠΓ͖Ό͖ͬΌ ͯ͠Δ
$POUFOUT w ͡Ίʹ w "UPNJD%FTJHOͱ w ͜Ε͔ΒͷσβΠϯͱϓϩμΫτͷؔΘΓํ
͡Ίʹ
ࠔͬͨʂ ಉ͡ύʔπΛ ࡞ͬͯ͠·ͬͨʂ ϩάΠϯ͠ͳ͍ͱ ݟΕͳ͍ʂ ೝࣝͷζϨ͕͋Δʂ σβΠϯ͕όϥόϥʂ
Ψείϯϩ͕յΕͨʂ ࠔͬͨʂʂʂ αʔϏεͷ༷Λ Ѳ͢Δͷ͕େมʂ ػೳͷݺͼ໊͕ ਓʹΑͬͯҧ͏ ػೳΛܾΊ͍ͨͷʹ ݟͨͷʹͳͬͯ͠·͏ɻ ܾΊࣄͰຖճ ಉ্͕͕͡Δ
w ϓϩμΫτͷػೳΛ୳ͮ͠Β͍ w σβΠϯʹҰ؏ੑ͕ͳ͍ w ೝࣝͷζϨ w ৬ʹΑͬͯϓϩμΫτͷ6*Λࢦ͢ݴ༿͕ҟͳΔ ࠔͬͨ͜ͱ͕৭ʑ͋Δ͚ͲɺՌͨͯ͠ผʑͷͩΖ͏͔ʁ
͔ͯ͠͠ɺ σβΠϯͱνʔϜ͕͏·ؔ͘ΘΕ͍ͯͳ͍ʁ
ʮॿ͚ͯʂʯ
l"UPNJD%FTJHOz όόʔϯ
"UPNJD%FTJHOͬͯͳʹʁ
"UPNJD%FTJHOͱ #&.Έ͍ͨͳ$44ͷίʔσΟϯάϧʔϧͷ͜ͱʁ ɹΑ͋͘Δޡղ σβΠϯͷύʔπԽͱ࠶ར༻ͷ͜ͱͰ͠ΐʁ ͢ͰʹͬͯΔϫϯ "UPNJD໊ͯલɺΧοί͚ͭͯΠέ͔͢ͳ͍Θ
"UPNJD%FTJHOͱ "UPNJD%FTJHOσβΠϯγεςϜ w σβΠϯͷҰ؏ੑ w ϓϩμΫτͷ։ൃεϐʔυΞοϓ w ։ൃऀɾσΟϨΫλʔͷΛΘͳ͍ڞ௨ݴޠΛͨΒ͢ w σβΠϯͷ࠷ॳͷஈ֊͔ΒσβΠφҎ֎ͷϝϯόʔ͕ؔΘΕΔ
w ஈ֊ʹ͚Δ͜ͱͰ֤εςʔδͰूத͖͢࡞ۀΛߦ͑Δ
"UPNJD%FTJHO Έ
"UPN .PMVFDFVMFT 0SHBOJTN 5FNQMBUFT 1BHFT ݪࢠ ࢠ ༗ػମ ςϯϓϨʔτ ϖʔδ
ίϯϙʔωϯτ ͷ࠷খ୯Ґ "UPN͔ΒΔ ίϯϙʔωϯτ .PMVFDFVMFT͔ Β ུ ϨΠΞτύλ ʔϯ ϓϩμΫτಉ ͷϖʔδ FY ϘλϯɺϑΥʔ Ϝ୯ମ FY ݕࡧϑΥʔϜ FY ϔομʔ FY ೖྗϑΥʔϜͷ ϨΠΞταϯϓϧ FY ࣮ࡍͷςΩετ Λૠೖͨ͠ϖʔδ Έ w ݪࢠɾࢠɾ༗ػମΛϞνʔϑͱͨͭ͠ͷϨΠϠʔΛ࣋ͭ
"UPN 5FNQMBUFT .PMFDVMFT 0SHBOJTNT 1BHFT MBCFM %P MBCFM MBCFM %P
MBCFM %P MBCFM MBCFM MBCFM ͜ͷͭࠓճ৮Ε·ͤΜɻ
݁ہͳʹ͕͍͍ͷʁ
νʔϜશһ͕ ֤ϨΠϠʔʹΞΫηεͰ͖Δ
"UPN .PMFDVMFT 0SHBOJTNT MBCFM %P MBCFM MBCFM %P MBCFM %P
MBCFM MBCFM MBCFM ͦΕͧΕͷϨΠϠʔʹ νʔϜશһ͕ࢀՃ͢Δʂ ྫ͑͜ͷͭ
νʔϜશһͰΔ ྫ͑͜Μͳํ๏ w ͰνʔϜશһͰඞཁͳύʔπΛϐοΫΞοϓ w શͯΛҹͯ͠นʹషΔ w νʔϜશһͰΧςΰϥΠζ͢Δ w ݸผͷ໋໊ʹམͱ͠ࠐΉ
"UPN .PMFDVMFT 0SHBOJTNT
νʔϜશһͰΔ ͍͍͜ͱ w νʔϜશһ͕ڞ௨ͷೝࣝΛ͍࣋ͯͯΔ w σβΠϯ͕ͯ͠ͳͯ͘ɺϑϩϯτɾόοΫͷΤϯδχΞ͕४ උʹऔΓ͔͔ΕΔ w σβΠϯ͕ͯ͠ͳͯ͘ɺϓϩμΫτͷ͕ࣝڞ༗Ͱ͖͍ͯΔ "UPN
.PMFDVMFT 0SHBOJTNT
ࠓ·ͰͷελΠϧ ' ϞοΫΞοϓ Λ࡞ ϖʔδ σβΠϯ ( Α͘Θ͔Βͳ͍ͱ͍͏น Λ͑Δඞཁ͕͋Δ )
"UPNJDͳελΠϧ ' "UPN 5FNQMBUF ( ΈΜͳ͕ࢀՃ͢Δ ) .PMVFTDFVT 0SHBOJTN 1BHF
σβΠϯͷϨΠϠʔׂ͕͞Ε͍ͯΔ͔Βɺ ͦΕͧΕͷஈ֊ͰΈΜͳ͕ࢀՃͰ͖Δ
"UPNJD%FTJHOΛ࣮ߦ͢ΔͨΊʹ 1BUUFSOMBC 'SBDUBM "UPNJDͳσβΠϯΛҡ࣋͠ ͍ͯͨ͘ΊʹɺৗʹΈΜͳ ͕ӾཡͰ͖Δॴ͕ඞཁ ελΠϧΨΠυ IUUQGSBDUBMCVJME IUUQQBUUFSOMBCJP ͦͷͨΊͷڧྗͳπʔϧ͕
ελΠϧΨΠυʂ ͜͜ͷ͍͔ͭ·ͨ
͜Ε͔ΒͷσβΠϯͱ ϓϩμΫτͷؔΘΓํ
νʔϜશһ͕σβΠϯͱؔΘΔʂ σβΠϯ͕ϓϩμΫτͱ͍ൣғʹؔΘ͍ͬͯ͘ɻ ͜Ε͔ΒͷσβΠϯͷؔΘΓํ
"UPN 5FNQMBUFT .PMFDVMFT 0SHBOJTNT 1BHFT MBCFM %P MBCFM MBCFM %P
MBCFM %P MBCFM MBCFM MBCFM ͕࣍͋Ε͜͜ʂ
4FFZPV