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

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