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

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

Transcript

1. ΤϯδχΞ͕UXϦαʔνϟʔΛ
   ݉೚͢Δʹࢸͬͨϫέ
   
   UX MILK Fest 2019
   
   pixiv Inc.
   Yosuke Morita
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

21. 
    ϓϥΫςΟε
    

    View Slide

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

    View Slide

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

    View Slide

24. 
    2. User Ladder
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide