ユーザーと育てるサービスのデザイン / create a service together with users

2017/9/28
『UI/UX Designer's Meetup 〜ユーザーファーストなサービスの作り方とは？〜　トクバイ×BASE×みんなのウエディング×ランサーズ 4社のインハウスデザイナーのお仕事トーク』発表資料

Transcript

1. ϢʔβʔͱҭͯΔ αʔϏεͷσβΠϯ Muneaki Hayakawa BASE, Inc.
2. ࣗݾ঺հ frontend designer Muneaki Hayakawa ૣ઒
   फ྄ ೥݄ೖࣾɻ #"4&ͷXFCͷσβΠϯɾϑϩϯτΤϯυ୲౰ɻ
3. #"4&ʹ͍ͭͯ
4. MISSION Ձ஋ͷަ׵Λγϯϓϧʹɻ ੈքதͷਓʑ͕࠷దͳܦࡁ׆ಈΛߦ͑Δࣾձ΁ɻ
5. ωοτγϣοϓ։ઃαʔϏε IUUQTUIFCBTFJO IUUQTJUVOFTBQQMFDPNKQBQQJE γϣοϐϯάΞϓϦ &ίϚʔεϓϥοτϑΥʔϜ
   
   Ձ஋Λަ׵͢Δʮ৔ʯ
6. ܾࡁαʔϏε
   
   Ձ஋Λަ׵͢Δʮखஈʯ ΦϯϥΠϯܾࡁαʔϏε IUUQTQBZKQ IUUQTJEQBZKQ *%ܕܾࡁαʔϏεʮ1":
   *%ʯ
7. #"4&ϥΠϒ IUUQTUIFCBTFJOCBTFMJWF OFX
   
   ϦϦʔε
8. ϢʔβʔͱҭͯΔ αʔϏεͷσβΠϯ
9. ϢʔβʔͱҭͯΔ αʔϏεͷσβΠϯ
10. ωοτγϣοϓ։ઃαʔϏε
11. IUUQTUIFpSTUQFOHVJOKQ͓฼͞Μ໨ઢͰ࡞ͬͯΈͨΒCBTF͸γϯϓϧͳαʔϏεʹͳͬͨFDBB
12. ʮ͓฼͞ΜͰ΋࢖͑Δʯ γϯϓϧ͞ɺΘ͔Γ΍͢͞ɺ؆୯͞
13. ʮ؆୯͞ʯ͕ചΓͷ#"4&Ͱ͕͢ɾɾ
14. ʮ؆୯͞ʯ͕ചΓͷ#"4&Ͱ͕͢ɾɾ ؆୯͡Όͳ͍ػೳ͕͋Γ·͢ɾɾʂ
16. )5.-ฤूʢΦϓγϣϯػೳʣ
17. )5.-ฤूʢΦϓγϣϯػೳʣ ೥݄͔ΒແྉԽʂ
18. ΋ͪΖΜɺ)5.-ฤू͠ͳͯ͘΋͋Δఔ౓ͷσβΠϯ͸Ͱ͖·͢
19. ύλʔϯͷແྉςϯϓϨʔτɻ ϩΰ΍എܠɺจࣈ৭ͷࢦఆͰΦϦδφϦςΟ͸ͦΕͳΓʹɻ
20. ͳͥIUNMฤू͕ඞཁʁ
21. IUUQTCJODKQOFXTQS@ γϣοϓ։ઃ਺ສళฮಥഁʂ
22. IUUQTCJODKQOFXTQS@ γϣοϓ։ઃ਺ສళฮಥഁʂ
    ➡
    Ϣʔβʔͷଟ༷Խ
