デザインレビューがレビューするもの、について / What does a design review reviews?

by Kei Kondo

Slide 1

Slide 1 text

σβΠϯϨϏϡʔ͕ ϨϏϡʔ͢Δ΋ͷɺʹ͍ͭͯ ۙ౻ ܓ 2019/11/14

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

• ઐ߈͸༉ըʙݱ୅ඒज़ʢΠϯελϨʔγϣϯʣ • 1IPUPTIPQʙ *MMVTUSBUPS'MBTI.9ʙ • .PWBCMF5ZQF ʙ 8PSE1SFTTʙ • ޷͖ͳϑΥϯτɿ ৽ΰɺ"YJTɺؙ໌Φʔϧυɺ%*/ ౦ژ᥁ज़େֶେֶӃमྃʢඒज़म࢜ʣ ۙ౻ ܓ ઎͍ˍϥΠϑελΠϧࣄۀ ΫϦΤΠςΟϒσΟϨΫλʔ

Slide 4

Slide 4 text

ࠓ͸͜Μͳࣄͯ͠·͢ • ઎͍ϥΠϑελΠϧࣄۀΛத৺ʹ੍࡞෺ͷ2$ • σΟϨΫλʔͱҰॹʹ՝୊ͷநग़ɺվળ • ৽نαʔϏεͷΫϦΤΠςΟϒσΟϨΫγϣϯ • σβΠϯ૊৫ͷϚωδϝϯτ • ๭༸ήʔλΠτϧͷडୗ੍࡞

Slide 5

Slide 5 text

DIPUEFTJHOͰ΋ͪΐͬͱϨοεϯॻ͔ͤͯ΋Βͬͯ·͢

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

Be a Fanatic. $".͸ϓϩμΫτϑΝʔετͷձࣾͱͯ͠ Ϣʔβʔʹ௕͘Ѫ͞ΕɺਓΛ೤ڰͤ͞ΔϓϩμΫτΛ૑଄͍͖ͯ͠·͢ɻ

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

͜͏͍͏νʔϜΛ໨ࢦ͍ͯ͠·͢

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

• ࣗ෼ͷΞ΢τϓοτʹތΓΛ࣋ͭʂ • ࣗ෼ୡͷ఩ֶ͕͋ΔσβΠϯΛ͢Δ • ৴པ͋͠͏νʔϜϫʔΫΛ

Slide 14

Slide 14 text

൷ධͱσβΠϯϨϏϡʔ

Slide 15

Slide 15 text

൷ධ

Slide 16

Slide 16 text

൷ධʢͻͻΐ͏ɺӳޠɾϑϥϯεޠɿDSJUJRVFʣͱ͸ɺ͋Δࣄ৅Λ ʢͰ͖Δ͚ͩແલఏͷࢥ͍ࠐΈΛഉ͢ΔܗͰʣ൑அ͢Δ͜ͱͰ͋Δɻ ൷൑ʢͻ͸Μʣͱ΋ɻ DSJUJRVF͸ɺඒֶ͋Δ͍͸จֶཧ࿦ʹ͓͍ͯ΋༻͍ΒΕΔɻͦ͜Ͱͷ DSJUJRVFͱ͸ɺओʹࢻɺֆըɺ༡ͼͳͲͷʮ࡞඼൷ධʯΛҙຯ͢Δɻ͜ͷ ৔߹ɺʮ൷ධʯͱ͸ΑΓ෯Λ޿͘औͬͯɺʮ͋Δ࡞඼ͷग़དྷɾ඼࣭ɾྑ͠ ѱ͠ʢRVBMJUZʣʹ͍ͭͯͷ͋ΒΏΔٞ࿦ʯΛࢦ͢͜ͱʹͳΔɻจܳ൷ධ ʹ͸൷ධཧ࿦ͱ͍͏ͷ΋͋Δɻ ൷ධ 8JLJQFEJB ʠ ʠ

