プロダクトデザイン事始め - 表現するエンジニアへの道 #TechLunch

プロダクトデザイン事始め - 表現するエンジニアへの道 #TechLunch

プロダクトデザイン事始め - 表現するエンジニアへの道
2014/03/19 (水) 12:00-13:00 @ Livesense TechLunch

■ 発表者
平山 宗介

■ 概要
エンジニアが「表現」を身につけるにはどうすればよいのか。
ノンデザイナーズ・デザインブック - デザイン4原則 でそれっぽいことは書かれたけど次のステップにはなかなかいけない。今回のTechLunchでは表現するエンジニアへの道ということで、エンジニアが表現を身につけていくにはどうすればよいのか、どのように考えていけばよいのかということをみんなと一緒にかんがえていく。

■ 参考URL
http://a2n.sdesign.jp/
http://startupnotes.org/
http://www.awwwards.com/
http://inspired-ui.com/
http://dribbble.com/
https://kuler.adobe.com/
http://kashiwasato.com/
https://typekit.com
http://webfont.fontplus.jp/
http://foundation.zurb.com/
http://codepen.io/

E60aa4f80303f3f386898546ddb3686a?s=128

Livesense Inc.

March 19, 2014
Tweet

Transcript

  1. Sosuke Hirayama / Livesense Inc. 2014/03/19 @ LIVESENSE TechLunch ϓϩμΫτσβΠϯࣄ࢝Ί

    දݱ͢ΔΤϯδχΞ΁ͷಓ✈
  2. ʮϓϩμΫτσβΠϯʯ ϓϩμΫτɾαʔϏεΛࢥ૝Ϩϕϧ͔Βઃܭ͢Δ ʺ޻ۀσβΠϯ

  3. LIVESENSE made* Technology Design Marketing ࣍ੈ୅ϕϯνϟʔͷϞϊ࡞ΓνʔϜ

  4. എܠ B a ckground 

  5. σβΠφ͕ΤϯδχΞϦϯάʢϓϩάϥϜʣΛֶͿίπΑΓ ͳͥදݱऀ͸ςΫϊϩδʔΛֶश͢Δͷ͕ۤख͔  දݱͱΤϯδχΞϦϯά͕Ͱ͖ΔϋΠϒϦουͳ੡࡞ऀ͸ɺཧܥ͋Δ͍͸Τϯδ χΞग़਎ͷਓ͕ؒଟ͍ɻٯʹΞʔςΟετ΍ʢάϥϑΟοΫʣσβΠφʔͷόο Ϋάϥ΢ϯυ͔ΒɺϋΠϒϦουܕ΁ͱҠߦ͢Δਓ͸૬ରతʹগͳ͍ɻ  جຊతʹ͸ɺΤϯδχΞͷ΄͏͕ʮܥ౷ֶཱͯͯश͢Δʯͱ͍͏఺Ͱɺϊ΢ϋ΢ ͱڭҭ͕͋Δɻ͍ΘΏΔʮඒతηϯεʯͱ͍ΘΕΔΑ͏ͳϞϊͰ͋ͬͯ΋ɺ͍ͪ ͲϩδοΫԽͯࣗ͠෼ͳΓʹফԽ͑͞Ͱ͖ͯ͠·͑͹ɺΤϯδχΞ͸දݱ΍σβ

    Πϯ΋ΤϯδχΞϦϯάͷҰ؏ͱֶͯ͠श͢Δ͜ͱ͕Ͱ͖ΔɻʢٯʹɺεΩϧΛ ϒϨΠΫμ΢ϯֶͯ͠श͢ΔͿΜɺʮ࡞ΕΔ͚Ͳ࡞Γ͍ͨ΋ͷ͕ͳ͍ʯʹͳΓ͕ ͪͰ͸͋Δɻʣ
  6. ઓུίϯαϧςΟϯάͷ࣍ʹ΍ͬͯ͘Δʮ಄೴ʯ͸ʁΑΓ ୈʹɺ෺ࣄΛ૑଄͢Δϓϩηεʹ͍ͭͯͷܦݧͷ๛෋ͩ͞ɻΠϊϕʔγϣϯ ͱ͍͏ͷ͸਎ମ஌Ͱ͋ͬͯɺ࢓૊ΈΛຊͰಡΜ͔ͩΒͱ͍ͬͯͰ͖Δ΋ͷͰ͸ ͳ͍ɻࣗసंͷ৐ΓํͷΑ͏ʹɺԿ౓΋సͿ͏ͪʹ਎ମͰ֮͑Δ΋ͷͩɻGSPH ͷਓͼͱ͸ɺ૑଄ੑʹಛԽ͖ͯͨ͠ͷͰɺ৽͍͠΋ͷΛ࡞Γग़͢ͱ͖ʹඞཁͳ ϓϩηεͷઃܭ͕ײ֮ͱͯࠜ͠෇͍͍ͯΔɻ

  7. ΤϯδχΞ͕ දݱΛ਎ʹ͚ͭΔʹ͸ Ͳ͏͢Ε͹Α͍͔ɻ

  8. ϙʔτϑΥϦΦ Pri vate Por tfol i o 

  9. 344$PMMBCPSBUPS7JSBM'FFE ü  ۙྡϢʔβͱͷ৘ใڞ༗ج൫ ü  344ϑΟʔυʢ01.-ʣͷڞ༗ ü  ಛఆ෺ཧҐஔʹର͢Δ޿ࠂ഑৴ ü  1FPQMF/FBS.FGPS8.

  10. ü  :BNNFSͷ/&5ΫϥΠΞϯτ ü  ϓϩΩγΛ௨ͯ͠࢖͍͔ͨͬͨ ü  0"VUIࢼͯ͠Έ͔ͨͬͨ :BNNFS$MJFOUGPS/&5

  11. MPJUFS ü  'PVSTRVBSFϦετʢ(PXBMMBʣ ü  ཱྀߦࡶࢽͷஔ͖׵͑Λ໨ࢦ͢

  12. 0UIFST ü  TEFTJHOKQ ü  WPMBUJMFUJNFTDP ü  FUDʜ

  13. σβΠϯࢥߟ D esign Thinking 

  14. ײ৘ඇݴޠ ϋοɺυΩυΩɺϞϠϞϠFUD ײ৘ݴޠ ָ͍͠ɺ͏Ε͍͠ɺ൵͍͠FUD ࿦ཧ ઓུɺ਺ࣈFUD

  15. ü  ෳࡶͳੈքΛపఈతʹ؍࡯ˍ࠶ߏங͢Δɺ ͦΕʹओுͳ͍͠දݱΛՃ͑ະདྷͷํ޲΁ͱ༠ಋ͢Δɻ ü  ࿦ཧͷੈքͱײ৘ͷੈքΛ͍ͬͨΓ͖ͨΓɻ ü  ౎ࢢσβΠϯͱ͔૊৫σβΠϯͱ͔΋͜Εͱಉ͔͡΋ɻ Ձ஋ͷ͋Δ࢓૊ΈͳΓ ࢧ࣋͞ΕΔϞϊΛ૑Γग़࣌͢ͷࢥߟͱ͸ʁ ʮؔ౦ʹॅΜͰ͍Δ୅ͰॴಘສԁҎ্ສԁະຬͷঁੑʯͱ͍͏ηάϝϯτΛλʔήοτ

    ͱͯ͠ܦӦࢿݯΛूத౤Լͯ͠੡඼ల։Λಥ͖ਐΊ͍ͯ͘Μͩɺͱ͍͏ͷͱ͸ͪΐͬͱҧ͏ɻ ͓લ͕ԿΛ࢈Έग़ͯ͠Μͷ͔Αɺͱ͍͏ಥͬࠐΈ͸ॏʑঝ஌ͭͭ͠
  16. /:$#FBDPOcGSPH IUUQXXXGSPHEFTJHODPNXPSLSFJOWFOUJOHUIFQBZQIPOFIUNM

  17. දݱͷͨΊͷπʔϧ E xp ressi o n To o l s

  18. "  ϖʔύʔϓϩτλΠϓ #  σβΠϯαϯϓϧ $  ഑৭ %  λΠϙάϥϑΟ &  $44ϑϨʔϜϫʔΫ

    '  ίʔυςϯϓϨʔτ (  ඪ४πʔϧԠ༻ )  ϓϩϑΣογϣφϧπʔϧ
  19. ϖʔύʔϓϩτλΠϓ

  20. 7*4*0/

  21. '6/$5*0/

  22. σβΠϯαϯϓϧ

  23. "888"3%4

  24. *OTQJSFE6*

  25. ESJCCCMF

  26. ഑৭

  27. LVMBS

  28. ,BTIJXB4BUP

  29. λΠϙάϥϑΟ

  30. "EPCF5ZQFLJU

  31. 'POU1MVT

  32. $44ϑϨʔϜϫʔΫ

  33. #PPUTUSBQGPVOEBUJPO,VCF

  34. ίʔυςϯϓϨʔτ

  35. $0%&1&/KTEPJU

  36. ඪ४πʔϧԠ༻

  37. %FGBVMU5PPMT

  38. ϓϩϑΣογϣφϧπʔϧ

  39. "EPCF$$

  40. දݱΛ࣮ફ͢Δ Practi ce Product D esi gn 

  41. ςʔϚ ʮ͍͋͏͓͑ʯΛද͍ࣔͯͩ͘͠͞ɻ

  42. None
  43. ͍͋͏͓͑ Ϋʔϧ ͔ΘΏ͢ ߹ίϯ ੺ͪΌΜ ڣͼ ਫ γϯϓϧ ͍͋͏͓͑ ͍͋͏͓͑

  44. ͍͋͏͑ΛΛදݱͯ͠ΈΔαΠτɻ BOTEFTJHOKQ

  45. None
  46. ·ͱΊ Conclusion

  47. ࣮ݱ͍ͨ͠ࣄۀ͕͋Δɺઓུɾཁ͕݅͋ΔɻͦΕΒͷ࿦ཧ Λཧղߏங্ͨ͠Ͱɺͦͷ࿦ཧΛՃ଎ͤ͞ΔදݱΛ͍Ε ΔɻͦΕ͕ྲྀߦͱ͔ϒʔϜΛੜΈग़͢ؾ͕͢Δɻ  ͦͷͨΊʹ΋ɺදݱͷ෢ثΛखʹೖΕɺָ͍͠ͱ͔৺஍Α ͍ͱ͔ɺ༷ʑͳײ৘ͷಈ͖ΛσβΠϯ͢ΔɻͦΕ͸ద੾ͳ πʔϧͷར༻ςΫχοΫͱɺͪΐͬͱͨ͠ϓϩμΫτվળ ΁ͷҙࣝΛ͚࣋ͭͩͰՄೳͳؾ͕͢Δɻ

  48. ͋ͨΓ·͑Λɺൃ໌͠Α͏ɻ