23. Ϣʔβʔͷଟ༷Խɿখֶੜ͔Βɾɾ IUUQTCBNQJTJOUFSWJFXCBTF@LJOUBSPIUNM IUUQTLJOUBSPVUIFCBTFJO
24. Ϣʔβʔͷଟ༷Խɿখֶੜ͔Βɾɾ͓͹͋ͪΌΜ·Ͱʂ IUUQTQBUDIXPSLUIFCBTFJO
25. γϣοϓن໛ɺ೥ྸɺ஍ҬɺͳͲ ༷ʑͳϢʔβʔ͕γϣοϓΛ࡞ΔΑ͏ʹͳͬͨࠓɺ γϯϓϧͳςϯϓϨʔτ͚ͩͰ͸ݶք͕ɻ ΋ͬͱଟ༷ͳγϣοϓͷੈք؍ΛදݱͰ͖ΔΑ͏ʹɾɾ
26. γϣοϓن໛ɺ೥ྸɺ஍ҬɺͳͲ ༷ʑͳϢʔβʔ͕γϣοϓΛ࡞ΔΑ͏ʹͳͬͨࠓɺ γϯϓϧͳςϯϓϨʔτ͚ͩͰ͸ݶք͕ɻ ΋ͬͱଟ༷ͳγϣοϓͷੈք؍ΛදݱͰ͖ΔΑ͏ʹɾɾ )5.-ฤूػೳ ʴ
27. γϣοϓن໛ɺ೥ྸɺ஍ҬɺͳͲ ༷ʑͳϢʔβʔ͕γϣοϓΛ࡞ΔΑ͏ʹͳͬͨࠓɺ γϯϓϧͳςϯϓϨʔτ͚ͩͰ͸ݶք͕ɻ ΋ͬͱଟ༷ͳγϣοϓͷੈք؍ΛදݱͰ͖ΔΑ͏ʹɾɾ DESIGN MARKET )5.-ฤूػೳ σβΠϯϚʔέοτ ʴ
28. )5.-ฤूͱ σβΠϯϚʔέοτ
29. )5.-ฤूͱ σβΠϯϚʔέοτ
30. )5.-ฤू
31. )5.-ฤू
32. )5.-ฤू
33. σβΠϯΦϓγϣϯ σϑΥϧτͰ͸ϩΰը૾ࢦఆɺഎܠ৭ʗը૾ɺφϏήʔγϣϯ৭ɺจࣈ৭
    ͷΈɻ