Slide 17

Slide 17 text

ϨϏϡʔ

Slide 18

Slide 18 text

Ϩϰϡʔ͋Δ͍͸ϨϏϡʔʢӳޠSFWJFX ϑϥϯεޠSFWVFʣ ϨϏϡʔʢSFWJFXʣͱ͸ɺதϑϥϯεޠͷʮSFWVFʯ͕ޠݯͱͳͬͯੜ· Εͨݴ༿Ͱɺ͜Ε͸ʮ࠶ͼ໨ͰݟΔʯΛҙຯ͢Δ୯ޠͰ͋Δɻ ʠ ʠ ӳޠͰɺධ࿦ɺ൷ධɺݟ௚͠ɺݕূͳͲͷχϡΞϯεΛ࣋ͭޠɻ ʠ Ϩϰϡʔ 8JLJQFEJB ϨϏϡʔͱ͸ ϨϏϡʔͱ͸ <୯ޠهࣄ> χίχίେඦՊ

Slide 19

Slide 19 text

ݱ୅ͷඒज़൷ධʹ͓͍ͯ͸ • ࡞඼ͷഎܠ • ඒज़࢙ͷதͰͷจ຺ • ৔ॴ • ߏਤ ͳͲͷίϯςΫετͰ࡞඼͕ޠΒΕΔɻ ڞ௨ͷೝࣝʹ͓͍ͯٞ࿦Ͱ͖Δڞ௨ͷݴޠ͕ॏཁɻ ʜͰ͸ɺσβΠϯͷϨϏϡʔʹ͓͍ͯ͸Ͳ͏͔ɻ

Slide 20

Slide 20 text

ʮσβΠϯϨϏϡʔʯ*40ʢ+*42ʣʹ͓͍ͯఆ͚ٛͮΒΕ Δʮઃఆ͞Εͨ໨ඪΛୡ੒͢ΔͨΊͷݕ౼ର৅ͷద੾ੑɺଥ౰ੑɺ͓Αͼ ༗ޮੑΛ൑ఆ͢ΔͨΊʹߦΘΕΔ׆ಈʯͷ͜ͱɻͳ͓Ҏલӡ༻͞Ε͍ͯͨ +*4; Ͱ͸ʮઃܭ৹ࠪʯͱ͍͏දݱΛ༻͍ͯɺྨࣅ֓೦͕ఆٛ͞ Ε͍ͯͨɻ·ͨɺن֨ʹ४ͯ͡͸͍ͳ͍͕୯ʹઃܭΛଞͷ෦໳ʹ؂ࠪͤ͞ ΔࣄΛσβΠϯϨϏϡʔ΍ϨϏϡʔͱশ͍ͯ͠Δ૊৫΋͋Δɻ ʠ ʮσβΠϯϨϏϡʔʯ Ϩϰϡʔ 8JLJQFEJB

Slide 21

Slide 21 text

σβΠϯͷʮઃఆ͞Εͨ໨ඪʯΛୡ੒͢ΔͨΊʹ͸ɺ • ʮઃఆ͞Εͨ໨ඪʯࣗମ • ݕ౼ର৅ͷద੾ੑɺଥ౰ੑ • ༗ޮੑ • ͜ΕΛ൑ఆ͢ΔͨΊʹߦΘΕΔ׆ಈ ͕Ͳ͏΍ΒॏཁͳΑ͏Ͱ͢ɻ

Slide 22

Slide 22 text

͜ΕΛͦΕͧΕΘ͔Γ΍͘͢͢Δͱɺ • ࢪࡦɺػೳͷ໨తɺୡ੒͍ͨ͠,1* • ͦΕʹରͯ͠ͷखஈʢσβΠϯʣͷଥ౰ੑ • ͦͷޮՌ͕ظ଴Ͱ͖Δ͔Ͳ͏͔ • ͦΕΒΛٞ࿦͢ΔͨΊͷσβΠϯϨϏϡʔ ͱ͍ͬͨײ͡Ͱ͠ΐ͏͔ɻ

