エンジニアであるわたしがデザインを知り乗りこなすまで / a story of an engineer and design

by Hiromi Morikawa

Slide 1

Slide 1 text

ΤϯδχΞͰ͋ΔΘ͕ͨ͠ σβΠϯΛ஌Γ ৐Γ͜ͳ͢·Ͱ ΤϯδχΞ͕σβΠϯʹؔΘΕΔ͜ͱ

Slide 2

Slide 2 text

)$%/FUೝఆਓؒத৺ઃܭઐ໳Ո ࠷ۙδόϯγΠͱϙʔΧʔʹ໨֮Ίͨ ώϩϛπ !IJSPNJUTVVVVV

Slide 3

Slide 3 text

'SPOUFOE%FWFMPQNFOU 6*%FTJHO )$% 69 ͍·͜͜ 4*FSతͳ͓࢓ࣄ΍8FCडୗ΍ͬͯΔձࣾʹ͍·͢ ࣗࣾडୗ ৽نࣄۀ Ϣʔβʔ ςετ 3FBDU 3FEVY 6*ઃܭ

Slide 4

Slide 4 text

ࠓ೔͸ͳ͢͜ͱ •  σβΠϯΛ஌Δ·͑ͱ͋ͱͰมΘͬͨ͜ͱ •  มΘΔ͖͔͚ͬ •  େ੾ʹ͍ͯ͠Δ͜ͱ before after

Slide 5

Slide 5 text

ͦΕ·ͰͷΘͨ͠

Slide 6

Slide 6 text

ͦͷ·͑ʹʜΤϯδχΞʹͳΔ͖͔͚ͬ ΠϯλʔωοπͰΘ͘Θ͘͢Δ΋ͷͭ͘ΔͶΜ 引用元：h"ps://a"labo.com/blog/web/mixi_with_google_account/

Slide 7

Slide 7 text

ʰΤϯδχΞϦϯά஌Βͳ͍ͱ ֆʹ͔͍ͨṷ͡Όͳ͍ ʱ

Slide 8

Slide 8 text

ΤϯδχΞΩϟϦΞͷ͸͡·Γ 6.- ୯ମςετFUDʜ +BWBͰͷόοΫΤϯυͷڭҭΛܦͯϑϩϯτ΁

Slide 9

Slide 9 text

Θ͕ͨؔ͠Θ͍ͬͯͨͻͱͨͪ اը σβΠφʔ σΟϨΫλʔ ϑϩϯτΤϯυ ΤϯδχΞ Biz Design Dev ϚʔΫΞοϓ ΤϯδχΞ )5.-$44 ϑϩϯτΤϯυ ΤϯδχΞ +4

Slide 10

Slide 10 text

ཁ݅ͷ੔ཧʙ࣮ݱੑΛߟྀͨ͠6*ઃܭ ։ൃ ϓϩδΣΫτ΁ͷؔΘΓํ γφϦΦ ࡞੒ ϑϩϯτ ࣮૷ ɾཁ݅ͷ੔ཧ ʢۀ຿ϑϩʔͳͲʣ ɾϑϩϯτٕज़ͷ3ˍ% ɾ)5.-$44+4࣮૷ 6*ઃܭ σβΠϯ ɾ৘ใઃܭ ɾޮ཰తͳ࣮૷Λ ɹߟྀͨ͠6*ઃܭ ։ൃݱ৔΁ ड͚౉͠ اը͔Βͷ ։ൃ૬ஊ

Slide 11

Slide 11 text

͔Μ͕͍͑ͯͨ͜ͱ 6*ઃܭ •  Ͳ͏͍͏ྲྀΕͰ࢖͏͔ •  Ϣʔβʔͷ৘ใ֓೦ ϑϩϯτ࣮૷ •  ͍͔ʹ࣮૷͢Δ͔ •  ͦͷٕज़͔ͩΒ࣮ͦ͜ݱͰ͖Δ͜ͱ͸ͳ͍͔ •  ύϑΥʔϚϯεΛ͍͔ʹ্͛Δ͔ •  ͍͔ʹ࢖͍΍͍͢ϥΠϒϥϦΛఏڙ͢Δ͔

Slide 12

Slide 12 text

஫ྗ͍ͯͨ͜͠ͱ   པ·Εͨཁ݅ͷൣғͰ࢖͍қ͍6*Λઃܭ͢Δ   ػೳΛ͍͔ʹ࣮ݱ͢Δ͔

Slide 13

Slide 13 text

