デザインと技術をつなぐ / Connecting Design and Technology

UI Crunch #8 UIデザインに求められる実装スキルと考え方 2016/04/14

Transcript

1. © 2016 Goodpatch, Inc. All Right Reserved. σβΠϯͱٕज़Λͭͳ͙ (PPEQBUDI
   *OD
   
   ࣥߦ໾һ
   $50
   ͻΒ͍͖ͩ͋͞
   6*
   $SVODI
   
   6*σβΠϯʹٻΊΒΕΔ࣮૷εΩϧͱߟ͑ํ
   
2. © 2016 Goodpatch, Inc. All Right Reserved. 2 1SPpMF ͸͡Ίʹ 4BEBBLJ
   )JSBJ
   ͻΒ͍
   ͖ͩ͋͞
 (PPEQBUDI
   *OD
   ࣥߦ໾һ$50
   
   TBEBIHJUIVCJP
   
   !TBEB@I
   
   DPOTPMFCMPH TFMG 
   IUNMK
   
   )5.-ͱ͔ษڧձ
   
   'POU-PWFST
   3VCZ
   
   3BJMT
   
   )5.-
   
   +BWB4DSJQU
   
   +BWB
3. W © 2016 Goodpatch, Inc. All Right Reserved. 3 ϋʔτΛ༳͞ͿΔσβΠϯͰ
   ੈքΛલਐͤ͞Δʂ OUR VISION Pushing the world forward with design & products that move people's hearts
4. W © 2016 Goodpatch, Inc. All Right Reserved. 4 σβΠϯͷྗΛূ໌͢Δ OUR MISSION Proving the power of design
5. 6*σβΠϯʹٻΊΒΕΔ
   ࣮૷εΩϧͱߟ͑ํ