Slide 23

Slide 23 text

ͦ͜ʹҎԼͷίϯςΫετ͕ՃΘΓ·͢ɻ • αʔϏεͷੈք؍ • લޙͷࢪࡦͷதͰͷҐஔ෇͚ɺ࿈ଓੑ • શମͱͯ͠Ͳ͏͔ʢαʔϏεશମͷ6*ϧʔϧʣ

Slide 24

Slide 24 text

Abstract Zeplin Sketch Photoshop Cacoo 8'ը໘ઃܭ 6*σβΠϯ σβΠϯϨϏϡʔ όʔδϣϯ؅ཧ ΤϯδχΞ࿈ܞ ϓϩτλΠϐϯά σΟϨΫλʔ69σβΠφʔ 6*σβΠφʔ Zeplin Sketch Sketch Slack

Slide 25

Slide 25 text

ྑ͍൷ධͷͨΊʹ σβΠϯΛධՁ͢ΔͨΊͷڞ௨ݴޠΛ࣋ͭ͜ͱɺ'#͢Δଆ͞ΕΔଆͷ৴པؔ܎͕େࣄͰ͢ɻ

Slide 26

Slide 26 text

࣮ࡍͷσβΠϯϨϏϡʔ

Slide 27

Slide 27 text

Before After Glitch

Slide 28

Slide 28 text

Before After # ֆըతۭؒͱಈ͖ɾϕΫτϧ

Slide 29

Slide 29 text

# Έɺ؍݄ࡇʁ

Slide 30

Slide 30 text

# Zeplin • ίϝϯτΛ೚ҙͷ৔ॴʹஔ ͚Δͷ͕ศར • अຐͳ࣌͸ඇදࣔ • ίϝϯτͷ৭ΛεϨουͷ εςʔλεͱؔ࿈͚ͮΔ • ཤྺ͕࢒ΔͷͰલͷWFSͱ ͷൺֱ͕͠΍͍͢

Slide 31

Slide 31 text

# σβΠϯϨϏϡʔ… ͳͷ͔ʁ IUUQTOPUFNVIJSBUBOOCCCBGEF

Slide 32

Slide 32 text

ϨϏϡʔͰ͸໨ͷલͷσβΠϯ͚ͩͰͳ͘ ͦΕͧΕͷ٬؍తͳ໨ΛҭͯΔ͜ͱΛҙ͍ࣝͯ͠·͢ɻ • ࠓճͷσβΠϯ͔ΒͷֶͼΛେࣄʹɺ໌֬ʹ • ͪΌΜͱҙਤ͕͋ΓɺͦΕ͕Ͱ͖͍ͯͨΒେମ0, • ͍͍࣌ͷ੎͍͸ࢭΊͳ͍ɺࡉ͔͍͜ͱ͸ݴΘͳ͍

Slide 33

Slide 33 text

σβΠϯϨϏϡʔͷ໨త

Slide 34

Slide 34 text

ޮ཰తͳσβΠϯϨϏϡʔͷͨΊͷɺσβΠφʔͷί ϛϡχέʔγϣϯεΩϧͷ޲্ͱνʔϜϏϧσΟϯάɻ

Slide 35

Slide 35 text

ྑ͍σβΠϯʹ͍ͭͯνʔϜͰٞ࿦͠ɺ ೲಘͨ͠΋ͷΛܧଓతʹΞ΢τϓοτ͍͚ͯ͠Δ σβΠφʔͱνʔϜΛҭͯΔ͜ͱ ໨ͷલͷσβΠϯͷྑ͠ѱ͠ʹ͍ͭͯͷٞ࿦

Slide 36

Slide 36 text

