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
saito yuka
May 31, 2018
1
2.7k
インハウスデザイナーの成長と育成
saito yuka
May 31, 2018
Tweet
Share
More Decks by saito yuka
See All by saito yuka
UXデザイナーとして成長するために取り組んだこと
saitoyuka
5
3k
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
How to train your dragon (web standard)
notwaldorf
92
6.1k
Balancing Empowerment & Direction
lara
1
340
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
A Tale of Four Properties
chriscoyier
159
23k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
16
940
Producing Creativity
orderedlist
PRO
346
40k
Unsuck your backbone
ammeep
671
58k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
GraphQLとの向き合い方2022年版
quramy
46
14k
Transcript
インハウスデザイナーの 成長と育成 ৽ଔσβΠφʔ ҭऀ Imaizumi Ayumi Saito Yuka º
͍·͍ͣΈ͋ΏΈ ࠓઘาඒ डୗͷ8&#੍࡞ ɾ ඒज़େֶॿख ɾ ݄ΑΓ ΈΜͳͷΣσΟϯάגࣜձࣾೖࣾ
֮זך㣐ⴖז傈כְאדַׅ 69σβΠϯ෦Ϛωʔδϟʔ
͍͞ͱ͏Ώ͔ ᴡ౻༗߳ ౦ژܳେֶ ϓϩμΫτσβΠϯΛֶͿ ɾ ݄ΑΓ ΈΜͳͷΣσΟϯάגࣜձࣾೖࣾ 69σβΠϯ෦
ΈΜͳͷΣσΟϯάͷαʔϏεϛογϣϯ ʮ݁ࠗࣜͷຊΛ͑Δʯ ޱίϛඅ༻໌ࡉͳͲɺՖՇՖ͕ ຊʹΓ͍ͨใ͔Β݁ࠗࣜΛ୳ͤΔ
ΈΜͳͷΣσΟϯάͰ ࢲͷ͔Β৽ଔ࠾༻͕ ࢝·Γ·ͨ͠ɻ
ͳͥ৽ଔ࠾༻Λ͢Δͷʁ
ͳͥ৽ଔ࠾༻Λ͢Δͷʁ ݻఆ֓೦͕ͳ͍ঢ়ଶ͔ͩΒͦ͜ ˣ ձࣾαʔϏεʹର͢Δཧղ͕ਂ͘ ߟ͑ൃॊೈ͔ͩΒ
ͳͥ৽ଔ࠾༻Λ͢Δͷʁ αʔϏεར༻ऀͰ͋ΔϢʔβʔͱ͍ۙྸ ˣ Ϣʔβʔͱಉ͡ઢͰΞΠσΞΛग़ͤΔ ࠓྲྀߦΓͷτϨϯυ࣌ͷมԽ͕ݟ͑Δ
ͦΜͳɺকདྷʹظ͕࣋ͯΔ৽ଔ ॳΊ͔ΒͰ͖ΔΘ͚Ͱ͋Γ·ͤΜɻ ͪΖΜlॳΊૉਓzͰ͢ɻ ͦͷͨΊɺҭ͕ඞཁʹͳΓ·͢ɻ
ʮجૅࣝΛʹ͚ͭΔதͰͿͪͨͬ ͨนΛΓӽ͑ɺҰਓલͷσβΠφʔ ʹͳΔ·Ͱͷʹ͍ͭͯʯ ࢲ͕͓͢Δ͜ͱ
ΈΜͳͷΣσΟϯάͷσβΠφʔ
ΈΜͳͷΣσΟϯάͷσβΠφʔ HJU ՁԾઆ ϑϩϯτ Τϯυ ՝ൃ۷ Ϣʔβʔ ΠϯλϏϡʔ ࣈݕূ σβΠϯ
ϓϩτλΠϓ
ΈΜͳͷΣσΟϯάͷσβΠφʔ HJU ՁԾઆ ϑϩϯτ Τϯυ ՝ൃ۷ Ϣʔβʔ ΠϯλϏϡʔ ࣈݕূ σβΠϯ
ϓϩτλΠϓ ̍ͰҰ࿈ͷྲྀΕΛܦݧ͠·ͨ͠ɻ
ଐॳظʹߦͬͨλεΫ ੩తͳLPͷσβΠϯ͔Β࣮ɺϦϦʔε·ͰΛҰਓͰߦͬͨ
ଐॳظʹߦͬͨλεΫ αΠτͷվળΛࢪࡦఏҊ͔Βݕূ·ͰɺΦʔφʔγοϓΛ࣋ͬͯߦͬͨ λάݕࡧϖʔδ ͷվળ ϚΠϖʔδ ͷվળ
ΈΜͳͷΣσΟϯάͷσβΠφʔ HJU ՁԾઆ ϑϩϯτ Τϯυ ՝ൃ۷ Ϣʔβʔ ΠϯλϏϡʔ ࣈݕূ σβΠϯ
ϓϩτλΠϓ
ΈΜͳͷΣσΟϯάͷσβΠφʔ Ͱ͖ͳ͍Αʙ͒ ηϯεͳ͍Αʙ͒ HJU ՁԾઆ ϑϩϯτ Τϯυ ՝ൃ۷ Ϣʔβʔ ΠϯλϏϡʔ
ࣈݕূ σβΠϯ ϓϩτλΠϓ
՝
՝
ͳͥͿ͔ͭͬͨʁ ۀͰ֮͑ͯ ίϚϯυϥΠϯΛ͙͢Εͯ͠·͏
ʰۀͰ֮͑ͯίϚϯυϥΠϯΛ͙͢Εͯ͠·͏ʱ ͳͥͿ͔ͭͬͨʁ ɾϝϞΛݟΕॻ͚Δ͕ɺ͖ͪΜͱΈ֓೦Λ ཧղ͍ͯ͠ͳ͍ ɾ͙͢ΤϥʔΛग़ͯ͠ϋϚΔ
ʰۀͰ֮͑ͯίϚϯυϥΠϯΛ͙͢Εͯ͠·͏ʱ ͳͥͿ͔ͭͬͨʁ ɾϝϞΛݟΕॻ͚Δ͕ɺ͖ͪΜͱΈ֓೦Λ ཧղ͍ͯ͠ͳ͍ ɾ͙͢ΤϥʔΛग़ͯ͠ϋϚΔ ͜ͷ··͡Ό͍ʜ グザッ グザッ
ɾHJUͷ֮͑ͨࣝΛಘҙͳΠϥετΛͬͯࣾڞ༗πʔ ϧʹ·ͱΊɺि̍ϖʔεͰଞͷσβΠφʔʹൃද͢Δ ɾΞτϓοτͷͰ͞ΒʹϑΟʔυόοΫΛΒ͏ Ͳ͏Γӽ͑ͨʁ
Ͳ͏Γӽ͑ͨʁ ʮᴡ౻ʹΑΔᴡ౻ͷͨΊͷษڧձʯ σβΠφʔγΣΞձͰΞτϓοτͷ࣌ؒΛ ࡞ͬͨ
ษڧ༻ΦϦδφϧΩϟϥΫλʔ ͺΜ͍ͪͶ͜
Ͳ͏มΘΔʁ ΠϥετΛඳ͘ ʮཧ͠ͳ͕Βࢹ֮తʹཧղͰ͖Δʯ 1PJOU̍ ֮͑ͨͷΛൃද͢Δ ʮ࠶ֶश͢Δ͜ͱͰΑΓʹͭ͘ʢΕʹ͘͘ͳΔʣʯ 1PJOU̎ ΞτϓοτͷͰ͞ΒʹϑΟʔυόοΫΛΒ͏ ʮΑΓཧղ͕ਂ·Δʯ 1PJOȔ
݁Ռ ɾϝϞΛݟΕॻ͚Δ͕ɺ͖ͪΜͱΈ֓೦Λཧղ͍ͯ͠ͳ͍ ɾ͙͢ΤϥʔΛग़ͯ͠ϋϚΔ #BEʜ ɾҰͭҰͭཧղ͠ͳ͕ΒۀͰίϚϯυΛଧͯΔΑ͏ʹͳͬͨ ɾͪΐͬͱͨ͜͠ͱͰΤϥʔΛग़͞ͳ͘ͳͬͨˍͭ·͔ͮͳ͘ͳͬͨ 4LJMMVQ
՝
՝
ͳͥͿ͔ͭͬͨʁ άϥϑΟοΫͱͱۤख 6*ࣝҾ͖ग़͕͠ͳ͍
ʰάϥϑΟοΫͱͱۤखࣝҾ͖ग़͕͠ͳ͍ʱ ͳͥͿ͔ͭͬͨʁ ɾظҎ্ͷͷΛ࡞Εͳ͍ ɾઌഐ͔ΒͷσβΠϯϨϏϡʔ͕Ռͯ͠ͳ͍ ɾσβΠϯ࡞ʹ͕͔͔࣌ؒΔ
ʰάϥϑΟοΫͱͱۤखࣝҾ͖ग़͕͠ͳ͍ʱ ͳͥͿ͔ͭͬͨʁ ɾظҎ্ͷͷΛ࡞Εͳ͍ ɾઌഐ͔ΒͷσβΠϯϨϏϡʔ͕Ռͯ͠ͳ͍ ɾσβΠϯ࡞ʹ͕͔͔࣌ؒΔ ͜ͷ··͡Ό͍ʜ グザッ グザッ
ɾଞࣾαΠτͷ؍ ɾσβΠϯϨϏϡʔͷϑΟʔυόοΫΛ׆͔͢ Ͳ͏Γӽ͑ͨʁ
Ͳ͏Γӽ͑ͨʁ ࣗͷҾ͖ग़͠Λ૿ͨ͢Ίʹ͋ΒΏΔσβΠϯͷΠϯϓοτΛߦ͏ ଞࣾαΠτͷ؍ TMBDLʹઐ༻ͷνϟωϧΛ࡞ͬͯ ຖΞτϓοτͯ͠·ͨ͠ʂ
Ͳ͏Γӽ͑ͨʁ ઌഐ͔ΒΒͬͨϑΟʔυόοΫΛ࣍ͷσβΠϯʹ׆͔͢͜ͱͰࣝҾ͖ग़͕͠ ૿͑Δ σβΠϯϨϏϡʔͷϑΟʔυόοΫΛ׆͔͢ ̍ճͷϨϏϡʔ ̎ճͷϨϏϡʔ ̏ճͷϨϏϡʔ
Ͳ͏มΘΔʁ ଞࣾαΠτͷ؍ ʮҾ͖ग़͕͠૿͑Δʯ 1PJOU̍ σβΠϯϨϏϡʔͷϑΟʔυόοΫΛ׆͔͢ ʮجૅ෦Α͘Γ͕ͪͳบʹؾΛ͚ͭͯσβΠϯͰ͖Δʯ 1PJOU̎ ʮϨϏϡʔͷ͕ݮΔʢˠσβΠϯεϐʔυ͕ૣ͘ͳΔʣʯ
݁Ռ ɾظҎ্ͷͷΛ࡞Εͳ͍ ɾσβΠϯ࡞ʹ͕͔͔࣌ؒΔ #BEʜ ɾᴡ౻͞Μ͕࡞ͬͨσβΠϯ͖ͱݴΘΕΔΑ͏ʹͳͬͨ ɾݟੵΓ௨ΓͷͰσβΠϯ͕࡞ΕΔΑ͏ʹͳͬͨ 4LJMMVQ ɾϨϏϡʔͷݮΓ͙͢௨ΔΑ͏ʹͳͬͨ ɾઌഐ͔ΒͷσβΠϯϨϏϡʔ͕Ռͯ͠ͳ͍
ҭऀ͔Βͷઢ ҭऀ ৽ଔσβΠφʔ
ΞδΣϯμ 01 02 ࢧԉωοτϫʔΫ Α͍ඪઃఆ
ΞδΣϯμ 01 02 ࢧԉωοτϫʔΫ Α͍ඪઃఆ
՝̍ɿ(JUͷน w Ξτϓοτͷํ๏ຊਓʹͤΔ w ΓํΛͯ͠ࢼߦࡨޡ͢Δͷ ܇࿅ w σβΠφʔͷجຊεΩϧʮ૬खʹ ͑Δྗʯ ओମੑΛ࣋ͨͤΔ
՝̍ɿ(JUͷน ฉ͍͍ͯΔઌഐશһͷҭҙࣝ ͕ժੜ͑Δ ཪత ࢧԉωοτϫʔΫΛ࡞Δ
ࢧԉωοτϫʔΫͷྫ
ࢧԉωοτϫʔΫΛ࡞Δత w ຊΕͯଞʹܨ͕͍ͬͯΔ w ͔Βͳ͍ࣄΛ୭͔ʹʮ͔Βͳ͍ʯ ͱฉ͚Δڥ࡞Γ ຊԻ͕ݴ͑Δڥʹग़དྷΔ
ࢧԉωοτϫʔΫͷ࡞Γํ w ͦͷਓʹ߹ΘͤͨωοτϫʔΫܗ͕ ඞཁ w ຊਓࣗࣗΒࣗવʹ࡞͍ͬͯΔ͜ͱ ͋Δ w ωοτϫʔΫਤΛॻ͍ͯΈͯɺ͠ࢧ ԉ͕ݶఆతͩͬͨΒɺҙਤͯ͠࡞͠
ͨํ͕ྑͦ͞͏
ΞδΣϯμ 01 02 ࢧԉωοτϫʔΫ Α͍ඪઃఆ
՝ɿσβΠϯ໘ ඪઃఆ͕େࣄͳ͜ͱΈΜͳ͍ͬͯΔʜ ͚ͩͲσβΠφʔͷඪઃఆͬͯ ਖ਼͘͠ͳ͍Ͱ͔͢ʁ
Α͍ඪઃఆ ྑ͍ඪͷཱͯํɻSMART
4."35ͷҰྫ .FBTVSBCMFʢଌఆՄೳͳʣ ඪͷୡ߹͍͕ຊਓʹ ্࢘ʹஅͰ͖ΔΑ͏ɺͦ ͷ༰ΛఆྔԽͯ͠ද͢
4."35ͷҰྫ σβΠϯྗΛ্ͤ͞Δ ࢦ͍ͨ͠ঢ়ଶ σβΠϯͷҾ͖ग़͠ෆ σβΠϯ࡞ʹ͕͔͔࣌ؒΔ σβΠϯϨϏϡʔͰϑΟʔυόοΫ ͕ଟ͍ʢखΓ͕ଟ͍ʣ ෆ͍ͯ͠Δࣄ ࣄ࣮ϕʔεͰͲΜͳ͜ ͱ͕ى͍ͬͯ͜Δ͔
ఆྔԽग़དྷͦ͏ͳ߲Λݟ͚ͭΔ
4."35ͷҰྫ σβΠϯϨϏϡʔͰϑΟʔυόοΫ ͕ଟ͍ʢखΓ͕ଟ͍ʣ ෆ͍ͯ͠Δࣄ ࣄ࣮ϕʔεͰͲΜͳ͜ ͱ͕ى͍ͬͯ͜Δ͔ σβΠϯϨϏϡʔͷϑΟʔυόοΫ ͕ݮΔ ՝ΛΓӽ͑ͨ ࣌ͷঢ়ଶ
मਖ਼ʹ͔͔Δ࣌ؒΛ̋ݮ ఆྔඪ
4."35ͷҰྫ मਖ਼ʹ͔͔Δ࣌ؒΛ̋ݮ ఆྔඪ ಉϘϦϡʔϜͷσβΠϯϨϏϡʔͷ मਖ਼ʹ͔͚ͨ ઌ݄ʹ࣌ؒɺࠓ݄ʹ࣌ؒ ʹݮগ ݁Ռͱ;Γ͔͑Γ
4."35ͷҰྫ ఆྔԽग़དྷΔσβΠφʔͷඪҰྫ w ࣌ؒɾ w ݅ʢσβΠϯҊ݅खΓͳͲʣ w ϦϦʔεʢೲظ͕ॏཁͳҊ݅ͳΒʣ w ࡞ͬͨϓϩμΫτͷ݁Ռ
ʜͳͲ
ΞδΣϯμ ࠓޙ
ࠓޙ ৽ଔ࠾༻Λܧଓతʹ͓͜ͳͬͯ ͍͘༧ఆͳͷͰɺҭܧଓత ʹߦ͑ΔΈΛ࡞Δ
ΈΜͳͷ େͳ Λ;͢