ͱ͋Δ$޲͚ͷ৽نαʔϏεͰʜ ཁ݅ʹԊͬͯઃܭͨ͠ʂ ظؒ΋༧ࢉ΋େ͖ͳϒϨͳ͠ʂ ։ൃϓϩδΣΫτ੒ޭʂ

Slide 14

Slide 14 text

ऩࢧ͕൐Θͣ ̍೥ͰαʔϏεΛ؃औΔ͜ͱʹʜ

Slide 15

Slide 15 text

πʔϧΛຒΊͯ΋શ વͬ͘͠Γ͜ͳ͍ʜ ڝ߹ʹࣅͨγφϦΦ ΍6*ʹͳΔʜ ԾઆΛग़͢ͷʹ࣌ؒ ͕͔͔Δʜ 69ؔ࿈πʔϧ͸ ࢖͍͚ͬͯͨΕͲʜ

Slide 16

Slide 16 text

πʔϧʹৼΓճ͞Ε͚ͯͨͩͩʜ ར༻͞Εͳͯ͘ڏ͍͠ʜ Ձ஋͋Δػೳ 6*ʹۙͮ͘ʹ͸Ͳ͏͢Ε͹ʜ

Slide 17

Slide 17 text

ਓؒத৺σβΠϯͷ໳Λ͙͘Δ ਓؒத৺ઃܭͷܭը ར༻ঢ়گͷ೺Ѳͱ ໌ࣔ ϢʔβͷཁٻΛຬͨ ͢ղܾࡦͷ࡞੒ Ϣʔβͷ ཁٻࣄ߲ͷ໌ࣔ ཁٻࣄ߲ʹର͢Δ ઃܭͷධՁ ղܾࡦ͕Ϣʔβʔͷ ཁٻࣄ߲Λຬͨ͢ ௐ ࠪ ෼ ੳ ධ Ձ ࡞ ੒ Ϣʔβʔ΍ ϢʔβΛͱ Γ·͘ঢ়گ ʹ͍ͭͯ஌ Δ σβΠϯ΍ ઃܭҊͷଥ ౰ੑΛධՁ ͢Δ Ϣʔβʔͷ χʔζ΍ຊ ࣭తͳཁٻ Λ஌Δ ΞΠσΞΛ ߟ͑ͯɺγ εςϜ΍Ϟ ϊʹ͢Δ Human Centered Design (HCD) ʮ*40ʯͰࠃࡍن֨Խ͞Ε͍ͯΔ ΠϯλϥΫςΟϒγεςϜͷਓؒத৺ઃܭʹؔ͢Δن֨

Slide 18

Slide 18 text

ߏ଄ԽγφϦΦ๏

Slide 19

Slide 19 text

Ϣʔβʔ ৘ใ Ϗδωε ৘ใ ϓϩδΣΫτͷ ໨ඪ Ϣʔβʔͷ ຊ࣭త ཁٻՁ஋ Ϗδωεͷ ఏڙՁ஋ όϦϡʔ γφϦΦ ΞΫςΟ ϏςΟ γφϦΦ 69 ϑϩʔ ΢ΥʔΫ εϧʔ ධՁ ΞΫςΟ ϯά Ξ΢τ )$%ͷαΠΫϧΛ Ұ௨Γճͯ͠Έͨ

Slide 20

Slide 20 text

શ෦ɺܨ͕ͬͯΔΜͩʂ Ͳ͏ͯ͠࡞͍ͬͯΔ͔ ͕෼͔ͬͨʂ ϖϧιφ γφϦΦ ৘ใϚοϓ ࿦ཧϞσϧ 6*ઃܭ Ϣʔβʔςετ

Slide 21

Slide 21 text

খ͘͞͸͡Ί࣮ͯ੷Λͭ͘Δ ࣗࣾࣄۀͰউखʹϢʔβʔώΞϦϯάͯ͠ɺ উखʹϢʔβϏϦςΟςετ͠͸͡Ίͨ ؆୯ͳϢʔβϏϦ ςΟςετͳΒ ͏ͪͰ΍Ε·͢Αʂ ฉ͖ࣖʜ Ҋ݅૬ஊதʜ

Slide 22

Slide 22 text

ͦͨ͠ΒҊ݅ʹ΋ݺ͹Ε࢝Ίͨ ৽نαʔϏεͷ ϢʔβϏϦςΟςετͱड༰ੑௐࠪ ࢖͍ʹ͍͘ʂ ࠓͷΞϓϦ͔Β ৐Γ׵͑͸͠ͳ͍Ͷ ͋ΘΘʜ

Slide 23

Slide 23 text

ͦͷػೳ͕ɺ ͳͥඞཁͱ͞ΕͯΔ͔ ෼͔ͬͨʂʂ

