$30 off During Our Annual Pro Sale. View Details »

存在のデザイン -"いきているもの"づくり-

wariemon
July 11, 2016

存在のデザイン -"いきているもの"づくり-

Event : Peroli Designers Drink Up - 2016.06.18
Speaker : 割石裕太 / @wariemon - Art Director / UI Designer @Fablic, inc. / OH

MERY を運営する 株式会社ペロリ主催の Designer's Drink Up で、1人目のスピーカーとしてLTに参加しました。
FablicとしてFRIL (https://fril.jp)に続く、2つ目のプロダクト、RIDE (https://ride.jp) の立ち上げに際して、「このサービスはどういう存在であるべきなのか」という問いを抱き、それを解決するためにアクションした具体例のスライドとなります。

wariemon

July 11, 2016
Tweet

More Decks by wariemon

Other Decks in Design

Transcript

  1. View Slide

  2. ͸͡Ί·ͯ͠ʂׂੴͰ͢ɻ
    ׂੴ༟ଠ
    Fablic, inc.
    Art Director, UI Designer

    View Slide

  3. ͸͡Ί·ͯ͠ʂΘΓ͑΋ΜͰ͢ɻ
    wariemon (OH)
    http://wariemon.com
    [email protected]

    View Slide

  4. ϑΝογϣϯϑϦϚΞϓϦ/P'3*-

    View Slide

  5. ձͬͯങ͑Δۙ͘Ͱ୳ͤΔόΠΫϑϦϚΞϓϦ3*%&

    View Slide

  6. 3*%&ձͬͯങ͑Δۙ͘Ͱ୳ͤΔόΠΫϑϦϚΞϓϦ
    ڈ೥݄ʹೖࣾޙɺ
    αʔϏεͷ্ཱ͔ͪ͛Βɺ
    3*%&ͷ։ൃʹܞΘ͖ͬͯ·ͨ͠ɻ

    View Slide

  7. 3*%&ձͬͯങ͑Δۙ͘Ͱ୳ͤΔόΠΫϑϦϚΞϓϦ
    ͦͷதͰԿ౓΋໰͍ଓ͚ͨͷ͕ɺ

    View Slide

  8. 3*%&ձͬͯങ͑Δۙ͘Ͱ୳ͤΔόΠΫϑϦϚΞϓϦ
    ʮϢʔβʔʹͱͬͯɺ
    Ͳ͏͍͏ଘࡏͳͷ͔ʯ

    View Slide

  9. 3*%&ձͬͯങ͑Δۙ͘Ͱ୳ͤΔόΠΫϑϦϚΞϓϦ
    ʮ·ΘΓ͔ΒͲͷΑ͏ʹݟ͑ͯɺ
    ԿΛղܾͯ͠ɺ
    Ͳ͏͍͏ମݧ͕Ͱ͖Δͷ͔ʯ

    View Slide

  10. 3*%&ձͬͯങ͑Δۙ͘Ͱ୳ͤΔόΠΫϑϦϚΞϓϦ
    طଘαʔϏεΛ੒௕ͤ͞Δͷͱɺ
    ৽نαʔϏεͷ։ൃͰ͸ɺ
    ೰ΈͲ͜Ζ΋େ͖͘ҧ͍·ͨ͠ɻ

    View Slide

  11. 3*%&ձͬͯങ͑Δۙ͘Ͱ୳ͤΔόΠΫϑϦϚΞϓϦ
    ࠓճ͸ɺ3*%&Λͭ͘Δ্Ͱɺ
    ҙࣝͨ͠ϙΠϯτͷதͷ
    ͭʹ͍͓ͭͯ࿩͠͠·͢ʂ

    View Slide

  12. ଘ ࡏ ͷ σ β Πϯ
    l ͍͖ ͍ͯ Δ΋ ͷ z ͮ͘Γ

    View Slide

  13. ଘࡏͷσβΠϯl͍͖͍ͯΔ΋ͷzͮ͘Γ
    ޲ ͖ ߹ ͬ ͯ Δ ʁ
    ଘ ࡏ ͷ ࣮ ײ
    Ͳ ͏ ݟ ͑ ͯ Δ ʁ
    ೲ ಘ ͱ ڞ ײ
    ఻ ͑ Β Ε Δ ʁ
    ଘ ࡏ ཧ ༝
    1.
    2.

    View Slide

  14. ఻͑ΒΕΔʁcଘࡏཧ༝
    ޲ ͖ ߹ ͬ ͯ Δ ʁ
    ଘ ࡏ ͷ ࣮ ײ
    Ͳ ͏ ݟ ͑ ͯ Δ ʁ
    ೲ ಘ ͱ ڞ ײ
    ఻ ͑ Β Ε Δ ʁ
    ଘ ࡏ ཧ ༝
    1.
    2.

    View Slide

  15. ఻͑ΒΕΔʁcଘࡏཧ༝
    Έͳ͞Μ͸
    ࣗ෼ͷαʔϏεΛ঺հΛ͢Δͱ͖ʹɺ

    Ͳ͏͍͏෩ʹઆ໌͠·͔͢ʁ

    View Slide

  16. 3*%&Ͱྫ͑ͯΈΔͱɺ
    ఻͑ΒΕΔʁcଘࡏཧ༝

    View Slide

  17. όΠΫͷϑϦϚΞϓϦɻ
    ఻͑ΒΕΔʁcଘࡏཧ༝

    View Slide

  18. όΠΫͱ͍͏ͱ͜ΖͰ
    ಛ௃͸఻ΘΓ·͕͢ɺ
    ັྗ͸఻ΘΓ͖ͬͯͳ͍Ͱ͢Ͷɻ
    ఻͑ΒΕΔʁcଘࡏཧ༝

    View Slide

  19. Ͱ͸ɺັྗ΋ؚΊͯ
    આ໌ͯ͠Έ·͠ΐ͏ɻ
    ఻͑ΒΕΔʁcଘࡏཧ༝

    View Slide

  20. ఻͑ΒΕΔʁcଘࡏཧ༝
    ϑϦϚΞϓϦͰ͢ɻࣸਅͰࡱӨͨ͠Β͙͢ग़
    ඼Ͱ͖·͢ɻಛʹ๻ͨͪ͸όΠΫ͚ͩͱ͍͏
    ۠͘͢͝੾ͬͨྖҬͷΞϓϦͰ͢ɻόΠΫͷ
    தݹചങͩͱɺ࣮ࡍʹձͬͯ΋ͷΛݟ͔ͯΒ
    ങ͏ͱ͍͏׳श͕͋ͬͯɺͦΕΛऔҾͷதʹ
    ૊ΈࠐΜͩΓόΠΫͷ׳शʹ߹ΘͤͨΞϓϦ
    ʹͳ͍ͬͯ·͢ɻ࣮ࡍʹձ͏ͱ͍͏ͱ͜ΖͰɺ
    ʮ͍ۙʯ͍ͬͯ͏͜ͱ͕ඇৗʹॏཁͰɺۙ͘
    Ͱ୳ͤΔػೳ΋͚͍ͭͯ·͢ɻ࣮ࡍ࢖ͬͯΈ

    View Slide

  21. ఻͑ΒΕΔʁcଘࡏཧ༝
    ௚઀ձͬͯɺ࿩͢ͳΒ௕ʑͱ
    ࣗ෼Λઆ໌͢Δνϟϯε͕͋Γ·͢ɻ

    View Slide

  22. αʔϏεͱϢʔβʔͱͷ઀఺Ͱ͸ɺ
    ඞͣ͠΋ͦ͏ͱ͸ݶΓ·ͤΜɻ
    ఻͑ΒΕΔʁcଘࡏཧ༝

    View Slide

  23. ϖʔδλΠτϧ΍ɺݕࡧ݁ՌͳͲ
    ݶΒΕͨ௕͞Ͱ͋Δඞཁ͕͋Γ·͢ɻ
    ఻͑ΒΕΔʁcଘࡏཧ༝

    View Slide

  24. վΊͯ͜͜Ͱɺ
    αʔϏεͷ໨తΛ఻ΘΓ΍͍͢ܗͰ
    ఆٛ͠௚͠·ͨ͠ɻ
    ఻͑ΒΕΔʁcଘࡏཧ༝

    View Slide

  25. 2ଞͱҧ͏ͱ͜Ζ͸Ͳ͔͜ʁ
    ఻͑ΒΕΔʁcଘࡏཧ༝
    2Կ͕ಛ௃ͳͷ͔ʁ
    2୭ʹΉ͚͍ͯͭͬͯ͘Δͷ͔ʁ

    View Slide

  26. 2ଞͱҧ͏ͱ͜Ζ͸Ͳ͔͜ʁ
    ఻͑ΒΕΔʁcଘࡏཧ༝
    2Կ͕ಛ௃ͳͷ͔ʁ
    2୭ʹΉ͚͍ͯͭͬͯ͘Δͷ͔ʁ
    バイク好きの個人/業者

    View Slide

  27. 2ଞͱҧ͏ͱ͜Ζ͸Ͳ͔͜ʁ
    ఻͑ΒΕΔʁcଘࡏཧ༝
    2Կ͕ಛ௃ͳͷ͔ʁ
    2୭ʹΉ͚͍ͯͭͬͯ͘Δͷ͔ʁ
    バイク好きの個人/業者
    実際に会って実車確認して買える

    View Slide

  28. 2ଞͱҧ͏ͱ͜Ζ͸Ͳ͔͜ʁ
    ఻͑ΒΕΔʁcଘࡏཧ༝
    2Կ͕ಛ௃ͳͷ͔ʁ
    2୭ʹΉ͚͍ͯͭͬͯ͘Δͷ͔ʁ
    バイク好きの個人/業者
    実際に会って実車確認して買える
    そのための近くから探せる機能

    View Slide

  29. ର৅ͱɺԿΛղܾ͢Δ͔ɺ
    ͦͯ͠Ͳ͏͍͏ಛੑ͕͋Δ͔ɻ
    ͜ͷͭΛɺ͜ͷΑ͏ʹ·ͱΊ·ͨ͠ɻ
    ఻͑ΒΕΔʁcଘࡏཧ༝

    View Slide

  30. ఻͑ΒΕΔʁcଘࡏཧ༝
    ձͬͯങ͑Δۙ͘Ͱ୳ͤΔ
    όΠΫϑϦϚΞϓϦ

    View Slide

  31. ఻͑ΒΕΔʁcଘࡏཧ༝
    ͜ͷ୹͍จʹɺ
    αʔϏεͷଘࡏཧ༝͕ݱΕ͖ͯ·͢ʂ

    View Slide

  32. ఻͑ΒΕΔʁcଘࡏཧ༝
    ͜Ε͸ର֎తͳҙຯ͚ͩͰͳ͘ɺ
    νʔϜͰಉ͡ํ޲Λ޲͘໾ׂ΋͋Γ·͢ɻ

    View Slide

  33. ఻͑ΒΕΔʁcଘࡏཧ༝
    νʔϜ಺Ͱ࿩͋͏͜ͱͰɺ
    ʮͲ͏͍͏ଘࡏͳͷ͔͋Δ΂͖͔ʯ
    Λਂ͘ཧղ͢Δ͖͔͚ͬʹͳΓ·͢ɻ

    View Slide

  34. Ͳ͏ݟ͑ͯΔʁcೲಘͱڞײ
    ޲ ͖ ߹ ͬ ͯ Δ ʁ
    ଘ ࡏ ͷ ࣮ ײ
    Ͳ ͏ ݟ ͑ ͯ Δ ʁ
    ೲ ಘ ͱ ڞ ײ
    ఻ ͑ Β Ε Δ ʁ
    ଘ ࡏ ཧ ༝
    1.
    2.

    View Slide

  35. Ͳ͏ݟ͑ͯΔʁcೲಘͱڞײ
    ઌ΄ͲɺϢʔβʔʹࣗ෼͕
    Ͳ͏͍͏ଘࡏ͔Λ఻ΘΓ΍͍͢
    ௕͞ʹ·ͱΊ·ͨ͠ɻ

    View Slide

  36. Ͳ͏ݟ͑ͯΔʁcೲಘͱڞײ
    Ͱ΋ɺαʔϏεʹັྗΛײͯ͡
    ࣮ࡍʹ৮ΕΔ൑அʹ͸ɺ
    ϏδϡΞϧͷྗ΋ඇৗʹେ͖͍΋ͷɻ

    View Slide

  37. Ͳ͏ݟ͑ͯΔʁcೲಘͱڞײ
    αʔϏεͷ಺༰ͱϦϯΫ͢Δ
    σβΠϯɾϞνʔϑબͼ͕Ͱ͖͍ͯΔͱ
    ݟͨ໨ʹೲಘײ͕Ͱ·͢ΑͶɻ

    View Slide

  38. 3*%&Ͱ͸ɺ
    ʮόΠΫʯʮۙ͘ʯʮձ͍ʹ͍͘ʯ
    ͦͯ͠୯७໌ղͳαʔϏε໊͔Βɺ
    Ͳ͏ݟ͑ͯΔʁcೲಘͱڞײ

    View Slide

  39. Ͳ͏ݟ͑ͯΔʁcೲಘͱڞײ
    ҠಈͷදݱΛՃ͑ͨϩΰλΠϓɺ
    ͦͯ͠ɺεϐʔυͷදݱͨ͠ޮՌઢ
    Λ࡞੒͠·ͨ͠ɻ

    View Slide

  40. Ͳ͏ݟ͑ͯΔʁcೲಘͱڞײ

    View Slide

  41. Ͳ͏ݟ͑ͯΔʁcೲಘͱڞײ

    View Slide

  42. ͦͷݟͨ໨ʹೲಘײ͕͋Δͱɺ
    ʮଘࡏཧ༝ʯͱ߹Θ͞Δ͜ͱͰ
    ΑΓ఻ΘΓ΍͘͢ͳΓ·͢ɻ
    Ͳ͏ݟ͑ͯΔʁcೲಘͱڞײ

    View Slide

  43. ͦͯ͠ϢʔβϏϦςΟςετͷࡍʹɺ
    ϏδϡΞϧʹؔͯ͠΋
    Ϣʔβʔͷ൓Ԡ΋֬ೝɻ
    Ͳ͏ݟ͑ͯΔʁcೲಘͱڞײ

    View Slide

  44. ʮ஥ؒʹೖΕͯ΍Δ͔ʯ
    ͱ͍͏ڞײ͕ಘΒΕ͍ͯΔ͔ɺ
    ಛʹҙࣝͯ͠൓ԠΛΈ·ͨ͠ɻ
    Ͳ͏ݟ͑ͯΔʁcೲಘͱڞײ

    View Slide

  45. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײ
    ޲ ͖ ߹ ͬ ͯ Δ ʁ
    ଘ ࡏ ͷ ࣮ ײ
    Ͳ ͏ ݟ ͑ ͯ Δ ʁ
    ೲ ಘ ͱ ڞ ײ
    ͖ Έ ͸ ୭ ʁ
    ଘ ࡏ ཧ ༝
    1.
    2.

    View Slide

  46. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײ
    3*%&Ͱ͸ɺϢʔβʔʹఏҊΛ
    ͠΍͍͢Α͏ʹޱޠௐͰ
    ςΩετΛ౷Ұ͍ͯ͠·͢ɻ

    View Slide

  47. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײ
    lػցతzΛͻͱͭ౿Έӽ͑ͯɺ
    ͦ͜ʹͻͱ͕͍ΔΑ͏ͳଘࡏΛҙࣝɻ

    View Slide

  48. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײαʔϏεͷਓ֨
    ·ͣɺαʔϏεͷਓ֨Λ૝ىͤ͞Δ
    Θ͔Γ΍͍͢Πϝʔδ͔Β·ͱΊ·ͨ͠ɻ

    View Slide

  49. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײαʔϏεͷਓ֨
    3*%&Ͱ͸ɺ
    ʮςϯγϣϯͷߴ͍ళһ͞Μʯ
    ͱ͠·ͨ͠ɻ

    View Slide

  50. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײαʔϏεͷਓ֨
    Ϣʔβʔͱ઀͢Δͱ͖ͷ
    ʮಛ௃ɾบʯͱʮ͠ͳ͍͜ͱʯ
    Λ໌֬ʹ͖ͯ͠·͢ɻ

    View Slide

  51. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײαʔϏεͷਓ֨
    ໌Δ͍ɾϙδςΟϒ
    ੎͍͕͋Δʢʂ͕ͭ͘Α͏ͳʣ
    ఏҊ͕ͪ͠
    ྱّਖ਼͍͠
    ݺͼࠐΈͷͱ͖͸ಛʹςϯγϣϯߴΊʢֆจࣈͳͲʣ
    ಛ௃ɾบ

    View Slide

  52. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײαʔϏεͷਓ֨
    ໋ྩ͢ΔΑ͏ͳ͜ͱ
    ਓΛই͚ͭΔɾҖ֣͢ΔΑ͏ͳݴ༿ݣ͍
    λϝޱ
    ωοτεϥϯάͳͲΛ࢖Θͳ͍
    ʮXʯͳͲΛ࢖Θͳ͍
    ͠ͳ͍͜ͱ

    View Slide

  53. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײαʔϏεͷਓ֨
    ͱΓΘ͚ɺʮ͠ͳ͍͜ͱʯΛ
    ఆٛ͢Δ͜ͱ͸ඇৗʹॏཁͰ͢ɻ

    View Slide

  54. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײαʔϏεͷਓ֨
    ղऍͷҧ͍Ͱɺ͜ͷਓ͕֨
    ่յ͢Δ͜ͱΛ;ͤ͗·͢ɻ

    View Slide

  55. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײݴ༿ݣ͍ͷϧʔϧ
    ͦͯ͠ɺݴ༿ͷԹ౓ײΛ౷Ұ͢ΔͨΊ
    ݴ༿ݣ͍ͷϧʔϧΛ࡞੒͠·ͨ͠ɻ

    View Slide

  56. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײݴ༿ݣ͍ͷϧʔϧ

    View Slide

  57. Ћ޲͖߹ͬͯΔʁcଘࡏͷ࣮ײݴ༿ݣ͍ͷϧʔϧ
    ͜ΕʹΑΓɺ୭͕ϥΠςΟϯάͯ͠΋ɺ
    ʮಉ͡ͻͱʯͱͯ͠ײ͡ΒΕΔΑ͏ʹ
    ·ͱΊ·ͨ͠ɻ

    View Slide

  58. ଘࡏͷσβΠϯl͍͖͍ͯΔ΋ͷzͮ͘Γ
    ޲ ͖ ߹ ͬ ͯ Δ ʁ
    ଘ ࡏ ͷ ࣮ ײ
    Ͳ ͏ ݟ ͑ ͯ Δ ʁ
    ೲ ಘ ͱ ڞ ײ
    ఻ ͑ Β Ε Δ ʁ
    ଘ ࡏ ཧ ༝
    1.
    2.

    View Slide

  59. ଘࡏͷσβΠϯl͍͖͍ͯΔ΋ͷzͮ͘Γ
    Ϣʔβʔͷ؀ڥ΋ɺ৺ཧ΋ɺ
    ৗʹมΘΓଓ͚Δ΋ͷɻ

    View Slide

  60. ଘࡏͷσβΠϯl͍͖͍ͯΔ΋ͷzͮ͘Γ
    αʔϏε΋ಉ͡Ͱɺ
    Ұ౓ͭͬͯ͘ऴΘΓͰ͸ͳ͘ɺ
    มΘΓଓ͚͍͖ͯ·͢ɻ

    View Slide

  61. ଘࡏͷσβΠϯl͍͖͍ͯΔ΋ͷzͮ͘Γ
    ͔͠͠ɺࣗ෼ࣗ਎ͷ͜ͱΛ஌Βͳ͚Ε͹ɺ
    վળ͢Δʹ΋൑அ͕ಷΓ·͢ɻ

    View Slide

  62. ଘࡏͷσβΠϯl͍͖͍ͯΔ΋ͷzͮ͘Γ
    ϢʔβʔͱدΓఴ͏ͨΊʹ΋ɺ
    มԽ͠ଓ͚Δl͍͖͍ͯΔ΋ͷz
    ͮ͘Γͷҙ͕ࣝେࣄͩͱߟ͍͑ͯ·͢ɻɻ

    View Slide

  63. ଘࡏͷσβΠϯl͍͖͍ͯΔ΋ͷzͮ͘Γ
    ͦΕͰ͸ɺ͜ͷޙͷ-5΋࠙਌ձ΋
    ָ͓͠Έ͍ͩ͘͞ʂ

    View Slide

  64. View Slide