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

Transcript

1. σβΠϯϨϏϡʔ͕ ϨϏϡʔ͢Δ΋ͷɺʹ͍ͭͯ ۙ౻ ܓ 2019/11/14
2. 
   ࣗݾ঺հ
3. • ઐ߈͸༉ըʙݱ୅ඒज़ʢΠϯελϨʔγϣϯʣ • 1IPUPTIPQ
   ʙ 
   *MMVTUSBUPS
   
   
   'MBTI
   .9ʙ • .PWBCMF5ZQF ʙ 
   8PSE1SFTT
   ʙ • ޷͖ͳϑΥϯτɿ ৽ΰɺ"YJTɺؙ໌Φʔϧυɺ%*/ ౦ژ᥁ज़େֶେֶӃमྃʢඒज़म࢜ʣ ۙ౻ ܓ ઎͍ˍϥΠϑελΠϧࣄۀ ΫϦΤΠςΟϒσΟϨΫλʔ
4. ࠓ͸͜Μͳࣄͯ͠·͢ • ઎͍ϥΠϑελΠϧࣄۀΛத৺ʹ੍࡞෺ͷ2$ • σΟϨΫλʔͱҰॹʹ՝୊ͷநग़ɺվળ • ৽نαʔϏεͷΫϦΤΠςΟϒσΟϨΫγϣϯ • σβΠϯ૊৫ͷϚωδϝϯτ • ๭༸ήʔλΠτϧͷडୗ੍࡞
5. DIPUEFTJHOͰ΋ͪΐͬͱϨοεϯॻ͔ͤͯ΋Βͬͯ·͢
7. Be a Fanatic. $".͸ϓϩμΫτϑΝʔετͷձࣾͱͯ͠ Ϣʔβʔʹ௕͘Ѫ͞ΕɺਓΛ೤ڰͤ͞ΔϓϩμΫτΛ૑଄͍͖ͯ͠·͢ɻ
11. ͜͏͍͏νʔϜΛ໨ࢦ͍ͯ͠·͢
13. • ࣗ෼ͷΞ΢τϓοτʹތΓΛ࣋ͭʂ • ࣗ෼ୡͷ఩ֶ͕͋ΔσβΠϯΛ͢Δ • ৴པ͋͠͏νʔϜϫʔΫΛ
14. 
    ൷ධͱσβΠϯϨϏϡʔ
15. ൷ධ
16. ൷ධʢͻͻΐ͏ɺӳޠɾϑϥϯεޠɿDSJUJRVFʣͱ͸ɺ͋Δࣄ৅Λ ʢͰ͖Δ͚ͩແલఏͷࢥ͍ࠐΈΛഉ͢ΔܗͰʣ൑அ͢Δ͜ͱͰ͋Δɻ ൷൑ʢͻ͸Μʣͱ΋ɻ DSJUJRVF
    ͸ɺඒֶ͋Δ͍͸จֶཧ࿦ʹ͓͍ͯ΋༻͍ΒΕΔɻͦ͜Ͱͷ DSJUJRVF
    ͱ͸ɺओʹࢻɺֆըɺ༡ͼͳͲͷʮ࡞඼൷ධʯΛҙຯ͢Δɻ͜ͷ ৔߹ɺʮ൷ධʯͱ͸ΑΓ෯Λ޿͘औͬͯɺʮ͋Δ࡞඼ͷग़དྷɾ඼࣭ɾྑ͠ ѱ͠ʢRVBMJUZ
    ʣʹ͍ͭͯͷ͋ΒΏΔٞ࿦ʯΛࢦ͢͜ͱʹͳΔɻจܳ൷ධ ʹ͸൷ධཧ࿦ͱ͍͏ͷ΋͋Δɻ ൷ධ  8JLJQFEJB ʠ ʠ
17. ϨϏϡʔ
18. Ϩϰϡʔ͋Δ͍͸ϨϏϡʔʢӳޠ
    SFWJFX
    ϑϥϯεޠ
    SFWVFʣ ϨϏϡʔʢSFWJFXʣͱ͸ɺதϑϥϯεޠͷʮSFWVFʯ͕ޠݯͱͳͬͯੜ· Εͨݴ༿Ͱɺ͜Ε͸ʮ࠶ͼ໨ͰݟΔʯΛҙຯ͢Δ୯ޠͰ͋Δɻ ʠ ʠ ӳޠͰɺධ࿦ɺ൷ධɺݟ௚͠ɺݕূͳͲͷχϡΞϯεΛ࣋ͭޠɻ ʠ Ϩϰϡʔ  8JLJQFEJB ϨϏϡʔͱ͸ ϨϏϡʔͱ͸
    <୯ޠهࣄ>
     χίχίେඦՊ