Slide 24

Slide 24 text

ؔ܎ऀͷҙ͕ࣝมΘͬͨ •  ػೳΛ٧ΊࠐΈ͗ͯ͢Ձ஋͕఻ΘΒͳ͍ʜ •  ίΞʹয఺Λ౰ͯͨํ޲मਖ਼΁ ؔ܎ऀΛר͖ࠐΊΔʂ ͜Εͩʂʂ ΑΓίΞʹػೳΛߜ Βͳ͖ΌͩΊͩ Θͨ͠΋ ͦ͏͓΋͏ʂ

Slide 25

Slide 25 text

σβΠϯͷޫ͕ ݟ͑ͨ͋ͱͷΘͨ͠

Slide 26

Slide 26 text

͍·ͷϓϩδΣΫτΛͱΓ·͘ਓͨͪ ࣄۀ੹೚ऀ ϓϩμΫτΦʔφʔ εΫϥϜϚελʔ σβΠφʔ ϑϩϯτΤϯυ ΤϯδχΞ +4 όοΫΤϯυ ΤϯδχΞ ϚʔΫΞοϓ ΤϯδχΞ )5.-$44 σΟϨΫλʔ Πϯϑϥ ΤϯδχΞ 69% Biz Design Dev

Slide 27

Slide 27 text

ϓϩδΣΫτ΁ͷؔΘΓํ Ϣʔβʔ ௐࠪ γφϦΦ ࡞੒ ϑϩϯτ ࣮૷ New ɾαʔϏεͱͷग़ձ͍ ɹ͔Β6*ར༻·Ͱ ɾ8FCҎ֎ͷ઀఺ Ϣʔβʔ ݕূ New ɾϢʔβϏϦςΟ ɾड༰ੑ ϑϩϯταϙʔτ ɾελΠϧΨΠυ ɾ3FBDU3FEVY࣮૷ ɾΞʔΩςΫνϟ੔උ 6*ઃܭ σβΠϯ σβΠϯαϙʔτ ɾ৘ใઃܭ

Slide 28

Slide 28 text

ͳʹ͕มΘ͔ͬͨ   ϢʔβʔΛத৺ʹ࿩Λ͢Δ   ͙͢ʹ࣮૷ͤͣݕূΛڬΉ   ػೳͷҙຯ ༏ઌ౓Λҙࣝ͢Δ

Slide 29

Slide 29 text

ϢʔβΛத৺ʹ࿩Λ͢Δ •  ओ؍ͰϖϧιφɾγφϦΦΛ࡞Βͳ͍ •  ࣄۀଆͷ৘ใ '4݁ՌͳͲ Λ࢖ͬͯ࡞Δ •  ޻਺͕ͳ͍৔߹͸ࣾ಺ͰϦΫϧʔςΟϯά •  5XJUUFSͰͻͨ͢ΒωοτετʔΩϯάͱ͔ •  ౎౓ϖϧιφͷ࿩Λ࣋ͪग़͢ •  ࿩Λ͢Δͱ͖ʹৗʹ࣋ͪา͘ •  ʮ͜ͷͻͱͩͬͨΒʙʯͰ࿩͢

Slide 30

Slide 30 text

ϖϧιφ͕ͻͱΓา͖͢ΔΑ͏ʹͳͬͨ ಉ͡΋ͷΛޠΕΔ༧ײʜʂ ࣄۀ੹೚ऀ ͋ɺͻΖΈͭʂ ͋ͷࢿྉɺ౴ਃࢿྉ ʹ΋࢖ͬͱ͍ͨʂ ͳΜͱʂ εΫϥϜϚελʔ ࠓͷ6*ɺ ͋ͷਓͨͪʹ͸ ෳࡶ͗͢͡Όͳ͍ʁ ͔ͨ͠ʹʂ

Slide 31

Slide 31 text

͙̎͢ʹ࣮૷ͤͣݕূΛڬΉ •  νϟϯε͕͋Ε͹ϢʔβϏϦςΟςετ •  ϦϦʔεޙͷখ͞ͳݕূ͔ΒऔΓೖΕΔ •  ؔ܎ऀΛר͖ࠐΉ •  ࣄۀଆɺ։ൃଆɺσβΠφʔͳͲ •  ۭؾײΛײͯ͡΋Β͏

Slide 32

Slide 32 text

