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

SaaSデザインの現場 ユーザー体験を 追求し続けるプロダクト開発の内側

hiranotomoki
November 30, 2021

SaaSデザインの現場 ユーザー体験を 追求し続けるプロダクト開発の内側

hiranotomoki

November 30, 2021
Tweet

More Decks by hiranotomoki

Other Decks in Design

Transcript

  1. 4BB4σβΠϯͷݱ৔ϢʔβʔମݧΛ
    ௥ٻ͠ଓ͚ΔϓϩμΫτ։ൃͷ಺ଆ
    ฏ໺༑نʢ)JSBOP5PNPLJʣ
    גࣜձࣾϢʔβϕʔε##4BB4#VTJOFTTࣥߦ໾һ$%0
    גࣜձࣾσεέϧ૊৫σβΠϯސ໰
    גࣜձࣾ6#7FOUVSFTΫϦΤΠςΟϒύʔτφʔ
    /*+*#09ʛ#64*/&44$3&"5*7&

    View Slide

  2. ຊ೔͸͝ࢀՃ͍͖ͨͩɺ͋Γ͕ͱ͏͍͟͝·͢ʂ
    ͦͯ͠ɺҰॹʹ41&&%"ͷσβΠϯʹऔΓ૊ΜͰ͍Δ
    ਐ౻͞Μɺ҆ᜊ͞Μɺࠤ౻͞Μɺ#9σβΠφʔͷΈͳ͞Μ
    ͦͯ͠ɺ࠺ͱଉࢠɻ
    ຊ౰ʹ͍ͭ΋ॿ͚ͯ͘Εͯ͋Γ͕ͱ͏͍͟͝·͢ɻ
    ࠷ޙʹɺ
    Ҏલ.FFUZͰழ௺͞ΜʢϚωʔϑΥϫʔυʣͱʮ6*σβΠφʔ͚ͩͲɺطଘϓϩμΫτͷϘλϯͷछྨΛ਺͍͑ͯ·͢ʯ
    ͱ͍ͬͨ࿩୊Ͱ੝Γ্͕Γɺ͕࣌ྲྀΕͯҰॹʹొஃͰ͖خ͔ͬͨ͠Ͱ͢ɻ
    ͜ͷΑ͏ͳૉఢͳ৔Λఏڙ͍͍ͨͩͨՏ߹͞ΜɺχδϘοΫεͷΈͳ͞·
    ͢΂ͯͷεςʔΫϗϧμʔʹײँਃ্͛͠·͢ɻ

    View Slide

  3. 4BB4σβΠϯͷݱ৔ϢʔβʔମݧΛ௥ٻ͠ଓ͚Δ
    ϓϩμΫτ։ൃͷ಺ଆ
    ܦࡁ৘ใϓϥοτϑΥʔϜʮ41&&%"ʯ σβΠφʔ͔Βݟͨ೥બखϓϩμΫτͷ๊͑Δ՝୊
    σβΠϯγεςϜߏஙͷऔΓ૊Έ

    View Slide

  4. View Slide

  5. σβΠφʔ͔ͩΒͦ͜ײ͡Δʮ՝୊ʯ͕͋Δ

    View Slide

  6. 41&&%"ͷػೳ͸ຊ౰ʹૉ੖Β͍͠
    Ͱ΋ɺ଄ܗදݱʹඒ͠͞ΛՃຯ͢Ε͹
    ΋ͬͱྑ͍ʮϓϩμΫτʯʹͳΔ͸ͣ
    ΞΠεϥϯυͷ༦೔ʹײಈ͢ΔΑ͏ʹ
    ຬ݄ͷ໷ͷઇݪʹ৺ΛୣΘΕΔΑ͏ʹ
    ඒ͠͞ʹ͸ɺਓͷ৺Λ௫Ήྗ͕͋Δɻ

    View Slide

  7. ࣗݾ঺հ

    View Slide

  8. ਓੜ؍
    ൵؍ओٛ͸ؾ෼ʹΑΔ΋ͷͰ͋Γɺָ؍ओٛ͸ҙࢥʹΑΔ΋ͷͰ͋Δ
    CZΞϥϯʢϑϥϯεͷ఩ֶऀʣ
    ֶͿ৺͑͋͞Ε͹ɺສ෺͢΂ͯ͜Εզ͕ࢣͰ͋Δ
    CZদԼ޾೭ॿʢ1BOBTPOJD૑ۀऀʣ
    ϓϩϑΟʔϧ
    גࣜձࣾϢʔβϕʔε##4BB4#VTJOFTTࣥߦ໾һ$%0
    גࣜձࣾσεέϧ૊৫σβΠϯސ໰
    גࣜձࣾ6#7FOUVSFTΫϦΤΠςΟϒύʔτφʔ
    ଟຎඒज़େֶ৘ใσβΠϯֶՊଔۀɺ౦ژ᥁ज़େֶେֶӃσβΠϯઐ
    ߈मྃɻ೥ʹ%FTJHOTDIPPM,PMEJOHʢσϯϚʔΫʣͷ-BC
    GPSTPDJBMEFTJHOͰ٬һݚڀһɻτϥϯείεϞεɺίϯηϯτΛܦ
    ͯɺ೥ʹτϥΠΞϯυʢݱσεέϧʣΛઃཱɻ೥ʹϢʔ
    βϕʔεͷ41&&%"ࣄۀʹࢀըɻ
    ओͳ࢓ࣄ͸ɺ41&&%"ͷσβΠϯϚωδϝϯτɺࡾඛॏ޻ۀͷࣾձΠ
    ϯϑϥࣄۀͷ%9ਪਐʹ޲͚ͨϏδϣϯࡦఆࢧԉɺ3*$0)5)&5"ͷ
    ৽نࣄۀ։ൃ࣌ʹ͓͚Δ696*σβΠϯɻ
    J'ίϛϡχέʔγϣϯσβΠϯ৆ɺ(FSNBO%FTJHO"XBSEɺ
    άουσβΠϯ৆ϕετͳͲड৆ɻ

    View Slide

  9. View Slide

  10. IUUQTEFTJHOCBTFV[BCBTFDPN

    View Slide

  11. View Slide

  12. View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. ܦࡁ৘ใϓϥοτϑΥʔϜʮ41&&%"ʯ

    View Slide

  17. 41&&%"͸ɺϏδωεύʔιϯͷ৘ใऩूɾ෼ੳʹ͓͚Δ՝୊
    Λղܾ͢Δ࠷ઌ୺ͷϓϥοτϑΥʔϜͰ͢ɻੈքதͷاۀ৘
    ใɺۀքϨϙʔτɺࢢ৔σʔλɺχϡʔεɺ౷ܭɺ."ͳͲ͋
    ΒΏΔϏδωε৘ใΛΧόʔ͍ͯ͠·͢ɻ
    ݱࡏɺࣄۀձࣾɺۚ༥ػؔɺίϯαϧςΟϯάϑΝʔϜͳͲ
    ࣾΛ௒͑Δಋೖ࣮੷͕͋Γ·͢ɻதظܦӦܭըࡦఆɺ
    ."ઓུࡦఆɺւ֎ઓུࡦఆɺ৽نࣄۀ։ൃɺڝ߹اۀௐ
    ࠪɺӦۀઓུࡦఆɺӦۀاըࡦఆɺϚʔέςΟϯάͳͲ༷ʑͳ
    ϏδωεγʔϯͰ׆༻͞Ε͍ͯ·͢ɻ
    IUUQTKQVCTQFFEBDPN

    View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. View Slide

  22. View Slide

  23. View Slide

  24. View Slide

  25. View Slide

  26. ೥બखͷϓϩμΫτͷಛ௃

    View Slide

  27. େྔͷ৘ใ

    View Slide

  28. 501
    ᵚݕࡧ݁Ռ
    ᵚ.Z41&&%"
    ᵚઃఆ
    ᴺɹᵚΞΧ΢ϯτઃఆ
    ᴺɹᵚϝʔϧ௨஌ઃఆ
    ᴺɹᵚϒοΫϚʔΫ
    ᴺɹᵚݴޠઃఆ
    ᴺɹᵚࡒ຿ࢦඪఆٛ
    ᴺɹᵚ."ࢦඪఆٛ
    ᴺɹᵚΨΠυπΞʔ
    ᵚۀքΛ୳͢
    ᴺɹᵚۀք֓ཁ
    ᴺɹᵚϓϨΠϠʔҰཡ
    ᴺɹᵚϓϨΠϠʔࢄ෍ਤ
    ᴺɹᵚχϡʔε
    ᴺɹᵚ."
    ᴺɹᵚϓϨΠϠʔҰཡ
    ᴺɹᵚ౷ܭ
    ᴺɹᵚ*3σʔλ
    ᴺɹᵚϨϙʔτ
    ᴺɹᵎۀքࢦ਺
    ᵚτϨϯυΛ୳͢
    ᴺɹᵚϨϙʔτ
    ᴺɹᵚχϡʔε
    ᴺɹᵚऔ૊ࣄྫ
    ᴺɹᵎΤΩεύʔτͷݟղ
    ᵚاۀΛ୳͢
    ᴺɹᵚاۀ֓ཁ
    ᴺɹᵚڝ߹ࢦඪൺֱ
    ᴺɹᵚχϡʔε
    ᴺɹᵚ."
    ᴺɹᵚגओ
    ᴺɹᵚ໾һɾ૊৫ਤ
    ᴺɹᵚؔ܎ձࣾ
    ᴺɹᵚגՁ
    ᴺɹᵚ։ࣔࢿྉ
    ᴺɹᵚ*3σʔλ
    ᴺɹᵚಛڐಈ޲
    ᴺɹᵚࡒ຿ॾද
    ᴺɹᵚηάϝϯτ
    ᴺɹᵚۀ੷άϥϑ
    ᴺɹᵚۀ੷༧૝
    ᴺɹᵚआೖۚɾࣾ੹໌ࡉ
    ᴺɹᵚࢿྉࣗಈੜ੒
    ᴺɹᵚϕʔλ
    ᴺɹᵚڝ߹ࢄ෍ਤ
    ᴺɹᵎϨϙʔτ
    ᵚΤΩεύʔτ
    ᴺɹᵚλΠϜϥΠϯ
    ᴺɹᵎ͋ͳͨͷ࣭໰
    ᵚχϡʔε
    ᴺɹᵎ֤هࣄৄࡉ
    ᵚ."
    ᴺɹᵚҊ݅֓ཁ
    ᴺɹᵚൃߦମࡒ຿
    ᴺɹᵎλʔήοτࡒ຿
    ᵚπʔϧ
    ᴺɹᵚڝ߹ࡒ຿ൺֱ
    ᴺɹᵚηάϝϯτൺֱ
    ᴺɹᵚגՁɾҝସɾۚར
    ᴺɹᵚώετϦΧϧϚϧνϓϧ
    ᴺɹᵚ50#Ϧετ
    ᴺɹᵚ༗ใɾద࣌։ࣔݕࡧ
    ᴺɹᵚಛڐಈ޲ݕࡧ
    ᴺɹɹɹᵚاۀҰཡ
    ᴺɹɹɹᵎ૬ؔ෼ੳάϥϑ
    ᴺɹᵚ*3ɾ౷ܭσʔλݕࡧ
    ᴺɹᵚϨϙʔτݕࡧ
    ᴺɹᵚλʔήοτϦετͷ࡞੒
    ᴺɹᵚࢿྉࣗಈ࡞੒
    ᴺɹᵚࢿྉɾࢄ෍ਤ࡞੒
    ᴺɹᵚ։ࣔࢿྉ
    ᴺɹᵚ."
    ᴺɹᵚ&YDFMɾQMVHJO
    Ҏ্ͷػೳ

    View Slide

  29. View Slide

  30. View Slide

  31. ๊͍͑ͯͨେ͖ͳ̐ͭͷ໰୊
    ɿ଄ܗදݱʢελΠϦϯάʣ͕ΦʔϧυελΠϧͰ౷Ұײ͕ऑ͍
    ɿ6*σβΠφʔ͕গͳ͍ˍ௒ա࿑ಇؾຯ
    ɿݱঢ়ͷίϯϙʔωϯτͰ৽͍͠ػೳ։ൃ͕ਐΈɺແݶ૿৩
    ɿཧ૝ͱݱ࣮ʢ.71ʣͷ̎ҊΛͭ͘Δ։ൃจԽͷதͰ6*σβΠϯ͕ϘτϧωοΫʢεϐʔυ͕ग़ͳ͍ʣ

    View Slide

  32. σβΠϯγεςϜΛߏங͢Δ͔͠ͳ͍ʂ

    View Slide

  33. σβΠϯγεςϜΛߏங͢Ε͹ʜ
    ɿ଄ܗදݱʢελΠϦϯάʣ͕ΦʔϧυελΠϧͰ౷Ұײ͕ऑ͍
    ɿ6*σβΠφʔ͕গͳ͍ˍ௒ա࿑ಇؾຯ
    ɿݱঢ়ͷίϯϙʔωϯτͰ৽͍͠ػೳ։ൃ͕ਐΈɺແݶ૿৩
    ɿཧ૝ͱݱ࣮ʢ.71ʣͷ̎ҊΛͭ͘Δ։ൃจԽͷதͰ6*σβΠϯ͕ϘτϧωοΫʢεϐʔυ͕ग़ͳ͍ʣ
    㱺৽͍͠଄ܗදݱͰελΠϧΛ౷ҰͰ͖Δʂ
    㱺σβΠφʔಉ࢜ͷίϥϘϨʔγϣϯͰॿ͚߹͍ʂ
    㱺৽͍͠ίϯϙʔωϯτͰɺແݶ૿৩Λ৯͍ࢭΊΒΕΔʂ
    㱺ίϯϙʔωϯτͰܕԽɻ଍ݩͰ͸'JHNBͰര଎Խ΁ʂ

    View Slide

  34. ෼͚ͯɺൺ΂ͯɺ෼͔Δ

    View Slide

  35. View Slide

  36. View Slide

  37. View Slide

  38. View Slide

  39. View Slide

  40. View Slide

  41. View Slide

  42. View Slide

  43. View Slide

  44. View Slide

  45. View Slide

  46. σβΠϯγεςϜΛͲ͏ߏங͠ɺͲ͏൓ө͍ͯ͘͠ͷ͔

    View Slide

  47. ৽نػೳͷ։ൃ
    σβΠϯγεςϜͷߏங
    طଘػೳͷվम

    View Slide

  48. ৽نػೳͷ։ൃ
    σβΠϯγεςϜͷߏங
    طଘػೳͷվम
    ઈରʹແཧʢٽʣ

    View Slide

  49. ৽نػೳͷ։ൃ
    σβΠϯγεςϜͷߏங
    طଘػೳͷվम

    View Slide

  50. ৽نػೳͷ։ൃ
    σβΠϯγεςϜͷߏங
    طଘػೳͷվम
    ͜ΜͳΩϨΠʹਐ·ͳ͍ʢٽʣ

    View Slide

  51. ৽نػೳͷ։ൃ
    σβΠϯγεςϜͷߏங
    طଘػೳͷվम

    View Slide

  52. ʮૢ࡞ʹ໰୊ͳ͍ʯˍʮҹ৅͕มΘΓ΍͍͢ʯ
    ͱ͜Ζ͔Βணख͢Δʢද૊Έ΍ΞΠίϯͳͲʣ

    View Slide

  53. View Slide

  54. View Slide

  55. ৽͍͠ίϯϙʔωϯτͱطଘίϯϙʔωϯτ͕
    ࠞࡏͨ͠ը໘Ͱ΋ҧ࿨ײ͕ͳ͍ঢ়ଶʹ͢Δ

    View Slide

  56. View Slide

  57. View Slide

  58. طଘػೳվम
    ৽نػೳ։ൃ
    ϨΠΞ΢τ͸ม͑ͳ͍ɻίϯϙʔωϯτͷஔ͖׵͑ରԠɻ
    㱺ϩΠϠϧϢʔβʔͷ࢖͍উखΛԼ͛ͳ͍ɻ
    㱺৔ॴΛม͑Δͱࠞཚ͢ΔʢFYεʔύʔͷށ୨Ҡಈ໰୊ʣ
    θϩϕʔεͰߟ͑Δɻ
    ৽͍͠ػೳ͕ओྲྀʹͳΕ͹طଘΛϦϓϨΠε͢Δɻ

    View Slide

  59. View Slide

  60. ·ͩ·ͩɺ6*σβΠϯϥΠϒϥϦͷҬΛग़͍ͯ·ͤΜ͕
    σβΠϯγεςϜߏஙͷୈҰาΛ౿Έग़ͤ·ͨ͠ʂ

    View Slide

  61. 41&&%"%FTJHO4ZTUFNl'"-$0/z

    View Slide

  62. IUUQT[FSPIFJHIUDPNFCBQGTQFFEBEFTJHOTZTUFNGBMDPO

    View Slide

  63. IUUQT[FSPIFJHIUDPNFCBQGTQFFEBEFTJHOTZTUFNGBMDPO

    View Slide

  64. IUUQT[FSPIFJHIUDPNFCBQGTQFFEBEFTJHOTZTUFNGBMDPO

    View Slide

  65. IUUQT[FSPIFJHIUDPNFCBQGTQFFEBEFTJHOTZTUFNGBMDPO

    View Slide

  66. IUUQTXXXGJHNBDPNDPNNVOJUZGJMF

    View Slide

  67. IUUQTXXXGJHNBDPNDPNNVOJUZGJMF

    View Slide

  68. IUUQTXXXGJHNBDPNDPNNVOJUZGJMF

    View Slide

  69. IUUQTXXXGJHNBDPNDPNNVOJUZGJMF

    View Slide

  70. σβΠϯγεςϜߏஙͷୈҰาΛ౿·͑ͯ

    View Slide

  71. σβΠϯγεςϜߏஙͷୈҰาΛ౿·͑ͯ
    ɿ଄ܗදݱʢελΠϦϯάʣ͕ΦʔϧυελΠϧͰ౷Ұײ͕ऑ͍
    ɿ6*σβΠφʔ͕গͳ͍ˍ௒ա࿑ಇؾຯ
    ɿݱঢ়ͷίϯϙʔωϯτͰ৽͍͠ػೳ։ൃ͕ਐΈɺແݶ૿৩
    ɿཧ૝ͱݱ࣮ʢ.71ʣͷ̎ҊΛͭ͘Δ։ൃจԽͷதͰ6*σβΠϯ͕ϘτϧωοΫʢεϐʔυ͕ग़ͳ͍ʣ
    㱺৽͍͠଄ܗදݱͰελΠϧΛ౷ҰͰ͖ͨʂ
    㱺࢒ۀ͕࣌ؒগͳ͘ͳΔʂ
    㱺ແݶ૿৩ετοϓʂ
    㱺ര଎ԽʂମײͰ͍͏ͱ͘Β͍ͷ୹ॖ

    View Slide

  72. 2Ϣʔβϕʔε͕औΓ૊Ή
    ϢʔβʔମݧΛ௥ٻ͠ଓ͚ΔϓϩμΫτ։ൃͷ಺ଆͱ͸ʁ

    View Slide

  73. View Slide

  74. ·ͣɺաڈΛ൱ఆͤͣɺϦεϖΫτ͢Δ
    ൴Βͷ૝͍Λड͚ܧ͙
    ͦͯ͠ɺͦ͜ʹ՝୊Λײͨ͡ਓ͕
    ౰ࣄऀͱͳΓϓϩδΣΫτԽͤ͞Δ

    View Slide

  75. 5IBOLZPV

    View Slide