34. σβΠϯΦϓγϣϯ IUNMฤूͰ޷͖ͳΦϓγϣϯΛ௥ՃՄೳɻ IUUQTHJUIVCDPNCBTFJODUFNQMBUFEPDT
35. σβΠϯΦϓγϣϯ εϥΠυը૾ɺ͓஌ΒͤςΩετɺϑΥϯτࢦఆɺϨΠΞ΢τࢦఆɺͳͲࣗ༝ࣗࡏʹ֦ு
36. ͻͼͨΜɿ)5.-ฤूɺσβΠϯϚʔέοτΛ࡞ͬͨΤϯδχΞ
37. )5.-ฤू͸ֵ໋ɻ ͻͼͨΜɿ)5.-ฤूɺσβΠϯϚʔέοτΛ࡞ͬͨΤϯδχΞ
38. #"4&ͰΞΧ΢ϯτ࡞Δ
39. #"4&ͰΞΧ΢ϯτ࡞Δ ܾࡁػೳ ʢΫϨΧɺΩϟϦΞܾࡁɺۜߦৼࠐɺίϯϏχ෷͍ɺޙ෷͍ʣ
40. #"4&ͰΞΧ΢ϯτ࡞Δ ܾࡁػೳ ʢΫϨΧɺΩϟϦΞܾࡁɺۜߦৼࠐɺίϯϏχ෷͍ɺޙ෷͍ʣ ʴ IUNMฤू
41. #"4&ͰΞΧ΢ϯτ࡞Δ ܾࡁػೳ ʢΫϨΧɺΩϟϦΞܾࡁɺۜߦৼࠐɺίϯϏχ෷͍ɺޙ෷͍ʣ ʴ IUNMฤू ແྉͰ࢖͑Δ ܾࡁػೳ͖ͭ$.4ʂʁ
42. )5.-ฤूͱ σβΠϯϚʔέοτ
43. σβΠϯϚʔέοτ IUNMฤूͰ࡞੒ͨ͠ςϯϓϨʔτΛɺσβΠϯςʔϚͱͯ͠ൢച͢Δ͜ͱ͕Ͱ͖Δɻ ʢ˞ཁ։ൃऀొ࿥ɺ৹ࠪ͋Γʣ
44. σβΠϯϚʔέοτ IUUQTEFTJHOUIFCBTFJO ੍࡞ձࣾ΍ϑϦʔϥϯεͷσβΠφʔͷΈͳ͞Μ͕࡞੒ͨ͠ςϯϓϨʔτ͕ɺݱࡏݸ΄Ͳ
45. σβΠϯϚʔέοτɿ࠷ۙͷ܏޲ ɾχονͳςʔϚͷొ৔ IUUQTEFTJHOUIFCBTFJOEFUBJM
46. σβΠϯϚʔέοτɿ࠷ۙͷ܏޲ ɾχονͳςʔϚͷొ৔ IUUQTEFTJHOUIFCBTFJOEFUBJM
47. σβΠϯςʔϚΛར༻͍ͯ͠Δ γϣοϓྫ
48. IUUQTFOCFJTBMFTIPQKQ
49. IUUQUPLZPDPXCPZUIFTIPQKQ
50. IUUQTUPSFSFSPPNUPLZPKQ
51. ͓͠ΌΕʹͳ͚ͬͨͩͰ͠ΐʁ ঎඼͕ചΕͳ͖Όҙຯͳ͘Ͷʁʁ
52. ͓͠ΌΕʹͳ͚ͬͨͩͰ͠ΐʁ ঎඼͕ചΕͳ͖Όҙຯͳ͘Ͷʁʁ ചΕͯ·͢
53. σβΠϯςʔϚར༻γϣοϓͱະར༻γϣοϓͷൺֱʢ௚ۙϲ݄ʣ σβΠϯςʔϚ ར༻γϣοϓ σβΠϯςʔϚ ར༻γϣοϓ σβΠϯςʔϚ ະར༻γϣοϓ σβΠϯςʔϚ ະར༻γϣοϓ ฏۉചΓ্͛ ໿ഒ ໿ഒ ฏۉ஫จ਺
54. ࣗ෼΋ҰͭςʔϚ࡞Γ·ͨ͠ɻ
55. #"4&ΦϑΟγϟϧςʔϚ IUUQTEFTJHOUIFCBTFJOEFUBJM
56. #"4&ΦϑΟγϟϧςʔϚ ʢ͋Μ·ΓചΕͯͳ͍ɾɾ! IUUQTEFTJHOUIFCBTFJOEFUBJM
57. #"4&ΦϑΟγϟϧςʔϚΛ࡞ͬͨͱ͖ σβΠϯΦϓγϣϯ͕ଟ͗ͯ͢΋໘౗Ͱ࢖ΘΕͳͦ͞͏ɻ Ծઆ
58. #"4&ΦϑΟγϟϧςʔϚΛ࡞ͬͨͱ͖ σβΠϯΦϓγϣϯ͕ଟ͗ͯ͢΋໘౗Ͱ࢖ΘΕͳͦ͞͏ɻ σβΠϯΦϓγϣϯΛ͋͑ͯগͳΊʹͨ͠ɻ Ծઆ
59. #"4&ΦϑΟγϟϧςʔϚΛ࡞ͬͨͱ͖ σβΠϯΦϓγϣϯ͕ଟ͗ͯ͢΋໘౗Ͱ࢖ΘΕͳͦ͞͏ɻ σβΠϯΦϓγϣϯΛ͋͑ͯগͳΊʹͨ͠ɻ Ծઆ º
60. ਓؾͷςʔϚ͸ɾɾ IUUQTEFTJHOUIFCBTFJOEFUBJM
61. ਓؾͷςʔϚ͸ɾɾ
62. ਓؾͷςʔϚ͸ɾɾ ͍͢͝਺ͷσβΠϯΦϓγϣϯʂʂ
63. γϣοϓΦʔφʔ͸ɺ γϣοϓͷϒϥϯσΟϯάɺ ੈք؍Λදݱ͢ΔͨΊͷΧεϚΠζ΁ͷ ࿑ྗ͸੯͠·ͳ͍ɻ ςʔϚ࡞੒͔ΒֶΜͩ͜ͱ
64. )5.-ฤू ͜͜·Ͱ΍Δ͔ʂࣄྫ
65. )5.-ϑϧΧελϚΠζࣄྫ IUUQXXXIPOFZTFMFDUJPODPN
66. )5.-ϑϧΧελϚΠζࣄྫ IUUQTpWFCMVFQVEEMFDPN
67. )5.-ฤूͱ σβΠϯϚʔέοτ͕ ΋ͨΒͨ͠มԽ
68. DESIGN MARKET
69. DESIGN MARKET ચ࿅͞ΕͨσβΠϯͰചΓ্͛ΛΞοϓͤͨ͞γϣοϓ -1ઐ༻ɺిࢠॻ੶ઐ༻ͳͲχονͳσβΠϯςʔϚ &$ͷݻఆ֓೦Λ෴͢γϣοϓʢ̑ࡀࣇ͕஋ஈΛܾΊΔඒज़ؗʣ
70. DESIGN MARKET ચ࿅͞ΕͨσβΠϯͰചΓ্͛ΛΞοϓͤͨ͞γϣοϓ -1ઐ༻ɺిࢠॻ੶ઐ༻ͳͲχονͳσβΠϯςʔϚ &$ͷݻఆ֓೦Λ෴͢γϣοϓʢ̑ࡀࣇ͕஋ஈΛܾΊΔඒज़ؗʣ #"4&ͷՄೳੑ͕ɺ#"4&ͷ૝૾Λ௒͑ΔܗͰ֦ு
71. DESIGN MARKET ચ࿅͞ΕͨσβΠϯͰചΓ্͛ΛΞοϓͤͨ͞γϣοϓ -1ઐ༻ɺిࢠॻ੶ઐ༻ͳͲχονͳσβΠϯςʔϚ &$ͷݻఆ֓೦Λ෴͢γϣοϓʢ̑ࡀࣇ͕஋ஈΛܾΊΔඒज़ؗʣ #"4&ͷՄೳੑ͕ɺ#"4&ͷ૝૾Λ௒͑ΔܗͰ֦ு ʰϢʔβʔͱҭͯΔαʔϏεʱ #"4&ͱγϣοϓΦʔφʔ૒ํͷྗͰαʔϏε͕Ξοϓσʔτ͞Ε͍ͯ͘
72. ϢʔβʔͱҭͯΔ αʔϏεͷσβΠϯ
73. ʮγϯϓϧɾ͔ΜͨΜʯ͚ͩͰ͸͜ͷঢ়گ͸࡞Εͳ͔ͬͨɻ ϢʔβʔͱҭͯΔαʔϏε
74. ʮγϯϓϧɾ͔ΜͨΜʯ͚ͩͰ͸͜ͷঢ়گ͸࡞Εͳ͔ͬͨɻ ʮγϯϓϧɾ͔ΜͨΜʯΛపఈ͢΂͖ͱ͜Ζͱɺ ͦ͏Ͱͳ͍ͱ͜Ζ͕͋Δʁ ϢʔβʔͱҭͯΔαʔϏε
75. γϣοϓ։ઃ ঎඼؅ཧ ஫จ؅ཧ ϒϥϯσΟϯά γϣοϓͷσβΠϯ ϒϩάɾ4/4 γϣοϓΦʔφʔ ͔͚࣌ؒͣʹ؆୯ʹࡁ·ͤΔ΂͖ͱ͜Ζ γϣοϓΦʔφʔͷؤுΔ΂͖ͱ͜Ζ
76. ͔͚࣌ؒͣʹ؆୯ʹࡁ·ͤΔ΂͖ͱ͜Ζ γϣοϓΦʔφʔͷؤுΔ΂͖ͱ͜Ζ γϣοϓΦʔφʔ γϯϓϧͰ͔ΜͨΜ ߟ͑ͤ͞ͳ͍ γϣοϓΦʔφʔͷϞνϕʔγϣʹԠͯ͡ ਂງΓͰ͖Δ֦ுੑ γϣοϓ։ઃ ঎඼؅ཧ ஫จ؅ཧ ϒϥϯσΟϯά γϣοϓͷσβΠϯ ϒϩάɾ4/4
77. ϢʔβʔͱҭͯΔαʔϏεͷσβΠϯ γϣοϓ։ઃɾӡ༻ͷϋʔυϧΛԼ͛ΔͨΊʹɺ ͱ͜ͱΜ؆୯ͰγϯϓϧͳαʔϏεʹ͍ͯ͘͠ҰํͰɺ γϣοϓͷϒϥϯσΟϯά΍৘ใൃ৴ͳͲ γϣοϓΦʔφʔͷ૝͍Λܗʹͯ͠ੈͷதʹൃ৴͢ΔͨΊͷ ػೳ։ൃ͸੯͠Έͳ͍ͯ͘͘͠ɻ ϢʔβʔΛָͤ͞Δ΂͖ॴͱɺΤϯύϫʔ͢Δ΂͖ॴɻ దࡐదॴͷػೳͱσβΠϯɻ
79. σβΠφʔͷΈͳ͞ΜɺσβΠϯςʔϚ࡞ͬͯΈ·ͤΜ͔ʁ IUUQTEFTJHOUIFCBTFJO
80. IUUQTXXXXBOUFEMZDPNDPNQBOJFTCBTFQSPKFDUT
81. THANK YOU! ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