6. © 2016 Goodpatch, Inc. All Right Reserved. 6 ΞδΣϯμ ͸͡Ίʹ 
   (PPEQBUDIͷσβΠϯϓϩηε
   
   σβΠϯͱٕज़Λͭͳ͙
   
   ·ͱΊ
7. © 2016 Goodpatch, Inc. All Right Reserved. 7 ΞδΣϯμ 
   (PPEQBUDIͷσβΠϯϓϩηε
   
   σβΠϯͱٕज़Λͭͳ͙
   
   ·ͱΊ
8. © 2016 Goodpatch, Inc. All Right Reserved. 8 (PPEQBUDIͷσβΠϯϓϩηε σβΠϯϓϩηε 
   (00%
   130505:1&4
   
   
   ؿ؋٦أزٔٔ٦أתד 
   (00%
   130#-&.4
   
   
   周⟝Ꟛ㨣⵸ 
   (00%
   1&01-&
   
   
   周⟝Ꟛ㨣湫䖓 
   (00%
   130%6$54
   
   
   فٗتؙز׾״׶״ֻ׃גְֻ
9. © 2016 Goodpatch, Inc. All Right Reserved. 9 (00%
   1&01-& σβΠϯϓϩηε 
   (00%
   130505:1&4
   
   
   ؿ؋٦أزٔٔ٦أתד 
   (00%
   130#-&.4
   
   
   周⟝Ꟛ㨣⵸ 
   (00%
   1&01-&
   
   
   周⟝Ꟛ㨣湫䖓 
   (00%
   130%6$54
   
   
   فٗتؙز׾״׶״ֻ׃גְֻ lҒେͳϓϩμΫτ͸ҒେͳνʔϜ͔Βੜ·ΕΔz ϓϩμΫτͷΫΦϦςΟ͸ίϛϡχέʔγϣϯͷ ྲྀྔʹΑͬͯൺྫɻ
   ϝϯόʔ͕ҙݟΛ௨ΘͤɺΞΠσΞͷԽֶ൓Ԡ͕ ͓͖΍͍͢ঢ়گΛ࡞Δɻ
10. © 2016 Goodpatch, Inc. All Right Reserved. 10 (00%
    130505:1&4 σβΠϯϓϩηε 
    (00%
    130505:1&4
    
    
    ؿ؋٦أزٔٔ٦أתד 
    (00%
    130#-&.4
    
    
    周⟝Ꟛ㨣⵸ 
    (00%
    1&01-&
    
    
    周⟝Ꟛ㨣湫䖓 
    (00%
    130%6$54
    
    
    فٗتؙز׾״׶״ֻ׃גְֻ ϓϩτλΠϐϯάจԽ ߹ݴ༿͸ʮ·ͣ΍ͬͯΈΔʂʯ
    ΞΠσΟΞΛૉૣ͘ܗʹ͢Δ͜ͱͰ
    νʔϜͷҙݟΛ௨ΘͤɺվળݕূΛૉ ૣ͘܁Γฦ͢ɻ
11. © 2016 Goodpatch, Inc. All Right Reserved. 11 (00%
    130%6$54 σβΠϯϓϩηε 
    (00%
    130505:1&4
    
    
    ؿ؋٦أزٔٔ٦أתד 
    (00%
    130#-&.4
    
    
    周⟝Ꟛ㨣⵸ 
    (00%
    1&01-&
    
    
    周⟝Ꟛ㨣湫䖓 
    (00%
    130%6$54
    
    
    فٗتؙز׾״׶״ֻ׃גְֻ ࠷ߴͷΫΦϦςΟΛٻΊͯ೪Δ Ϣʔβʔ͕৮ΕΔϓϩμΫτͷ
    ࠷ߴ඼࣭ΛٻΊɺΪϦΪϦ·Ͱ
    νʔϜશһͰ೪Δɻ
    ΫΦϦςΟʹ͸ଥڠ͠ͳ͍
12. © 2016 Goodpatch, Inc. All Right Reserved. 12 ΞδΣϯμ 
    (PPEQBUDIͷσβΠϯϓϩηε
    
    σβΠϯͱٕज़Λͭͳ͙
    
    ·ͱΊ
13. © 2016 Goodpatch, Inc. All Right Reserved. 13 8IZ σβΠϯͱٕज़Λͭͳ͙ Α͍ϓϩμΫτΛ
    ͭ͘Γ͍ͨ Why How What
14. © 2016 Goodpatch, Inc. All Right Reserved. 14 8IZ
    
    Α͍ϓϩμΫτΛͭ͘Γ͍ͨ σβΠϯͱٕज़Λͭͳ͙ ΤϯδχΞ͕ཁ݅ఆٛ΍ઃܭϑΣʔζ͔ΒؔΘΕͳ͍ͱɺ Α͍σβΠϯ͕ͭ͘Εͳ͍
    w αʔϏεͷجຊઃܭʹؔΘΔ͜ͱ
    w ձһొ࿥ͷϑϩʔ
    w ϓογϡ௨஌ͷઃܭ
    w 04ʹΑͬͯͰ͖Δ͜ͱ͕มΘͬͯ͘Δ
    w όοΫάϥ΢ϯυͰͷλεΫ࣮ߦ Why How What
15. Why How What © 2016 Goodpatch, Inc. All Right Reserved. 15 )PX σβΠϯͱٕज़Λͭͳ͙ ૣ͍ϑΣʔζͰ
 ϓϩδΣΫτʹؔΘΔ
16. Why How What © 2016 Goodpatch, Inc. All Right Reserved. 16 )PX
    
    ૣ͍ϑΣʔζͰϓϩδΣΫτʹؔΘΔ σβΠϯͱٕज़Λͭͳ͙ ཁ݅ఆٛͷظ͕ؒ௕͘ɺ։ൃظ͕ؒ୹͍
    ։ൃʹೖΒͳ͍ͱɺΤϯδχΞ͕ΞαΠϯ͞Εͳ͍
    w ͱΓ͋͑ͣࢼͯ͠ΈΔɺ͕೉͍͠
    w ઃܭஈ֊ͷϓϩτλΠϐϯάʹΤϯδχΞ͕ࢀՃͰ͖ͳ͍
    w ։ൃ͕࢝·͔ͬͯΒͷϓϩτλΠϓ͕࡞Γʹ͍͘
17. Why How What © 2016 Goodpatch, Inc. All Right Reserved. 17 8IBU σβΠϯͱٕज़Λͭͳ͙ ϓϩδΣΫτ΁ͷ
 ؔΘΓํΛݟ௚͢
18. Why How What © 2016 Goodpatch, Inc. All Right Reserved. 18 8IBU
    
    ϓϩδΣΫτ΁ͷؔΘΓํΛݟ௚͢ σβΠϯͱٕज़Λͭͳ͙ "OESPJEσϕϩούʔ͕
 .BUFSJBM
    %FTJHOΞυόΠβʔͱͯ͠ϓϩδΣΫτʹࢀՃ͢Δ
    J04σϕϩούʔ͕
 69σβΠφʔͱͯ͠ϓϩδΣΫτʹࢀՃ͢Δ
    w .BUFSJBM
    %FTJHO΍)VNBO
    *OUFSGBDF
    (VJEFMJOFT͸
 ࣮૷ͷܦݧ͕ͳ͍ͱཧղ͕͢Δ͜ͱ͕೉͍͠
    w 04΍ΞϓϦέʔγϣϯͷݪཧ࢓૊Έ
    w ͳͥͦ͏ॻ͍ͯ͋Δͷ͔
    w ϝλϑΝʔΛཧղ্ͨ͠Ͱར༻͢Δ
19. © 2016 Goodpatch, Inc. All Right Reserved. 19 "OESPJE σβΠϯͱٕज़Λͭͳ͙ "OESPJEσϕϩούʔΛ
 .BUFSJBM%FTJHOΞυόΠβʔͱͯ͠
 ϓϩδΣΫτ ΞϓϦͷϦχϡʔΞϧ ʹΞαΠϯ
    ΍ͬͨ͜ͱ
    w ࠷దͳίϯϙʔωϯτͷఏҊ
    w ࣮૷ͷ֬ೝɺमਖ਼ํ๏ͷఏҊ
20. © 2016 Goodpatch, Inc. All Right Reserved. 20 J04 σβΠϯͱٕज़Λͭͳ͙ J04σϕϩούʔ͕
 69σβΠφʔͱ͍͏ϩʔϧΛ࣋ͬͯ
 ϓϩδΣΫτ αʔϏεͷΞϓϦରԠ ʹؔΘΔ
    ΍ͬͨ͜ͱ
    w Ͳ͏αʔϏεΛ੾Γग़ͯ͠ΞϓϦέʔγϣϯʹ͢Δ͔ఏҊ
    w αʔϏεͷڧΈΛ׆͔ͨ͢ΊʹͲ͏͍ͬͨΞϓϩʔν͕Ͱ ͖Δ͔ఏҊ
21. © 2016 Goodpatch, Inc. All Right Reserved. 21 8FCͷ͜Ε͔Β σβΠϯͱٕज़Λͭͳ͙ 1SPHSFTTJWF
    8FC
    "QQT
    8FC
    $PNQPOFOUT
22. © 2016 Goodpatch, Inc. All Right Reserved. 22 8FCͷ͜Ε͔Β
    
    1SPHSFTTJWF
    8FC
    "QQT σβΠϯͱٕज़Λͭͳ͙ 1SPHSFTTJWF
    8FC
    "QQT
    BSF
    w 1SPHSFTTJWF
    w 3FTQPOTJWF
    w $POOFDUJWJUZ
    JOEFQFOEFOU
    w "QQMJLF
    w 'SFTI
    w 4BGF
    w %JTDPWFSBCMF
    w 3FFOHBHFBCMF
    w *OTUBMMBCMF
    w -JOLBCMF IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQT
23. © 2016 Goodpatch, Inc. All Right Reserved. 23 8FCͷ͜Ε͔Β
    
    1SPHSFTTJWF
    8FC
    "QQT σβΠϯͱٕज़Λͭͳ͙ 1SPHSFTTJWF
    8FC
    "QQT
    ͸
    w ࠷৽ػೳ͕ར༻Ͱ͖Ε͹࢖͏
    w Ϩεϙϯγϒ
    w ΦϯϥΠϯͰ΋ΦϑϥΠϯͰ΋ಈ࡞͢Δ
    w ωΠςΟϒΞϓϦΈ͍ͨʹ
    w ৗʹ࠷৽ͷ৘ใ͕දࣔ͞ΕΔ
    w ҆શͰ͋Δ
    w ݟ͚ͭΒΕΔ
    w Τϯήʔδϝϯτ
    w ΠϯετʔϧͰ͖Δ
    w ϦϯΫͰ͖Δ IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQT
24. © 2016 Goodpatch, Inc. All Right Reserved. 24 8FCͷ͜Ε͔Β
    
    1SPHSFTTJWF
    8FC
    "QQT σβΠϯͱٕज़Λͭͳ͙ 1SPHSFTTJWF
    8FC
    "QQT
    ͸
    w ࠷৽ػೳ͕ར༻Ͱ͖Ε͹࢖͏
    w Ϩεϙϯγϒ
    w ΦϯϥΠϯͰ΋ΦϑϥΠϯͰ΋ಈ࡞͢Δ
    w ωΠςΟϒΞϓϦΈ͍ͨʹ
    w ৗʹ࠷৽ͷ৘ใ͕දࣔ͞ΕΔ
    w ҆શͰ͋Δ
    w ݟ͚ͭΒΕΔ
    w Τϯήʔδϝϯτ
    w ΠϯετʔϧͰ͖Δ
    w ϦϯΫͰ͖Δ IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQT
25. ΦϑϥΠϯͰ΋࢖͑Δ
    ϓογϡ௨஌ʹରԠ͍ͯ͠Δ
    ΠϯετʔϧͰ͖Δ
    8FCΞϓϦέʔγϣϯ
26. © 2016 Goodpatch, Inc. All Right Reserved. 26 8FCͷ͜Ε͔Β
    
    8FC
    $PNQPOFOUT σβΠϯͱٕज़Λͭͳ͙ IUUQTFMFNFOUTQPMZNFSQSPKFDUPSHCSPXTF QBDLBHFHPPHMFXFCDPNQPOFOUT
27. © 2016 Goodpatch, Inc. All Right Reserved. 27 8FCͷ͜Ε͔Β σβΠϯͱٕज़Λͭͳ͙ 8FCΞϓϦέʔγϣϯ΋ωΠςΟϒΞϓϦͷΑ͏ʹઃܭ͢Δඞཁ͕Ͱͯ͘Δ
    αʔϏεσβΠϯ͔Βߟ͑Δඞཁ͕͋Δ
    w ωΠςΟϒΞϓϦΛ࡞Δͷ͔ʁ8FCͷ΄͏͕Α͍͔ʁ
    w Πϯετʔϧࢪࡦ
    w ϓογϡ௨஌ͷઃܭ
    w ΦϑϥΠϯରԠ
    w ίϯϙʔωϯτ IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQT
28. © 2016 Goodpatch, Inc. All Right Reserved. 28 ΞδΣϯμ 
    (PPEQBUDIͷσβΠϯϓϩηε
    
    σβΠϯͱٕज़Λͭͳ͙
    
    ·ͱΊ
29. © 2016 Goodpatch, Inc. All Right Reserved. (00%
    130505:1&4 ·ͱΊ ϨϏϡʔ
    ΠϯαΠτൃݟ
    ίϯηϓτઃܭ
    σβΠϯɺ࣮૷ GOOD PROBLEMS GOOD PEOPLE GOOD PROTOTYPES GOOD PRODUCTS
30. © 2016 Goodpatch, Inc. All Right Reserved. (00%
    130505:1&4 ·ͱΊ ϨϏϡʔ
    ΠϯαΠτൃݟ
    ίϯηϓτઃܭ
    σβΠϯɺ࣮૷ GOOD PROBLEMS GOOD PEOPLE GOOD PROTOTYPES GOOD PRODUCTS ͜͜Λ͔ͬ͠Γ·Θͨ͢Ίʹ
    σβΠϯͱٕज़Λͭͳ͍͛ͨ
31. © 2016 Goodpatch, Inc. All Right Reserved. (00%
    130505:1&4 ·ͱΊ ϨϏϡʔ
    ΠϯαΠτൃݟ
    ίϯηϓτઃܭ
    σβΠϯɺ࣮૷ GOOD PROBLEMS GOOD PEOPLE GOOD PROTOTYPES GOOD PRODUCTS Α͍ϓϩμΫτΛͭ͘Γ͍ͨ
    ϋʔτΛ༳͞ͿΓ͍ͨ
32. 
    
    
    
    
    
    
    
33. 
    
    )551
    
    
    )5.-
    
    
    J04
    
    
    "OESPJE
34. 8FCσβΠφʔͱ͍͏৬ۀ͸
    ೥લʹ͸ଘࡏ͠ͳ͔ͬͨ
35. ٕज़ʹΑͬͯྖҬ͕޿͕Γ
    σβΠϯʹΑͬͯચ࿅͞ΕΔ
36. σβΠϯͱٕज़Λͭͳ͙
37. σβΠϯͱٕज़Λͭͳ͙ɺͱ͍͏ͷ͸
    (PPEQBUDIͷΤϯδχΞͷ
    ϛογϣϯɾεςʔτϝϯτ
38. σβΠϯͱٕज़Λͭͳ͍ͩ
    Ξ΢τϓοτ͸͜ΜͳΠϝʔδʁ
39. Design Technology
40. ͜ΜͳΠϝʔδΛ͍࣋ͬͯ·͢
41. Design Technology
42. σβΠϯΛ࣮ݱʹ͢ΔͨΊʹ
    ٕज़͕ඞཁͰ͢ɻ
43. ߴ͍ٕज़ྗΛ͍࣋ͬͯΔ͚ͩͰ͸ͳ͘
    ࣗ਎ͷٕ࣋ͭज़ΛσβΠϯʹ
    ׆͔͢͜ͱ͕େ੾Ͱ͢ɻ
44. σβΠϯͱٕज़Λͭͳ͍Ͱ
    Α͍ϓϩμΫτΛͭ͘Γ͍ͨ
45. Design Technology
46. Thank you for your attention