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

199ecb9a41f02b87310b106ecc3b43ea?s=47 Sadaaki Hirai
April 14, 2016

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

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

199ecb9a41f02b87310b106ecc3b43ea?s=128

Sadaaki Hirai

April 14, 2016
Tweet

Transcript

  1. © 2016 Goodpatch, Inc. All Right Reserved. σβΠϯͱٕज़Λͭͳ͙ (PPEQBUDI *ODࣥߦ໾һ$50ͻΒ͍͖ͩ͋͞

    6*$SVODI6*σβΠϯʹٻΊΒΕΔ࣮૷εΩϧͱߟ͑ํ 
  2. © 2016 Goodpatch, Inc. All Right Reserved. 2 1SPpMF ͸͡Ίʹ

    4BEBBLJ)JSBJͻΒ͍͖ͩ͋͞
 (PPEQBUDI *ODࣥߦ໾һ$50 TBEBIHJUIVCJP!TBEB@IDPOTPMFCMPH TFMG  IUNMK)5.-ͱ͔ษڧձ'POU-PWFST 3VCZ3BJMT)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ͷ͜Ε͔Β σβΠϯͱٕज़Λͭͳ͙

    1SPHSFTTJWF8FC"QQT 8FC$PNQPOFOUT
  22. © 2016 Goodpatch, Inc. All Right Reserved. 22 8FCͷ͜Ε͔Β1SPHSFTTJWF8FC"QQT σβΠϯͱٕज़Λͭͳ͙

    1SPHSFTTJWF8FC"QQTBSF w 1SPHSFTTJWF w 3FTQPOTJWF w $POOFDUJWJUZJOEFQFOEFOU w "QQMJLF w 'SFTI w 4BGF w %JTDPWFSBCMF w 3FFOHBHFBCMF w *OTUBMMBCMF w -JOLBCMF IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQT
  23. © 2016 Goodpatch, Inc. All Right Reserved. 23 8FCͷ͜Ε͔Β1SPHSFTTJWF8FC"QQT σβΠϯͱٕज़Λͭͳ͙

    1SPHSFTTJWF8FC"QQT͸ w ࠷৽ػೳ͕ར༻Ͱ͖Ε͹࢖͏ w Ϩεϙϯγϒ w ΦϯϥΠϯͰ΋ΦϑϥΠϯͰ΋ಈ࡞͢Δ w ωΠςΟϒΞϓϦΈ͍ͨʹ w ৗʹ࠷৽ͷ৘ใ͕දࣔ͞ΕΔ w ҆શͰ͋Δ w ݟ͚ͭΒΕΔ w Τϯήʔδϝϯτ w ΠϯετʔϧͰ͖Δ w ϦϯΫͰ͖Δ IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQT
  24. © 2016 Goodpatch, Inc. All Right Reserved. 24 8FCͷ͜Ε͔Β1SPHSFTTJWF8FC"QQT σβΠϯͱٕज़Λͭͳ͙

    1SPHSFTTJWF8FC"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