デザイナーとうまく協働する方法

by Yasuhisa Hasegawa

Slide 1

Slide 1 text

CVJMEFSTDPOUPLZP ௕୩઒ګٱ ೥݄೔

Slide 2

Slide 2 text

ϑϦʔϥϯεσβΠφʔ اըɾ੍࡞ɾίϯαϧςΟϯά ϥΠλʔɾεϐʔΧʔ ௕୩઒ګٱ ϋ η Ψ ϫ Ϡ ε ώ α @yhassy

Slide 3

Slide 3 text

σβΠφʔ ࿩ͯ͠·͢ʁ ͱ

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

A 100-Year View of User Experience

Slide 6

Slide 6 text

The DMI Design Value Scorecard

Slide 7

Slide 7 text

ʮσβΠϯܦӦ ʯએݴ

Slide 8

Slide 8 text

ʜͦΕͱ΋εςΟ οΩʔϊʔτ͕ม͍͑ͯΔʁ

Slide 9

Slide 9 text

σβΠϯ Ͱ͢ɻ ॏཁ

Slide 10

Slide 10 text

σβΠϯ ॏཁ ͲΕ͘Β͍ͷൣғΛࢦ͢ͷ͔ ୭ʹͱͬͯԿ͕ॏཁͳͷ͔

Slide 11

Slide 11 text

ྑ͍ײ͡Ͱ αοͱ࡞ͬͯɻ ͦ͏͡Όͳ͍ͷ!

Slide 12

Slide 12 text

σβΠϯͷղऍͷ ҧ͍͕ੜΉڑ཭ײ σβΠϯ෼͔͍ͬͯͳ͍"

Slide 13

Slide 13 text

σΟςʔϧΛ ࡞ΓࠐΉ ૣ͘࡞ͬͯ ໛ࡧ͢Δ ௐࠪʹج͍ͮͯ ઃܭ͢Δ σβΠϯ

Slide 14

Slide 14 text

ͳΔ΄Ͳ UX ϏδωεߩݙͩΑͶ ͦΕΑΓ ૣ͘Կ͔࡞ͬͯ ๻ͨͪ΋ ߩݙ͍ͯ͠ΔΑ ͭ·Γ˓˓Ͷ

Slide 15

Slide 15 text

શମݟͯ΄͍͠ ྑ͍ٕज़Ͱ ྑ͍Ϟϊ࡞Γ͍ͨ Կ΍͍ͬͯΔ͔ ෼͔Βͳ͍

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Τίʔνϟϯόʔݱ৅ʹؾ෇͍͍ͯͳ͍ ౰ͨΓલͱ͍͏ઌೖ؍ ࡯ͯ͠΄͍͠ͱ͍͏ड͚਎ͷଶ౓

Slide 18

Slide 18 text

ಉۀऀʹ఻͑Δͷ͸؆୯ ҟۀछʹରͯ͠͸ಉ͡Α͏ʹ͸͍͔ͳ͍

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

զʑ͸ྑ͍ϞϊΛ࡞Γ͍ͨͱئ͏஥ؒͰ͋Δɻ ͔͠͠·ͩຒΊͳͯ͘͸͍͚ͳ͍ߔ͕͋Δ ઃܭɾ։ൃʹܞΘΔਓҎ֎΁ͷΞϓϩʔν͕ෆ଍͍ͯ͠Δ

Slide 21

Slide 21 text

ڠಇͷͨΊʹ Ͱ͖Δ͜ͱ ݴޠԽ ໌จԽ

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

Ϩγϐ ࡐྉ ྉཧਓ ྉཧ ৯ࣄ੍ݶ ௐཧํ๏

Slide 24

Slide 24 text

Ϩγϐ ࡐྉ ྉཧ ৯ࣄ੍ݶ ௐཧํ๏ ϓϩμΫτʹ߹͏දه͔ʁ ӳޠ໊ΛͲ͏͢Δʁ Cook ? Chef ? ChefName ?

Slide 25

Slide 25 text

Ϩγϐ λΠτϧ λάϥΠϯ ਓ਺ ௐཧ࣌ؒ ֓ཁ ը૾ ४උɾػࡐ ࡐྉ खॱ ӫཆ৘ใ

Slide 26

Slide 26 text

