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

エンジニアがUXリサーチャーを兼任するに至ったワケ #uxmilk_fest / 20190914

minamitary
September 14, 2019

エンジニアがUXリサーチャーを兼任するに至ったワケ #uxmilk_fest / 20190914

UX MILK Fest 2019 https://uxmilkfest2019.studio.design/
ミニキーノートで使用した発表資料です。

minamitary

September 14, 2019
Tweet

More Decks by minamitary

Other Decks in Design

Transcript

  1. ΤϯδχΞ͕UXϦαʔνϟʔΛ
    ݉೚͢Δʹࢸͬͨϫέ

    UX MILK Fest 2019

    pixiv Inc.
    Yosuke Morita

    View full-size slide


  2. 2015೥ϐΫγϒೖࣾ
    pixivӡӦຊ෦ + σʔλۦಈਪਐࣨ
    ΤϯδχΞ + UXϦαʔνϟʔ
    ྖҬԣஅతͳಈ͖ํΛ͢Δ͜ͱ͕ଟ͍
    @minamitary / ৿ా༸հ

    View full-size slide


  3. ϐΫγϒגࣜձࣾ
    ૑࡞׆ಈ͕΋ͬͱָ͘͠ͳΔ
    ৔ॴΛ૑Δ
    ϐΫγϒͰ͸͜ͷཧ೦ͷ΋ͱɺ
    pixivΛ͸͡Ίͱ͢ΔΫϦΤΠλʔΛαϙʔτ͢ΔͨΊͷαʔϏεΛɺ
    ଟ਺ల։͍ͯ͠·͢ɻ

    View full-size slide


  4. ొஃऀͷ͓࢓ࣄ಺༰
    • ʮpixivʯͷϢʔβʔΛର৅ͱͨ͠UXϦαʔν
    • ͦͷखஈͱͯ͠ͷσʔλ׆༻ج൫ͷվળ
    • ͦΕΒʹ·ͭΘΔશࣾతͳαϙʔτۀ

    View full-size slide

  5. https://speakerdeck.com/minamitary/20190305

    View full-size slide


  6. ϐΫγϒʹ͓͚ΔUXϦαʔν
    •σʔλυϦϒϯͳҙࢥܾఆ͕ϝδϟʔ
    •ԾઆݕূαΠΫϧΛߴ଎Ͱ܁Γฦ͢
    •·ͣ͸࡞ͬͯఏڙˠޮՌଌఆΛ௨ͯ͡஌ݟΛಘΔ
    •ʮఆྔϦαʔνʯͷఆٛ͸͜ͷ͋ͨΓ

    View full-size slide


  7. ϐΫγϒʹ͓͚ΔUXϦαʔν
    •ఆੑϦαʔν͸ཁॴͰɺPdM΍σβΠφʔ͕ϓϩμΫτϨϕϧͷҙࢥܾఆΛ
    Լ͢ࡍʹ࣮ࢪ͢Δ͜ͱ͕ଟ͍
    •։ൃऀࣗ਎͕ϢʔβʔͰ͋Δ͜ͱ΋ଟ͘ɺࣾ಺Ϧαʔν͕׆ൃ

    View full-size slide


  8. 1. ࠓʹࢸΔ·Ͱͷࢼߦࡨޡ
    2. ఆྔɾఆੑϦαʔνͷϚογϡΞοϓͷεεϝ

    View full-size slide


  9. 1. ࠓʹࢸΔ·Ͱͷࢼߦࡨޡ
    2. ఆྔɾఆੑϦαʔνͷϚογϡΞοϓͷεεϝ

    View full-size slide


  10. WebΤϯδχΞظ
    ͳΜͰ΋԰ظ
    UXϦαʔνϟʔظ
    ࠓʹࢸΔ·ͰͷܦҢ

    View full-size slide


  11. WebΤϯδχΞظ(~ 2016)
    डୗ։ൃͷձࣾΛܦͯWebΤϯδχΞͱͯ͠ϐΫγϒೖࣾ
    ೖࣾ௚ޙɺ৽نαʔϏεͷϝΠϯ։ൃऀͱͯ͠ΞαΠϯ
    શ৬छؚΊ4~5ਓͱ͍͏௒গਓ਺Ͱͷ։ൃͩͬͨͨΊɺ
    ϦϦʔεޙΞΫηεղੳΛ݉೚͢Δ͜ͱʹ

    View full-size slide


  12. ͳΜͰ΋԰ظᶃ(2016)
    pixivΛ։ൃ͢Δ෦ॺʹҟಈ
    ΤϯδχΞͱͯ͠A/Bςετͷج൫Λ੔͑ͭͭɺ
    ԾઆݕূΞϓϩʔνͰͻͨ͢ΒUIվળ
    ޮՌଌఆͱͦΕʹجͮ͘։ൃσΟϨΫγϣϯ͕ϝΠϯۀ຿

    View full-size slide


  13. ͳΜͰ΋԰ظᶄ(2017 ~ 2018)
    ౤ߘମݧվળϓϩδΣΫτΛ୲౰͢Δ͜ͱʹ
    ఆྔΞϓϩʔνͷݶքʹ௚໘͠ɺ
    ϢʔβʔΠϯλϏϡʔ౳ͷఆੑϦαʔνʹணख
    ಉ࣌ʹσʔλ׆༻ج൫ͷվળ΋୲౰
    ࣗݾ঺հͷࡍʹʮ৭ʑ΍ͬͯ·͢ʯҎ֎ͷઆ໌͕ࠔ೉ʹ…

    View full-size slide


  14. UXϦαʔνϟʔظ(2019 ~)
    ༷ʑͳखஈͷཪʹɺ
    ʮUXϦαʔνʯͱ͍͏ڞ௨ͷ໨త͕͋Δ͜ͱʹؾͮ͘
    ࣾ಺ௐ੔ͷ্ɺࣾ಺ͰҰਓ໨ͷʮUXϦαʔνϟʔʯΛ໊৐Δ͜ͱʹ
    ʮϢʔβʔʹؔ͢ΔinputʯΛ޿͘୲౰͍ͯ͠Δ

    View full-size slide


  15. ʮϢʔβʔʹؔ͢Δinputʯ

    View full-size slide


  16. 1. ࠓʹࢸΔ·Ͱͷࢼߦࡨޡ
    2. ఆྔɾఆੑϦαʔνͷϚογϡΞοϓͷεεϝ

    View full-size slide


  17. ͳͥϚογϡΞοϓʁ
    ఆੑͱఆྔɺͦΕͧΕʹ޲͖ෆ޲͖͕͋Δ
    ໨తϕʔεͰΞϓϩʔνΛબఆ͢Δࡍɺ
    ຊ࣭Λಥ͖٧ΊΕ͹ಥ͖٧ΊΔ΄ͲͦΕͧΕͷนʹͿ͔ͭΓ΍͘͢ͳΔ
    ʮ࢖͍෼͚ΔʯͰ͸ͳ͘ʮࠜຊతʹ͸ಉ͡΋ͷʯͩͱߟ͑Δ

    View full-size slide


  18. ʮϩάͷนʯͱہॴ࠷దԽͷ᠘
    ͲΕ͚ͩσʔλΛௐ΂ͯ΋ϩάʹ࢒͍ͬͯͳ͍͜ͱ͸෼͔Βͳ͍
    ϢʔβʔՁ஋ͷຊ࣭͸େ఍ʮϩάͷนʯͷ޲͜͏ʹ͋Δ
    • αʔϏε֎ɾσόΠε֎ͷߦಈɺϞνϕʔγϣϯɺաڈͷܦݧ
    • ྫɿʮͳͥ౤ߘ͢Δͷ͔ʁʯͰ͸ͳ͘ʮͳͥ͜ͷ࡞඼Λ࡞͔ͬͨʁʯ

    View full-size slide


  19. ʮϩάͷนʯͱہॴ࠷దԽͷ᠘
    ୯ҰͷKPIΛਾ͑ͯվળΛॏͶ͍ͯ͘৔߹ɺ
    खஈʹ੍ݶ͕ͳ͚Ε͹ہॴ࠷దԽ͕ਐΈ͔Ͷͳ͍
    ఆੑతΞϓϩʔνΛซ༻͢Δ͜ͱͰ
    ʮϩάͷนʯͷ޲͜͏ʹ͋ΔϢʔβʔՁ஋Λ௫Έɺ
    ຊ࣭తͳվળΛॏͶ͍ͯ͘͜ͱ͕Մೳʹʂ

    View full-size slide


  20. ఆੑϦαʔνͷऑ఺
    ҙࢥܾఆऀʮͰ΋ͦΕͬͯҰਓͷϢʔβʔ͕ݴͬͯΔ͚ͩͰ͠ΐʁʯ
    Ϧαʔνʹ͔͔Δίετ͕ਹΈ͕ͪ
    ఆྔతΞϓϩʔνΛซ༻͢Δ͜ͱͰɺ
    ίετΛ࡟ݮͭͭ͠ΑΓ޿͍૚ʹର͢Δઆಘ͕Մೳʹʂ

    View full-size slide


  21. ϓϥΫςΟε

    View full-size slide


  22. 1. ࢦඪͷཱͯํ
    ࢦඪ͸෼ղՄೳ
    ૯ΞΫγϣϯ਺
    ×
    ΞΫγϣϯΛߦͳͬͨϢʔβʔ਺ 1Ϣʔβʔ͋ͨΓͷΞΫγϣϯ਺

    View full-size slide


  23. 1. ࢦඪͷཱͯํ
    ʮΞΫγϣϯΛߦͳͬͨϢʔβʔ਺ʯΛࢦඪʹஔ͘
    Ϣʔβʔ୯ҐͰ਺͑Δ͜ͱͰɺఆੑతཧղΛϕʔεͱͨ͠ఆྔత൑அ͕Մೳʹ
    ʮ˓˓ͳϢʔβʔΛ૿΍͢ʯͱ͍͏Α͏ʹɺ
    Ϣʔβʔத৺ʹࢪࡦΛӡ༻͍͖ͯ͠΍͘͢ͳΔ

    View full-size slide


  24. 2. User Ladder

    View full-size slide


  25. 3. Ϣʔβʔϖϧιφ࡞Γ
    ΫϦΤΠλʔʹର͠ϢʔβʔΠϯλϏϡʔΛ࣮ࢪ
    →ɹ݁Ռ͕ଟ༷Ͱɺ෼ྨ͖͠Εͣஅ೦
    →ɹΞϯέʔτϕʔεͰ෼ྨ࣠ΛఆྔσʔλԽ
    ෼ྨ࣠ྫɿʮ૑࡞׆ಈͷ໨తʯʮকདྷͲͷΑ͏ʹͳΓ͍͔ͨʯ

    View full-size slide


  26. 3. Ϣʔβʔϖϧιφ࡞Γ
    Ξϯέʔτ͸ೋ౓࣮ࢪ
    1. ࣗ༝ೖྗΦϯϦʔͰΞϯέʔτΛ࣮ࢪ
    2. ਓྗͰάϧʔϐϯάɾબ୒ࢶԽͯ͠ΞϯέʔτΛ࠶࣮ࢪ
    ݁ՌΛػցతʹ෼ྨ͠ɺΫϥελ͝ͱͷಛ௃Λൺֱ͢Δ͜ͱͰ
    ൒ࣗಈతʹϖϧιφΛཱͯΔ͜ͱʹ੒ޭ

    View full-size slide


  27. ʮϢʔβʔʹؔ͢Δinputʯ
    ΛͳͥٻΊΔ͔ʁ

    View full-size slide


  28. ந৅Խͯ͠ߟ͑Δͱ……
    • ͦ΋ͦ΋ͷϞνϕʔγϣϯɿ
    ʮϢʔβʔʹର͢Δղ૾౓ΛߴΊΔʯ
    • ݁Ռͱͯ͠ಘΒΕΔ΋ͷɿ
    ʮࢪࡦͷਫ਼౓޲্ʯ
    ʮΑΓૉૣ͘ΑΓߴ͍Ձ஋ΛϢʔβʔʹఏڙʯ

    View full-size slide


  29. input / output αΠΫϧ
    input
    outputʹجͮ͘
    ޮՌଌఆ
    +
    ௥ՃͷϦαʔν
    output
    UIมߋ
    ػೳϦϦʔε
    A/B ςετ
    ਫ਼౓ΛߴΊΔ
    ݁ՌΛಘΔ

    View full-size slide


  30. inputͷ2ϑΣʔζ
    1. ʮજΔʯɿ஌ݟΛಘΔɾࣗ෼ͷதͰͷղ૾౓ΛߴΊΔ
    2. ʮු্͢ΔʯɿಘΒΕͨ৘ใΛଞऀʹ఻ୡՄೳͳܗʹม׵͢Δ
    • ਂ͘જΔͨΊʹ͸҉໧஌ʹ੾ΓࠐΉඞཁ͕͋Δ
    • ු্͢ΔͨΊʹ͸٬؍తͳ৘ใ͕ඞཁͱͳΔ

    View full-size slide


  31. ఆੑతΞϓϩʔνɿਂ͘જΔࡍʹ໾ʹཱͭ
    ఆྔతΞϓϩʔνɿු্͢Δࡍʹ໾ʹཱͭ

    View full-size slide


  32. นΛऔΓ෷͏ͨΊʹ
    ͋ͷख͜ͷखͰϋʔυϧΛԼ͛Δඞཁ͕͋Δ
    • ఆྔతΞϓϩʔνʮσʔλͷຽओԽʯ
    • ఆੑతΞϓϩʔνʮʁʁʁʯ

    View full-size slide


  33. นΛऔΓ෷͏ͨΊʹ
    ҰਓͰ΍Δʹ͸Ͳ͏ͯ͠΋ݶք͕͋Δ
    ͦΕͰ΋νʔϜ΍ձࣾͱ͍͏୯ҐͰ͸
    ʮϢʔβʔʹؔ͢Δinputʯͱ͍͏
    ͻͱͭͷྖҬΛ։ൃͷͳ͔ͰͲ͏ѻ͍͔ͬͯ͘ʁ
    ͱ͍͏ࢹ఺Ͱߟ͍͑ͯ͘΂͖

    View full-size slide


  34. σΟεΧογϣϯ͍ͨ͠ʂ
    • Ϣʔβʔʹؔ͢ΔinputΛͲͷΑ͏ʹѻ͍ͬͯΔ͔ʁ
    • ఆੑϦαʔνͱఆྔϦαʔνΛͲͷΑ͏ʹ࢖͍෼͚͍ͯΔ͔ʁ
    • ૊৫ମ੍΍৬छͷ۠෼͚ɾਓ਺ن໛
    ʮ΢νͰ͸͜͏΍ͬͯΔΑʯΈ͍ͨͳࣄྫ͕͋Ε͹ͥͻʂ

    View full-size slide