• ࣗ෼ͷΞ΢τϓοτʹތΓΛ࣋ͭʂ • ࣗ෼ୡͷ఩ֶ͕͋ΔσβΠϯΛ͢Δ • ৴པ͋͠͏νʔϜϫʔΫΛ

Slide 37

Slide 37 text

ࣗ૸ ֎෦ͷಈྗʹΑΒͣɺࣗલͷಈྗͰ૸Δ͜ͱɻ

Slide 38

Slide 38 text

ࣗ૸Πϝʔδ

Slide 39

Slide 39 text

ͱݴ͏ײ͡Ͱɺ νʔϜͰͷϨϏϡʔͱϑϩʔ͕͔ͬ͠Γͯ͘͠Δͱɺ Ͳ͏ͳΔ͔ɻ

Slide 40

Slide 40 text

Ϛωʔδϟʔͳ͠Ͱ΋ ͪΌΜͱνʔϜ͕ճΔΑ͏ʹͳΓ·͢

Slide 41

Slide 41 text

ͱݴ͏͜ͱͰɺ ໌ޙ೔ΑΓגࣜձࣾVALUʹ δϣΠϯ͢Δ͜ͱʹͳΓ·ͨ͠ɻ

Slide 42

Slide 42 text

42 42

Slide 43

Slide 43 text

ձࣾ঺հ Last update : 2019.8.7 ձࣾ঺հ Last update : 2019.8.7

Slide 44

Slide 44 text

ධՁͷج४Λม͑ɺ ͓ۚͷྲྀΕΛม͑ɺ ϑΣΞͳੈքΛͭ͘Δɻ

Slide 45

Slide 45 text

όϦϡʔ ϑΝϯσΟογϡ ʮඒຯ͍͠ʯ͸ɺϑΝϯͱ࡞Δ࣌୅΁ɻ ޷͖ͱ͔ເ͕ɺՁ஋ʹͳΔɻ άϧϝ ϑΝϯσΟϯάαʔϏε ݸਓՁ஋ͷ $UP$औҾϓϥοτϑΥʔϜ

Slide 46

Slide 46 text

46 ޷͖ͱ͔ເ͕ɺՁ஋ʹͳΔɻ λάϥΠϯ Tag line ʮָ͠Ήʯ͚ͩͷίϛϡχςΟ͔Βɺʮ׎͑ΔʯͨΊͷίϛϡχςΟ΁ɻ ເͷࢧԉΛͣͬͱืΒΕΔɻ౤ࢿͷઌʹ͸ใु͕ݟࠐΊΔɻ ͨͩͷ4/4Ͱ΋ɺΫϥ΢υϑΝϯσΟϯάͰ΋ͳ͍ɻ 7"-6ʢόϦϡʔʣ͸ɺ͋ͨΒ͍͠ϓϥοτϑΥʔϜͰ͢ɻ

Slide 47

Slide 47 text

47 ֓ཁ Overview 7"-6͸ύʔιφϧϒϥϯυͷՁ஋ΛτʔΫϯ ͱͯ͠ൃߦ͢Δ͜ͱͰϢʔβʔؒऔҾΛՄೳʹ ͨ͠ɺըظతͳϑΟϯςοΫαʔϏεͰ͢ɻ 8&#ɺJ04ΞϓϦɺ"OESPJEΞϓϦͰల։ͯ͠ ͓Γɺొ࿥ऀ਺͸ྦྷܭͰສਓΛ௒͍͑ͯ·͢ɻ ೥ͷαʔϏεϩʔϯν͔Β೥Ͱԯԁ ͷࢿۚௐୡΛ࣮ࢪ͠ɺݱࡏ͸αʔϏεͷେ෯ ΞοϓάϨʔυʹ޲͚ͯମ੍ڧԽΛਐΊ͍ͯ· ͢ɻ

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

Ҏ্ɺͲ͏΋͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ Α͔ͬͨΒϑΥϩʔ͓ئ͍͠·͢ɻ kei_kondo @add_kk