Ϩγϐ ࡐྉ ྉཧਓ ϑΥϩʔ ࡞੒ ௥Ճ ͓ؾʹೖΓ ఏҊ

Slide 27

Slide 27 text

ίϯςϯπϞσϧ υϝΠϯۦಈઃܭʹࣅ͍ͯΔ

Slide 28

Slide 28 text

ίϯςϯπϞσϧ ίϯςϯπͷཁૉͱؔ܎ੑΛఆٛ σβΠϯ

Slide 29

Slide 29 text

ίϯςϯπϞσϧ Ϣʔβʔߦಈ ʢ$5"ʣͷ೺Ѳ ίϯςϯπϞσϧ σβΠϯ

Slide 30

Slide 30 text

ίϯςϯπϞσϧ ϞσϧͱϢʔβʔΛߟྀ σβΠϯ

Slide 31

Slide 31 text

ݴ༿߹ΘͤͷͨΊͷϞσϦϯά ৘ใߏ଄ͷཧղͱڞ༗ ιʔείʔυ͔Βݴ༿Λ߹Θ͍ͤͯ͘

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

$BSE@SFDJQF 3FDJQF1IPUP JDPO@QMBZ 3FDJQF5JUMF JDPO@MJLF 3FDJQF-JLF

Slide 34

Slide 34 text

CANCEL

Slide 35

Slide 35 text