ը໘ΠϝʔδϨϕϧ͔ΒͰ΋ ݕূͰ͖ΔΑ͏ʹͳͬͨ ࣄۀ੹೚ऀ ΍ͬͺϢʔβʔʹ ग़ͯ͠Έͳ͍ͱμϝ ͩΘ εΫϥϜϚελʔ ͣͬͱ࡞ͬͯΔͱ ͳʹ͕͍͍͔Θ͔Μ ͳ͘ͳͬͪΌ͏Ͷ ͔࣍Βݕূ ΍Γ·͠ΐʂ ΋͸΍͜Ε·Ͱࢲ ͸Կނࢥ͍ࠐΈઃ ܭͰϦϦʔεͰ͖ ͨͷ͔ʜ

Slide 33

Slide 33 text

ػೳͷҙຯɺ༏ઌ౓Λҙࣝ͢Δ •  ػೳͱγφϦΦʹҰ؏ੑ͕͋Δ͔ •  ࢥ͍͖ͭػೳ΍੝Γ͗͢ʹͳ͍ͬͯͳ͍͔ •  ϝΠϯγφϦΦΛ࠷খݶʹอͭ •  Ձ஋ΛఏڙͰ͖Δ࠷খݶͷػೳ͸Կ͔ •  αϒػೳ͸͋ͱͷϑΣʔζʹ࣋ͪӽ͠ •  αʔϏεͷࠜװͷ෦෼ʹྗΛ஫͙

Slide 34

Slide 34 text

ϢʔβʔʹՁ஋Λಧ͚ΔͨΊʹ ࠷খݶͷ։ൃ͔Β࢝ΊΔΑ͏ʹͳͬͨ ϓϩμΫτΦʔφʔ ͍͍͜ͱߟ͑ͨʂ ͜Ε΋͋ͬͨ΄͏ ͕ઈରศརʂ εΫϥϜϚελʔ ΋ͬͱγϯϓϧʹ ͍͍ͯ͠ͱ ࢥ͏Μ͚ͩͲͳʙ ϦϦʔεͯ͠ ൓ԠΛݟͯʹ ͠·͠ΐ͏

Slide 35

Slide 35 text

ߟ͑ΔΑ͏ʹͳͬͨ͜ͱ ΤϯδχΞ σβΠφʔͱ ࿩࣌͢ʹେ੾ʹ͍ͯ͠Δ͜ͱ ΤϯδχΞͱͯ͠ͷมԽ

Slide 36

Slide 36 text

ΤϯδχΞͱͯ͠ ߟ͑ΔΑ͏ʹͳͬͨࣄ •  ͦͷػೳ 6*͸ϢʔβʔʹϚον͍ͯ͠Δ͔ •  ։ൃίετͱඞཁੑͷόϥϯε •  ॳظʹͦͷϦον͞͸༗༻ʁ࠷খݶͷ6*͸ʁ •  Ձ஋Λఏڙ͢ΔͨΊʹͳʹ͕Ͱ͖Δʁ •  6*తʹൈ͚͍ͯΔ෦෼͸ͳ͍͔ʁ •  &NQUZ ঢ়ଶҧ͍ʜ •  κʔχϯάͱίϯϙʔωϯτͷҰ؏ੑ •  κʔχϯάʙ$44ઃܭʙ3FBDUίϯϙʔωϯτ

Slide 37

Slide 37 text

ΤϯδχΞ σβΠφʔͱ࿩͢ ͱ͖ʹେ੾ʹ͍ͯ͠Δ͜ͱ •  ͳͥͦͷػೳʹՁ஋͕͋Δ͔ɺ ɹϖϧιφɾγφϦΦΛϕʔεʹ఻͑Δ •  ͋͘·Ͱ΋ઐ໳ྖҬʹ͸౿Έࠐ·ͣɺ ɹϙΠϯτΛ఻͑Ұॹʹߟ͑Δ

Slide 38

Slide 38 text

ͱ͋ΔΤϯδχΞ͔Βͷ૬ஊ 有効期限カード番号　 ϑϩϯτΤϯυ ΤϯδχΞ ༗ޮظݶͷʮ೥ʯ ʹܻೖΕͦ͏͔ͩ Β6*ม͍͑ͨ Ͳ͏͠Α͏ʁ

Slide 39

Slide 39 text

Θ͕ͨ͠఻͑ͨ͜ͱ •  ΫϨδοτΧʔυ൪߸Λೖྗ͢Δͱ͖ɺ ɹͲ͏͍͏ߦಈΛͱ͍ͬͯΔʁ •  ΫϨδοτΧʔυ൪߸ͬͯهԱ͍ͯ͠Δ΋ͷʁ ͲΜͳঢ়گͰ ࢖͏͔ߟ͑ͯ ΈΑ͏

Slide 40

Slide 40 text

