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

どんなサービスにしたい? から考えるデザイン / UX JAM' 04 / 20191211

ganchan
December 11, 2019

どんなサービスにしたい? から考えるデザイン / UX JAM' 04 / 20191211

ganchan

December 11, 2019
Tweet

Other Decks in Design

Transcript

  1. Masatoshi Ogawa
    pixiv inc.
    ͲΜͳαʔϏεʹ͍ͨ͠ʁ
    ͔Βߟ͑ΔσβΠϯ

    2019.12.11

    View full-size slide


  2. খ઒խढ़ (͓͕Θ ·͞ͱ͠)
    2018೥ϐΫγϒ৽ଔೖࣾ σβΠφʔ
    pixivͷUI/UXσβΠϯΛ୲౰

    View full-size slide


  3. ૑࡞׆ಈ (Πϥετ•ϚϯΨ•খઆ)
    Λத৺ͱͨ͠SNS
    ि͋ͨΓ໿15ສ࡞඼͕౤ߘ͞Ε͍ͯΔ
    pixiv

    View full-size slide

  4. ͬͦ͘͞ຊ୊

    View full-size slide

  5. Έͳ͞Μ͸ࣗࣾͷαʔϏεΛ
    ͲΜͳαʔϏεʹ͍ͨ͠ͱ
    ࢥ͍ͬͯ·͔͢ʁ

    View full-size slide

  6. pixivΛ
    ੈքҰ࡞඼Λஔ͘ͷʹ
    ;͞Θ͍͠৔ॴ
    ʹ͢Δ͜ͱ

    νʔϜͷ໨ඪ

    View full-size slide

  7. ͦͷͨΊʹҰ؏ͯ͠৺͕͚͍ͯΔ
    ͜ͱ͕̎ͭ͋Γ·͢

    View full-size slide

  8. 1.ΫϦΤΠλʔ͕ҙࣝ͠ͳͯ͘΋ɹɹɹ
    ࡞඼͕ଟ͘ͷਓʹݟΒΕΔΑ͏ʹ͢Δ
    2.࡞඼ͷओ୊͕఻ΘΔΑ͏ʹ͢Δ

    View full-size slide

  9. ࠷ۙߦͬͨࢪࡦͰ
    ۩ମతʹઆ໌͠·͢

    View full-size slide


  10. • ࡢ೥2݄ʹൃද͞ΕͨGoogleͷ৽ػೳ
    • InstagramͷετʔϦʔͷΑ͏ͳܗࣜͰ
    ίϯςϯπΛӾཡ͢Δ͜ͱ͕Ͱ͖Δ
    • ւ֎Ͱࢼݧӡ༻த
    AMPετʔϦʔ
    ࢀߟ: Washington Post

    View full-size slide


  11. • Googleݕࡧ݁Ռͷ্Ґ΍
    GoogleDiscoverʹදࣔ
    • 1ετʔϦʔ͋ͨΓ࠷େɹ
    ਺ສimp Λ֫ಘͰ͖Δɹ
    Մೳੑ͕͋Δ
    AMPετʔϦʔ
    ࢀߟ: Washington Post

    View full-size slide


  12. AMPετʔϦʔ
    ΫϦΤΠλʔ͕ҙࣝ͠ͳͯ͘΋
    ࡞඼͕ଟ͘ͷਓʹݟΒΕΔΑ͏ʹͳΔ
    ΫϦΤΠλʔ͕ಛผͳઃఆΛ͢Δ
    ඞཁ͕ͳ͍ʂ

    View full-size slide

  13. ࣮ࡍʹ࡞ͬͨ΋ͷ

    View full-size slide


  14. ࣮ࡍʹ࡞ͬͨ΋ͷ
    λάͷिؒਓؾΠϥετΛ
    දࣔ͢ΔAMPετʔϦʔ
    ʮ೥Լ൴ঁʯ Illustrated by ϑΧώϨ

    View full-size slide


  15. pixivͷΠϥετ࡞඼͸ଟछଟ༷
    ୊ࡐ
    ΩϟϥΫλʔ/෩ܠ …etc
    αΠζ
    ॎ௕/ԣ௕/ਖ਼ํܗ

    View full-size slide

  16. ͲΜͳ৔߹Ͱ΋ओ୊͕఻ΘΔΑ͏ͳ
    σβΠϯͷ޻෉͕ඞཁ

    View full-size slide


  17. AMPετʔϦʔͷ࢓༷ʹΑΓɹɹ
    Πϥετ͕֦େදࣔ͞Εͯ͠·͏
    →ॎ௕ͷΠϥετ͸্ἧ͑Ͱ഑ஔ
    σβΠϯͰ޻෉ͨ͜͠ͱᶃ
    ΩϟϥΫλʔͷإ͕
    ͖ͪΜͱݟ͑ΔΑ͏ʹͳΔ
    ʮ೥Լ൴ঁʯ Illustrated by ϑΧώϨ

    View full-size slide


  18. Ωϟϥ΍ͦͷଞͷ୊ࡐͰ΋ओ୊͕఻ΘΔΑ͏ʹ

    View full-size slide


  19. αϜωΠϧΫϩοϓػೳͷσʔλΛ࢖͏
    σβΠϯͰ޻෉ͨ͜͠ͱᶄ
    ʮ൩Նͷ౮ɹঔͷ෩ʯ Illustrated by ίʔϥ
    ΫϦΤΠλʔ͕
    ݟ͍ͤͨ৔ॴΛ

    View full-size slide


  20. αϜωΠϧΫϩοϓػೳͷσʔλΛ࢖͏
    σβΠϯͰ޻෉ͨ͜͠ͱᶄ
    pixiv্Ͱ
    ࢦఆͰ͖Δʂ
    ʮ൩Նͷ౮ɹঔͷ෩ʯ Illustrated by ίʔϥ

    View full-size slide


  21. ݟͨ໨ʹΫϦΤΠλʔͷҙࢤΛ൓ө
    Before After
    ʮ൩Նͷ౮ɹঔͷ෩ʯ Illustrated by ίʔϥ

    View full-size slide


  22. ·ͱΊ
    ͲΜͳαʔϏεʹ͍ͨ͠ʁ
    • ੈքҰ࡞඼Λஔ͘ͷʹ;͞Θ͍͠৔ॴʹ͍ͨ͠
    ৺͕͚͍ͯΔ͜ͱ
    • ΫϦΤΠλʔ͕ҙࣝ͠ͳͯ͘΋ɹɹɹɹɹɹɹɹɹɹɹ
    ࡞඼͕ଟ͘ͷਓʹݟΒΕΔΑ͏ʹ͢Δ
    • ࡞඼ͷओ୊͕఻ΘΔΑ͏ʹ͢Δ

    View full-size slide


  23. ·ͱΊ
    ͜ͷҙࣝΛ࣋ͭ͜ͱͰΑ͔ͬͨ͜ͱ
    • ࢪࡦΛ΍Δ͔΍Βͳ͍͔Ͱຖճ໎Θͳ͘ͳͬͨ
    (ϝϦοτ͔͠ͳ͍ͳΒ΍Δʂ)
    • ࢪࡦͷ໨తΛݟࣦΘͳ͘ͳͬͨ
    (ΫϦΤΠλʔΛ޾ͤʹͰ͖Δʂͱ͍͏Ϟνϕ)

    View full-size slide

  24. ͜Ε͔Β΋pixivΛ
    ੈքҰ࡞඼Λஔ͘ͷʹ
    ;͞Θ͍͠৔ॴ
    ʹ͢ΔͨΊʹᬏਐͯ͠ߦ͖·͢

    View full-size slide

  25. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
    ΢ν͸͜Μͳײ͡Ͱ΍ͬͯΔΑʂΈ͍ͨͳ͓࿩͕͋Ε͹
    ͥͻަྲྀձͰฉ͔͍ͤͯͩ͘͞ʂ

    View full-size slide