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

Hiroaki WAKATSUKI - Cookpad TechConf 2017

puzzeljp
January 21, 2017

Hiroaki WAKATSUKI - Cookpad TechConf 2017

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

puzzeljp

January 21, 2017
Tweet

More Decks by puzzeljp

Other Decks in Design

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