プロダクトデザイン事始め - 表現するエンジニアへの道 #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/

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
   $PMMBCPSBUPS
   
   7JSBM
   'FFE
   ü  ۙྡϢʔβͱͷ৘ใڞ༗ج൫
   ü  344ϑΟʔυʢ01.-ʣͷڞ༗
   ü  ಛఆ෺ཧҐஔʹର͢Δ޿ࠂ഑৴
   ü  1FPQMF
   /FBS
   .F
   GPS
   8.
   
10. ü  :BNNFSͷ/&5ΫϥΠΞϯτ
    ü  ϓϩΩγΛ௨ͯ͠࢖͍͔ͨͬͨ
    ü  0"VUI
    ࢼͯ͠Έ͔ͨͬͨ
    :BNNFS
    $MJFOU
    GPS
    /&5
    
11. MPJUFS
    ü  'PVSTRVBSF
    Ϧετʢ
    (PXBMMBʣ
    ü  ཱྀߦࡶࢽͷஔ͖׵͑Λ໨ࢦ͢
    
12. 0UIFST
    ü  TEFTJHOKQ
    ü  WPMBUJMFUJNFTDP
    ü  FUD
    ʜ
    
13. σβΠϯࢥߟ
    D esign Thinking
    
14. ײ৘ඇݴޠ
    ϋοɺυΩυΩɺϞϠϞϠ
    FUD
    ײ৘ݴޠ
    ָ͍͠ɺ͏Ε͍͠ɺ൵͍͠
    FUD
    ࿦ཧ
    ઓུɺ਺ࣈ
    FUD
    
15. ü  ෳࡶͳੈքΛపఈతʹ؍࡯ˍ࠶ߏங͢Δɺ
    
    
    
    
    
    
    
    ͦΕʹओுͳ͍͠දݱΛՃ͑ະདྷͷํ޲΁ͱ༠ಋ͢Δɻ
    ü  ࿦ཧͷੈքͱײ৘ͷੈքΛ͍ͬͨΓ͖ͨΓɻ
    ü  ౎ࢢσβΠϯͱ͔૊৫σβΠϯͱ͔΋͜Εͱಉ͔͡΋ɻ
    Ձ஋ͷ͋Δ࢓૊ΈͳΓ
    ࢧ࣋͞ΕΔϞϊΛ૑Γग़࣌͢ͷࢥߟͱ͸ʁ
    ʮؔ౦ʹॅΜͰ͍Δ୅ͰॴಘສԁҎ্ສԁະຬͷঁੑʯͱ͍͏ηάϝϯτΛλʔήοτ ͱͯ͠ܦӦࢿݯΛूத౤Լͯ͠੡඼ల։Λಥ͖ਐΊ͍ͯ͘Μͩɺͱ͍͏ͷͱ͸ͪΐͬͱҧ͏ɻ
    ͓લ͕ԿΛ࢈Έग़ͯ͠Μͷ͔Αɺͱ͍͏ಥͬࠐΈ͸ॏʑঝ஌ͭͭ͠
    
16. /:$
    #FBDPO
    c
    GSPH
    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. *OTQJSFE
    6*
    
25. ESJCCCMF
    
26. ഑৭
    
27. LVMBS
    
28. ,BTIJXB
    4BUP
    
29. λΠϙάϥϑΟ
    
30. "EPCF
    5ZQFLJU
    
31. 'POU1MVT
    
32. $44ϑϨʔϜϫʔΫ
    
33. #PPUTUSBQ
    
    GPVOEBUJPO
    
    ,VCF
    
34. ίʔυςϯϓϨʔτ
    
35. $0%&1&/
    
    KTEPJU
    
    
36. ඪ४πʔϧԠ༻
    
37. %FGBVMU
    5PPMT
    
38. ϓϩϑΣογϣφϧπʔϧ
    
39. "EPCF
    $$
    
40. දݱΛ࣮ફ͢Δ
    Practi ce Product D esi gn
    
41. ςʔϚ ʮ͍͋͏͓͑ʯΛද͍ࣔͯͩ͘͠͞ɻ
    
43. ͍͋͏͓͑
    Ϋʔϧ
    ͔ΘΏ͢
    ߹ίϯ
    ੺ͪΌΜ
    ڣͼ
    ਫ
    γϯϓϧ
    ͍͋͏͓͑
    ͍͋͏͓͑
    
44. ͍͋͏͑ΛΛදݱͯ͠ΈΔαΠτɻ
    BOTEFTJHOKQ
    
46. ·ͱΊ
    Conclusion
    
47. ࣮ݱ͍ͨ͠ࣄۀ͕͋Δɺઓུɾཁ͕݅͋ΔɻͦΕΒͷ࿦ཧ Λཧղߏங্ͨ͠Ͱɺͦͷ࿦ཧΛՃ଎ͤ͞ΔදݱΛ͍Ε ΔɻͦΕ͕ྲྀߦͱ͔ϒʔϜΛੜΈग़͢ؾ͕͢Δɻ
    
    ͦͷͨΊʹ΋ɺදݱͷ෢ثΛखʹೖΕɺָ͍͠ͱ͔৺஍Α ͍ͱ͔ɺ༷ʑͳײ৘ͷಈ͖ΛσβΠϯ͢ΔɻͦΕ͸ద੾ͳ πʔϧͷར༻ςΫχοΫͱɺͪΐͬͱͨ͠ϓϩμΫτվળ ΁ͷҙࣝΛ͚࣋ͭͩͰՄೳͳؾ͕͢Δɻ
    
48. ͋ͨΓ·͑Λɺൃ໌͠Α͏ɻ