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
280
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
55
デザイントークンの適用率計測とその活用
myoshiro
0
750
画像の減色処理とOctree
myoshiro
1
160
CSS Houdiniであそぶ
myoshiro
0
71
Template Literal Typesであそぶ
myoshiro
1
120
Selector-2-regexp というツールを作った
myoshiro
0
170
わたしたちのコーディングのUX
myoshiro
1
170
Data Studio Community Visualizationを触ってみた
myoshiro
1
430
UIデザインと関わろう
myoshiro
0
400
Other Decks in Design
See All in Design
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
220
デザインをみんなのものに 「デザインの脱植民地化」を日本の文脈で考える
mayunak
7
4.1k
The Fight
euralisw
0
110
社内管理画面のデザインもプロダクトデザイン
takanorip
4
740
言語やロールの違いを超えて、一緒にデザインしていくための挑戦
hrtnde
0
1.3k
root Design Partnership Policy
root_recruit
0
4k
素晴らしき余白の世界
kasumidyaya
1
110
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.2k
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
23
7.8k
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
450
顕在化されていない期待、デザインの灯台
daitorii
1
1.1k
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
390
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
28
6.3k
Clear Off the Table
cherdarchuk
84
310k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
19
1.7k
Unsuck your backbone
ammeep
663
57k
For a Future-Friendly Web
brad_frost
172
9k
Rebuilding a faster, lazier Slack
samanthasiow
73
8.2k
Visualization
eitanlees
136
14k
Facilitating Awesome Meetings
lara
42
5.6k
Faster Mobile Websites
deanohume
299
30k
Fireside Chat
paigeccino
21
2.6k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
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