Bootstrap Foundation Callout Panel Carousel Orbit Label (primary, secondary) Label (no primary

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

ΨΠυϥΠϯʹͳ͍ݴ༿͕ߦ͖ަ͏ ։ൃɾσβΠϯҎ֎ͷࢹ఺΋ߟྀ 6*΍ػೳͷଊ͑ํΛڞ༗ɾֶश

Slide 38

Slide 38 text

χϡΞϯεͷ ڞ༗ ྑ͍ͬͯԿʁ Կ͕େࣄͳͷʁ

Slide 39

Slide 39 text

ࣗݾ࣮ݱ ଚॏ ࣾձ ҆શ ਎ମతɾ৺ཧత

Slide 40

Slide 40 text

ࣗݾͷ੒௕ʹܨ͕ΔՁ஋ ࣗ෼ͷࢥ͍௨ΓʹͰ͖͍ͯΔঢ়ଶ पΓ͔Βྑ͍ͱࢥΘΕΔՁ஋ ࢖͍ଓ͚ΔՁ஋ɾҙຯ ͔ܽͤͳ͍Ձ஋؍

Slide 41

Slide 41 text

ۀछΛ௒͑ͨݴ༿ͷڞ༗ ݴ༿ͷχϡΞϯεΛཧղ͢Δ৔ νʔϜʹ͓͚Δ ʮྑ͍ʯ ͱ͸

Slide 42

Slide 42 text

ݴ༿ ݪଇ χϡΞϯεͷཧղ νʔϜͷڞ௨ݴޠ Ձ஋ʹج͍ͮͨධՁ

Slide 43

Slide 43 text

Ձ஋ʹج͍ͮͨධՁ ՝୊Λղܾ͍ͯ͠Δ͔Ͳ͏͔ Ϣʔβʔ΁ఏڙ͢ΔՁ஋͸Կ͔ ϓϩδΣΫτϝϯόʔ͕ೲಘͰ͖Δࢪࡦ

Slide 44

Slide 44 text

ɾɾɾɾ ͜ΕͲ͏Ͱ͔͢ʁ

Slide 45

Slide 45 text

ʮ͜Ε͸Ͳ͏Ͱ͔͢ʯ ͸ةݥ৴߸ ηϯεɾ޷ΈɾҒ͍ਓ͕ܾΊΔ ޙ໭Γɺ ໎૸ͷݪҼʹͳΔ͜ͱ΋

Slide 46

Slide 46 text

͖ͪΜͱ ໌จԽ σβΠφʔʹ΋ ಇ͖͔͚ͯ

Slide 47

Slide 47 text

#ௐࠪͰಘͨχʔζ $ͦͷଞ՝୊ %Ծઆ ⚖ࢦඪ 'σβΠϯҊ (मਖ਼߲໨ ▶࣍ͷΞΫγϣϯ ఆੑɾఆྔௐࠪͷ֓ཁ Ϗδωεɺ։ൃ͔Βग़ͨ՝୊ σβΠϯ͕ղܾ͢΂͖՝୊͸Կ͔ ,1* 69ࢦඪ ϝϦοτɺσϝϦοτɺϦεΫ ϑΟʔυόοοΫ ࣍ʹ΍Δ͜ͱ

Slide 48

Slide 48 text

**TTVF΁ͷϦϯΫ +ը໘ ,ϢʔβʔίϯςΩετ -มߋͷ໨త ✏มߋҊ ϓϩδΣΫτ؅ཧͱ৘ใ࿈ܞ ݱঢ়ͷ೺Ѳ ը໘දࣔ·Ͱͷഎܠ σβΠϯݪଇ΍ϢʔβϏϦςΟ Ͳ͜Λม͑ɺͳͥม͑Δ͔

Slide 49

Slide 49 text

՝୊ղܾ΁ٞ࿦Λγϑτͤ͞Δ σβΠϯͷܦҢΛه࿥͢Δ จॻͷఆܕԽΛ৺͕͚Δ

Slide 50

Slide 50 text

ଐਓੑΛݮΒͨ͠σβΠϯӡ༻ σβΠϯγεςϜͷୈҰา ·ͣ͸৭͔Β

Slide 51

Slide 51 text

ϫʔΫϑϩʔ ࠓޙͷ՝୊

Slide 52

Slide 52 text

ίϯηϓτ ཁ݅ఆٛ εέον ϓϩτλΠϓ ςετ ϨϏϡʔ ϏδϡΞϧ σβΠϯ ΠϯλϥΫγϣϯ σβΠϯ Ϣʔβʔ૾ɾ՝୊ɾϓϩμΫτՁ஋ͷڞ༗Ͱ͖͍ͯΔ͔

Slide 53

Slide 53 text

ίϯηϓτ ཁ݅ఆٛ εέον ϓϩτλΠϓ ςετ ϨϏϡʔ ϏδϡΞϧ σβΠϯ ΠϯλϥΫγϣϯ σβΠϯ ϢʔεέʔεΛۀछΛ௒͑ͯڞ༗͞Ε͍ͯΔ͔

Slide 54

Slide 54 text

ίϯηϓτ ཁ݅ఆٛ εέον ϓϩτλΠϓ ςετ ϨϏϡʔ ϏδϡΞϧ σβΠϯ ΠϯλϥΫγϣϯ σβΠϯ ޿͘ΞΠσΞΛूΊΔ৔͸༻ҙ͞Ε͍ͯΔ͔ʁ

Slide 55

Slide 55 text

ίϯηϓτ ཁ݅ఆٛ εέον ϓϩτλΠϓ ςετ ϨϏϡʔ ϏδϡΞϧ σβΠϯ ΠϯλϥΫγϣϯ σβΠϯ ݕূͰ͖Δπʔϧ΍νϟωϧ͕༻ҙ͞Ε͍ͯΔ͔

Slide 56

Slide 56 text

ίϯηϓτ ཁ݅ఆٛ εέον ϓϩτλΠϓ ςετ ϨϏϡʔ ϏδϡΞϧ σβΠϯ ΠϯλϥΫγϣϯ σβΠϯ લఏʹج͍ͮͯϑΝγϦςʔγϣϯͰ͖͍ͯΔ͔

Slide 57

Slide 57 text

ίϯηϓτ ཁ݅ఆٛ εέον ϓϩτλΠϓ ςετ ϨϏϡʔ ϏδϡΞϧ σβΠϯ ΠϯλϥΫγϣϯ σβΠϯ Ͳ͏࿈ܞΛͱ͍͔ͬͯ͘

Slide 58

Slide 58 text

͓ޓ͍͕ೖΓࠐΊΔܺؒ࡞Γ ஝ੵͨ͠৘ใͷ੔ཧ ࣗಈԽ͢ΔͨΊͷπʔϧ։ൃ

Slide 59

Slide 59 text

ݴޠԽ ໌จԽ ݴ༿ɾ΍Γํ͕গ͠ ҧ͏͚ͩͰ ΍͍ͬͯΔ͜ͱ͕ಉ͜͡ͱ΋ ݴޠڞ༗ͷͨΊʹ σβΠϯ΋ υΩϡϝϯτΛపఈ

Slide 60

Slide 60 text

௕୩઒ګٱ @yhassy [email protected] /