Hiroaki WAKATSUKI - Cookpad TechConf 2017

「サービス開発におけるデザインの取り組み方」

Transcript

1. αʔϏε։ൃʹ͓͚Δ
   σβΠϯͷऔΓ૊Έํ
   Hiroaki WAKATSUKI @puzzeljp
   2017/01/21 @ Ebisu the Garden Room.
   Cookpad TechConf 2017
   

   View Slide

2. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ
   "HFOEB
   w ࣗݾ঺հ
   w ౤ߘ։ൃ෦ͰऔΓ૊Μͩ͜ͱ
   w Ձ஋ݕূͷͨΊͷϓϩτλΠ
   ϐϯά
   w ϓϩμΫτ։ൃͱվળ
   w 9DPEFͷσβΠϯௐ੔
   w ·ͱΊ
   2
   

   View Slide

3. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 3
   ࣗݾ঺հ
   

   View Slide

4. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ
   ए݄ܒ૱ )JSPBLJ8","546,*
   
   !QV[[FMKQ
   ೥౓৽ଔσβΠφʔ

   J04ΞϓϦɾ౤ߘ෦෼ͷσβΠϯ
   w 5FDI$POG΍৽ଔ೥౓ͷαΠτ
   ͷ੍࡞౳
   w தֶੜͷࠒ͔Β8FCαΠτ࡞੒ɻ
   w झຯ͸ɺະ։෧ͷΧηοτςʔϓΛूΊΔ͜
   ͱʮΧηοτςʔϓίϨΫλʔʯͰݕࡧʂ
   4
   ࣗݾ঺հ
   

   View Slide

5. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ
   ࣗݾ঺հ
   ೥݄ೖࣾϢʔβʔϑΝʔετਪਐࣨ഑ଐ ΞϧόΠτ
   
   5
   

   View Slide

6. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ
   ࣗݾ঺հ
   ೥݄ೖࣾϢʔβʔϑΝʔετਪਐࣨ഑ଐ ΞϧόΠτ
   
   ೥݄৽ଔͱͯࣾ͠һʹ
   6
   

   View Slide

7. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ
   ࣗݾ঺հ
   ೥݄ೖࣾϢʔβʔϑΝʔετਪਐࣨ഑ଐ ΞϧόΠτ
   
   ೥݄৽ଔͱͯࣾ͠һʹ
   ೥݄౤ߘ։ൃ෦഑ଐ
   7
   

   View Slide

8. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 8
   σβΠφʔͷ࢓ࣄʺը໘σβΠϯ
   ຊ೔ͷ͓࿩
   

   View Slide

9. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 9
   ΫοΫύου৽ଔ
   ౤ߘ։ൃ෦഑ଐ
   

   View Slide

10. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ
    ϨγϐΛॻ͘ը໘ͷվળ΍৽ػೳͷ։ൃ
    ΫοΫύου৽ଔ
    ౤ߘ։ൃ෦
    ഑ଐ
    10
    

    View Slide

11. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ
    ։ൃϑϩʔ
    11
    ౤ߘ։ൃ෦
    શһͰϒϨετ
    

    View Slide

12. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ
    ։ൃϑϩʔ
    12
    ౤ߘ։ൃ෦
    શһͰϒϨετ
    ,1*ʹج͍ͮͯ΍Δ͔΍Βͳ͍͔Λδϟοδ
    

    View Slide

13. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ
    ։ൃϑϩʔ
    13
    ౤ߘ։ൃ෦
    શһͰϒϨετ
    ,1*ʹج͍ͮͯ΍Δ͔΍Βͳ͍͔Λδϟοδ
    ΞαΠϯ
    

    View Slide

14. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ
    ։ൃϑϩʔ
    14
    ౤ߘ։ൃ෦
    શһͰϒϨετ
    ,1*ʹج͍ͮͯ΍Δ͔΍Βͳ͍͔Λδϟοδ
    ΞαΠϯ
    ࢓༷ܾఆ
    

    View Slide

15. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ
    ։ൃϑϩʔ
    15
    ౤ߘ։ൃ෦
    શһͰϒϨετ
    ,1*ʹج͍ͮͯ΍Δ͔΍Βͳ͍͔Λδϟοδ
    ΞαΠϯ
    ࢓༷ܾఆ
    ϓϩτλΠϐϯάɾσβΠϯ
    

    View Slide

16. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ
    ։ൃϑϩʔ
    16
    ౤ߘ։ൃ෦
    શһͰϒϨετ
    ,1*ʹج͍ͮͯ΍Δ͔΍Βͳ͍͔Λδϟοδ
    ΞαΠϯ
    ࢓༷ܾఆ
    ϓϩτλΠϐϯάɾσβΠϯ
    ࣮૷
    

    View Slide

17. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 17
    ౤ߘ։ൃ෦
    Ձ஋ݕূͷͨΊͷϓϩτλΠϐϯά
    

    View Slide

18. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 18
    Ձ஋ݕূͷͨΊͷ
    ϓϩτλΠϐϯά
    ౤ߘ։ൃ෦
    NEW!
    ʮϨγϐΛ਎ۙʹײ͡Δʯ͜ͱ͕Ͱ͖Δ৔
    ʮ৽͍͠Ϩγϐʯͱͷग़ձ͍ͷ৔
    

    View Slide

19. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 19
    ౤ߘ։ൃ෦
    Ձ஋ݕূͷͨΊͷ
    ϓϩτλΠϐϯά
    

    View Slide

20. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 20
    ࣮ࡍͷϨγϐσʔλΛ࢖ͬͨ͜ͱͰ
    w ಈ͖ͷΠϝʔδ͕ͭ͘͜ͱ
    w ։ൃͷίετͳͲ͕໌֬ʹ
    w εϐʔυײ͋Δ։ൃ͕Մೳʹ
    

    J04൛ΫοΫύουͷʮΈΜͳͷ౤ߘʯλϒ͔Β࢖͑Δ
    ౤ߘ։ൃ෦
    NEW!
    Ձ஋ݕূͷͨΊͷ
    ϓϩτλΠϐϯά
    ͔Βͷֶͼ
    

    View Slide

21. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 21
    ౤ߘ։ൃ෦
    ϓϩμΫτ։ൃͱվળࢪࡦ
    

    View Slide

22. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 22
    w ڞ༗ൣғΛ༑ਓ΍Ո଒ʹݶఆͯ͠
    ϨγϐΛڞ༗Ͱ͖ΔΑ͏ʹ

    w ࠓ·Ͱ͸ɺʮΫοΫύουʹެ։ʯ
    ͔ʮԼॻ͖อଘʯͷͭͷঢ়ଶ͔͠
    ͳ͔ͬͨ
    ݶఆެ։Ϩγϐ౤ߘը໘ ڞ༗͞ΕͨϨγϐը໘
    ౤ߘ։ൃ෦
    ݶఆެ։ػೳ
    ϓϩμΫτ։ൃ
    ݶఆެ։ͷ౤ߘ͸J04ΞϓϦͷΈ
    
    

    View Slide

23. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 23
    ౤ߘ։ൃ෦
    ݶఆެ։ػೳ
    ར༻γʔϯ
    ϝϞͷ༷ͳެ։͢Δ΄Ͳ͡Όͳ͍

    ϨγϐΛ਎ۙͳਓʹڭ͍͑ͨ
    

    View Slide

24. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 24
    ݶఆެ։ػೳ
    վળࢪࡦ
    w ݱঢ়೺Ѳ
    w ఆྔௐࠪʢϩάͳͲʣ
    w ఆੑௐࠪʢϢʔβʔΠϯλϏϡʔʣ

    ౤ߘ։ൃ෦
    

    View Slide

25. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 25
    ݶఆެ։ػೳ
    վળࢪࡦ
    w ݱঢ়೺Ѳ
    w ఆྔௐࠪʢϩάͳͲʣ
    w ఆੑௐࠪʢϢʔβʔΠϯλϏϡʔʣ

    w Ϣʔβʔೝ஌֦େ
    w ΞϓϦ಺͓஌Βͤ
    w ϝʔϧ഑৴
    w ঺հϖʔδͷ࡞੒
    ౤ߘ։ൃ෦
    

    View Slide

26. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 26
    ݶఆެ։ػೳ
    ͔Βͷֶͼ
    ௚઀ΤϯδχΞͱίϛϡχέʔγϣϯΛऔΓ

    ඞཁͳ෦෼͚ͩσβΠϯΛ੍࡞͢Δ͜ͱͰ

    ࣌ؒ୹ॖΛߦ͑ͨ
    σβΠφʔ
    ඞཁͳσβΠϯ
    Ͳ͜Ͱ͔͢
    σβΠφʔ
    ༻ҙ͠·͢
    ΤϯδχΞ
    ͜͜ͷσβΠϯͱ
    ૉࡐ͕΄͍͠Ͱ͢
    

    View Slide

27. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 27
    ݶఆެ։ػೳ
    ͔Βͷֶͼ
    վળࢪࡦ
    ఆྔతʹ൑அͤͣఆੑతͳҙݟΛऔ
    ΓೖΕΔ͜ͱͰɺ

    ࣍ͷΞΫγϣϯ͕໌֬ʹͳΓɺޮՌ
    ͕ग़ͨ
    

    View Slide

28. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 28
    ౤ߘ։ൃ෦
    9DPEFͰ
    σβΠϯௐ੔
    

    View Slide

29. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 29
    9DPEFͰ
    σβΠϯௐ੔
    w ΤϯδχΞͷۤखͳ࡞ۀͷ
    ࡟ݮ
    w σβΠϯௐ੔ͷίϛϡχέʔ
    γϣϯʹ͔͚Δ࣌ؒͷ୹ॖ
    ໨త
    

    View Slide

30. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 30
    9DPEFͰ
    σβΠϯௐ੔
    ͷྲྀΕ
    1 2 3 4 5
    ࠷ॳʹ

    4UPSZCPBSEͷ

    આ໌Λฉ͘
    ࢼ͠ʹ

    )FMMP8PSME

    ͯ͠ΈΔ
    ࣮ࡍʹ4UPSZCPBSE
    ͷมߋΛߦ͏
    13Λग़ͯ͠

    ϨϏϡʔͯ͠΋Β͏
    -(5.
    

    View Slide

31. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 31
    9DPEFͰ
    σβΠϯௐ੔
    ؾΛ͚ͭͨ͜ͱ
    ίʔυ͸ॻ͔ͳ͍ɻ

    ˠมͳίʔυΛॻ͍ͯ͠·͏ͱ͔͑ͬͯΤϯδχΞ͕Ϩ
    Ϗϡʔ͢Δͷ΋େมʹͳͬͯ͠·͏ͨΊ
    

    View Slide

32. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 32
    ˔ΤϯδχΞͷεέδϡʔϧʹ༨༟͕Ͱ͖Δ
    ˔ࣗ෼ͰσβΠϯௐ੔͕Ͱ͖Δ
    9DPEFͰ
    σβΠϯௐ੔
    ͔Βͷֶͼ
    

    View Slide

33. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 33
    ·ͱΊ
    

    View Slide

34. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 34
    ·ͱΊ
    Ձ஋ݕূͷͨΊͷ
    ϓϩτλΠϐϯά
    ϓϩμΫτ։ൃͱ
    վળࢪࡦ
    9DPEFͰ
    σβΠϯௐ੔
    σβΠφʔͷ࢓ࣄʺը໘ͷσβΠϯ
    

    View Slide

35. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 35
    σβΠφʔͷ࢓ࣄʹ

    ྉཧ͢Δਓͷʮָ͍͠ʂʯΛٕज़Ͱ࣮ݱ͍ͯ͘͜͠ͱ
    ·ͱΊ
    Ձ஋ݕূͷͨΊͷ
    ϓϩτλΠϐϯά
    ϓϩμΫτ։ൃͱ
    վળࢪࡦ
    9DPEFͰ
    σβΠϯௐ੔
    

    View Slide

36. $PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 36
    ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
    

    View Slide