19. ݱ୅ͷඒज़൷ධʹ͓͍ͯ͸ • ࡞඼ͷഎܠ • ඒज़࢙ͷதͰͷจ຺ • ৔ॴ • ߏਤ ͳͲͷίϯςΫετͰ࡞඼͕ޠΒΕΔɻ ڞ௨ͷೝࣝʹ͓͍ͯٞ࿦Ͱ͖Δڞ௨ͷݴޠ͕ॏཁɻ ʜͰ͸ɺσβΠϯͷϨϏϡʔʹ͓͍ͯ͸Ͳ͏͔ɻ
20. ʮσβΠϯϨϏϡʔʯ*40
    ʢ+*4
    2
    ʣʹ͓͍ͯఆ͚ٛͮΒΕ Δʮઃఆ͞Εͨ໨ඪΛୡ੒͢ΔͨΊͷݕ౼ର৅ͷద੾ੑɺଥ౰ੑɺ͓Αͼ ༗ޮੑΛ൑ఆ͢ΔͨΊʹߦΘΕΔ׆ಈʯͷ͜ͱɻͳ͓Ҏલӡ༻͞Ε͍ͯͨ +*4
    ; Ͱ͸ʮઃܭ৹ࠪʯͱ͍͏දݱΛ༻͍ͯɺྨࣅ֓೦͕ఆٛ͞ Ε͍ͯͨɻ·ͨɺن֨ʹ४ͯ͡͸͍ͳ͍͕୯ʹઃܭΛଞͷ෦໳ʹ؂ࠪͤ͞ ΔࣄΛσβΠϯϨϏϡʔ΍ϨϏϡʔͱশ͍ͯ͠Δ૊৫΋͋Δɻ ʠ ʮσβΠϯϨϏϡʔʯ Ϩϰϡʔ  8JLJQFEJB
21. σβΠϯͷʮઃఆ͞Εͨ໨ඪʯΛୡ੒͢ΔͨΊʹ͸ɺ • ʮઃఆ͞Εͨ໨ඪʯࣗମ • ݕ౼ର৅ͷద੾ੑɺଥ౰ੑ • ༗ޮੑ • ͜ΕΛ൑ఆ͢ΔͨΊʹߦΘΕΔ׆ಈ ͕Ͳ͏΍ΒॏཁͳΑ͏Ͱ͢ɻ
22. ͜ΕΛͦΕͧΕΘ͔Γ΍͘͢͢Δͱɺ • ࢪࡦɺػೳͷ໨తɺୡ੒͍ͨ͠,1* • ͦΕʹରͯ͠ͷखஈʢσβΠϯʣͷଥ౰ੑ • ͦͷޮՌ͕ظ଴Ͱ͖Δ͔Ͳ͏͔ • ͦΕΒΛٞ࿦͢ΔͨΊͷσβΠϯϨϏϡʔ ͱ͍ͬͨײ͡Ͱ͠ΐ͏͔ɻ
23. ͦ͜ʹҎԼͷίϯςΫετ͕ՃΘΓ·͢ɻ • αʔϏεͷੈք؍ • લޙͷࢪࡦͷதͰͷҐஔ෇͚ɺ࿈ଓੑ • શମͱͯ͠Ͳ͏͔ʢαʔϏεશମͷ6*ϧʔϧʣ
24. Abstract Zeplin Sketch Photoshop Cacoo 8'ը໘ઃܭ 6*σβΠϯ σβΠϯϨϏϡʔ όʔδϣϯ؅ཧ ΤϯδχΞ࿈ܞ ϓϩτλΠϐϯά σΟϨΫλʔ69σβΠφʔ 6*σβΠφʔ Zeplin Sketch Sketch Slack
25. ྑ͍൷ධͷͨΊʹ σβΠϯΛධՁ͢ΔͨΊͷڞ௨ݴޠΛ࣋ͭ͜ͱɺ'#͢Δଆ͞ΕΔଆͷ৴པؔ܎͕େࣄͰ͢ɻ
26. ࣮ࡍͷσβΠϯϨϏϡʔ
27. Before After Glitch
28. Before After # ֆըతۭؒͱಈ͖ɾϕΫτϧ
29. # Έɺ؍݄ࡇʁ
30. # Zeplin • ίϝϯτΛ೚ҙͷ৔ॴʹஔ ͚Δͷ͕ศར • अຐͳ࣌͸ඇදࣔ • ίϝϯτͷ৭ΛεϨουͷ εςʔλεͱؔ࿈͚ͮΔ • ཤྺ͕࢒ΔͷͰલͷWFSͱ ͷൺֱ͕͠΍͍͢
31. # σβΠϯϨϏϡʔ… ͳͷ͔ʁ IUUQTOPUFNVIJSBUBOOCCCBGEF
32. ϨϏϡʔͰ͸໨ͷલͷσβΠϯ͚ͩͰͳ͘ ͦΕͧΕͷ٬؍తͳ໨ΛҭͯΔ͜ͱΛҙ͍ࣝͯ͠·͢ɻ • ࠓճͷσβΠϯ͔ΒͷֶͼΛେࣄʹɺ໌֬ʹ • ͪΌΜͱҙਤ͕͋ΓɺͦΕ͕Ͱ͖͍ͯͨΒେମ0, • ͍͍࣌ͷ੎͍͸ࢭΊͳ͍ɺࡉ͔͍͜ͱ͸ݴΘͳ͍
33. 
    σβΠϯϨϏϡʔͷ໨త