γφϦΦʹԊͬͯ΍ͬͯΈΔ ʰ͋ͳͨ͸ࠓɺ8FCαΠτͰങ͍෺Λ͍ͯ͠·͢ɻ ࢧ෷͍ʹ͸ΫϨδοτΧʔυΛ࢖͏͜ͱʹ͠·ͨ͠ɻ ͍ͭ΋΍ΔΑ͏ʹ࣮ࡍʹ΍ͬͯΈ͍ͯͩ͘͞ʱ

Slide 41

Slide 41 text

ͦͷ6*Ͱ͋Δ΂͖ཧ༝Λߟ͑Δ •  Χʔυͷฒͼॱ௨ΓʹೖྗͰ͖Ε͹ೝ஌ෛՙ͸௿͍ʁ •  ܻʹ͢Δ͜ͱͰٯʹΘ͔Γʹͯ͘͘͠͠·͏͔΋ •  ܻͷαΠζʹͯ͠จࣈҎ্ೖྗͰ͖ͳ͚Ε͹ؾ͚ͮ Δ͔΋͠Εͳ͍ •  ܻܻͰͲͪΒ͕੢ྐྵ͔໎ͬͯ͠·͏͜ͱ͕໰୊ •  ϑϩϯτΤϯυͷػೳ࣮૷Ͱ๷͛Δ͜ͱ͕͋Δ ࡒ෍͔Βग़͠ ͯݟͳ͕Βೖ ྗ͠·͢Ͷɻ

Slide 42

Slide 42 text

ར༻γʔϯΛݩʹಉ͡໨ઢͰ࿩͕Ͱ͖Δ ࢦఠͷཧෆਚ͕͞ݮΔ ΤϯδχΞ͔Β΋ػೳΛఏҊͰ͖Δ

Slide 43

Slide 43 text

͖ΐ͏ͷ ·ͱΊ

Slide 44

Slide 44 text

after before ؔ܎ऀɿଟ ϢʔβʔΛத৺ʹ࿩Λ͢Δ ͙͢ʹ࣮૷ͤͣݕূΛڬΉ ػೳͷҙຯ ༏ઌ౓Λߟ͑Δ ؔ܎ऀɿগ པ·Εͨཁ݅ͷൣғͰ ɹΑΓΑ͍6*Λઃܭ͢Δ ػೳΛ͍͔ʹ࣮ݱ͢Δ͔

Slide 45

Slide 45 text

ؔ܎ऀͷଟ͍ϓϩδΣΫτ͔ͩΒͦ͜ ކ෇͚໾ʹͳΔ

Slide 46

Slide 46 text

Θ͕ͨ͠ඃͬͯΔ๧ࢠ͸ ΤϯδχΞͩͱࢥ͏͠ɺ )$%͸୭͕ؔΘͬͯ΋͍͍΋ͷͩͱࢥ͏ ίʔυॻ͍ͯ ಈ͘ͷ ͨͷ͍͠ʂ lσβΠϯz ͬͯ୭ͷ΋ͷʁ

Slide 47

Slide 47 text

design と DESIGN ͦ͏͍͑͹ʜ

Slide 48

Slide 48 text

b`ӳޠͰݴ͏৔߹ͷখจ ࣈͷEFTJHO͸ද໘Λඒ͠ ͘͢Δࣄɺରͯ͠େจࣈ ͷ%&4*(/͸ɺੈͷதͷ ༷ʑͳࣄฑΛσβΠϯత ؍఺͔Βվળ͢ΔҝͷՁ ஋Λදݱ͍ͯ͠Δ`` 引用元：h"p://blog.btrax.com/jp/2016/01/02/design-‐trends2016/

Slide 49

Slide 49 text

֤ઐ໳ՈͷύϫʔΛ ಉ͡ํ޲ʹ޲͚ͯ͏·͘ग़ͤΔΑ͏ʹ EFTJHO ઐ໳ྖҬ͸ઐ໳Ոͷ΋ͷɺ৵ུͤͣิ͍͋͏ %&4*(/ ΈΜͳͷ΋ͷɺڞ༗͋͠͏ Αʔ͠ɺ ͓͍͍͠΋Μ ͭͬͨ͘Δ͔Βͳʂ

Slide 50

Slide 50 text

ͦͨ͠Βɺ࡞ۀऀ͡Όͳͯ͘ νʔϜʹͳΕΔ

Slide 51

Slide 51 text

Θͨ͠͸ɺΈΜͳͰ ͍͍΋ͷ͕ͭ͘Γ͍ͨ 5IBOLZPV ΤϯδχΞ͕σβΠϯʹؔΘΕΔ͜ͱ