Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

F21a7e3b547392f94f63b1c81414413d?s=47 Muneaki Hayakawa
October 02, 2017

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

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

F21a7e3b547392f94f63b1c81414413d?s=128

Muneaki Hayakawa

October 02, 2017
Tweet

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&Ͱ͕͢ɾɾ ؆୯͡Όͳ͍ػೳ͕͋Γ·͢ɾɾʂ

  15. None
  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. ϢʔβʔͱҭͯΔαʔϏεͷσβΠϯ γϣοϓ։ઃɾӡ༻ͷϋʔυϧΛԼ͛ΔͨΊʹɺ ͱ͜ͱΜ؆୯ͰγϯϓϧͳαʔϏεʹ͍ͯ͘͠ҰํͰɺ γϣοϓͷϒϥϯσΟϯά΍৘ใൃ৴ͳͲ γϣοϓΦʔφʔͷ૝͍Λܗʹͯ͠ੈͷதʹൃ৴͢ΔͨΊͷ ػೳ։ൃ͸੯͠Έͳ͍ͯ͘͘͠ɻ ϢʔβʔΛָͤ͞Δ΂͖ॴͱɺΤϯύϫʔ͢Δ΂͖ॴɻ దࡐదॴͷػೳͱσβΠϯɻ

  78. None
  79. σβΠφʔͷΈͳ͞ΜɺσβΠϯςʔϚ࡞ͬͯΈ·ͤΜ͔ʁ IUUQTEFTJHOUIFCBTFJO

  80. IUUQTXXXXBOUFEMZDPNDPNQBOJFTCBTFQSPKFDUT

  81. THANK YOU! ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