34. ޮ཰తͳσβΠϯϨϏϡʔͷͨΊͷɺσβΠφʔͷί ϛϡχέʔγϣϯεΩϧͷ޲্ͱνʔϜϏϧσΟϯάɻ
35. ྑ͍σβΠϯʹ͍ͭͯνʔϜͰٞ࿦͠ɺ ೲಘͨ͠΋ͷΛܧଓతʹΞ΢τϓοτ͍͚ͯ͠Δ σβΠφʔͱνʔϜΛҭͯΔ͜ͱ ໨ͷલͷσβΠϯͷྑ͠ѱ͠ʹ͍ͭͯͷٞ࿦
36. • ࣗ෼ͷΞ΢τϓοτʹތΓΛ࣋ͭʂ • ࣗ෼ୡͷ఩ֶ͕͋ΔσβΠϯΛ͢Δ • ৴པ͋͠͏νʔϜϫʔΫΛ
37. ࣗ૸ ֎෦ͷಈྗʹΑΒͣɺࣗલͷಈྗͰ૸Δ͜ͱɻ
38. ࣗ૸Πϝʔδ
39. ͱݴ͏ײ͡Ͱɺ νʔϜͰͷϨϏϡʔͱϑϩʔ͕͔ͬ͠Γͯ͘͠Δͱɺ Ͳ͏ͳΔ͔ɻ
40. Ϛωʔδϟʔͳ͠Ͱ΋ ͪΌΜͱνʔϜ͕ճΔΑ͏ʹͳΓ·͢
41. ͱݴ͏͜ͱͰɺ ໌ޙ೔ΑΓגࣜձࣾVALUʹ δϣΠϯ͢Δ͜ͱʹͳΓ·ͨ͠ɻ
42. 42 42
43. ձࣾ঺հ Last update : 2019.8.7 ձࣾ঺հ Last update : 2019.8.7
44. ධՁͷج४Λม͑ɺ ͓ۚͷྲྀΕΛม͑ɺ ϑΣΞͳੈքΛͭ͘Δɻ
45. όϦϡʔ ϑΝϯσΟογϡ ʮඒຯ͍͠ʯ͸ɺϑΝϯͱ࡞Δ࣌୅΁ɻ ޷͖ͱ͔ເ͕ɺՁ஋ʹͳΔɻ άϧϝ ϑΝϯσΟϯάαʔϏε ݸਓՁ஋ͷ $UP$औҾϓϥοτϑΥʔϜ
46. 46 ޷͖ͱ͔ເ͕ɺՁ஋ʹͳΔɻ λάϥΠϯ Tag line ʮָ͠Ήʯ͚ͩͷίϛϡχςΟ͔Βɺʮ׎͑ΔʯͨΊͷίϛϡχςΟ΁ɻ ເͷࢧԉΛͣͬͱืΒΕΔɻ౤ࢿͷઌʹ͸ใु͕ݟࠐΊΔɻ ͨͩͷ4/4Ͱ΋ɺΫϥ΢υϑΝϯσΟϯάͰ΋ͳ͍ɻ 7"-6ʢόϦϡʔʣ͸ɺ͋ͨΒ͍͠ϓϥοτϑΥʔϜͰ͢ɻ
47. 47 ֓ཁ Overview 7"-6͸ύʔιφϧϒϥϯυͷՁ஋ΛτʔΫϯ ͱͯ͠ൃߦ͢Δ͜ͱͰϢʔβʔؒऔҾΛՄೳʹ ͨ͠ɺըظతͳϑΟϯςοΫαʔϏεͰ͢ɻ 8&#ɺJ04ΞϓϦɺ"OESPJEΞϓϦͰల։ͯ͠ ͓Γɺొ࿥ऀ਺͸ྦྷܭͰສਓΛ௒͍͑ͯ·͢ɻ ೥ͷαʔϏεϩʔϯν͔Β೥Ͱԯԁ ͷࢿۚௐୡΛ࣮ࢪ͠ɺݱࡏ͸αʔϏεͷେ෯ ΞοϓάϨʔυʹ޲͚ͯମ੍ڧԽΛਐΊ͍ͯ· ͢ɻ
50. Ҏ্ɺͲ͏΋͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ Α͔ͬͨΒϑΥϩʔ͓ئ͍͠·͢ɻ kei_kondo @add_kk