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

確かめながらつくるユーザー体験

Takaya Deguchi
January 23, 2016

 確かめながらつくるユーザー体験

Cookpad TechConf 2016 http://techconf.cookpad.com/

関連:
データドリブンでユーザー体験を改善する試み
http://techlife.cookpad.com/entry/2015/06/11/093000
Inspired: 顧客の心を捉える製品の創り方
http://www.amazon.co.jp/exec/obidos/ASIN/B00TCM8TB4

Takaya Deguchi

January 23, 2016
Tweet

More Decks by Takaya Deguchi

Other Decks in Design

Transcript

  1. 然ַ׭זָ׵אֻ
    ׷ِ٦ؠ٦⡤꿀
    Cookpad Inc. / Bit Journey Inc.
    ⳿〡顜⛲(@dex1t)

    View Slide

  2. ⳿〡顜⛲
    UX Engineer
    俱椚؝ىُصذ؍ךفٗتؙزؔ٦ش٦ 倜鋉فٗتؙزך甧׍♳־顑⟣罏
    Cookpad Inc. / Bit Journey Inc.
    فٗتؙزחꟼׅ׷ֿהכז׿ד׮װ׏גתׅկ
    _ _
    (@dex1t)
    ِ٦ؠ٦⡤꿀ך鏣鎘 ر؍ؙٖءّٝ 8FCװJ04،فٔꟚ涪זו

    View Slide

  3. 倜鋉㺔׶ך؟٦ؽأꟚ涪׾װ׏גְג䙼ֲֿה

    View Slide

  4. ؟٦ؽأꟚ涪׭׏׍ׯꨇ׃ְ
    ֲתְֻֻ⥂鏾כ⡦׮זְ
    ⵸ח鹌׿דְ׷ךַ׻ַ׵זְ
    ٔٔ٦أכ穄׻׶דכזֻ㨣ת׶
    ⟰歗 Ꟛ涪 رؠ؎ٝ و٦؛ذ؍ؚٝ˘実׭׵׸׷ֿהך㢳圫ׁ
    欵׫ך蕱׃׫
    أ؛آُ٦ٕה,1*ךꅾ㖇

    View Slide

  5. וֲ׃גꨇ׃ְ׿׌׹ֲ❓

    View Slide

  6. ⡲׷ץֹ׮ך׾寸׭׷
    寸׭׋׮ך׾姻׃ֻ⡲׶♳־׷
    䒷欽*OTQJSFE곁㹏ך䗰׾䯝ִ׷醡ㅷךⶼ׶倯
    ؟٦ؽأꟚ涪ךأذحف

    View Slide

  7. 寸׭׷媮ꥡדךꨇ׃ׁ
    铩׮瘶ִ׾濼׵זְֿה
    ِ٦ؠ٦荈魦׮⡦ָ妜׃ְךַ瘶ִ׵׸זְ
    Ꟛ涪罏 ِ٦ؠ٦

    View Slide

  8. ⡲׶♳־׷媮ꥡדךꨇ׃ׁ
    寸׭׋ֿהַ׵ـٖ׷ֿה
    ؟٦ؽأꟚ涪כ稢ַז䠐䙼寸㹀ך鸬竲
    ⟰歗 Ꟛ涪ث٦ي فٗتؙز
    ؝ٖآٍش؎˘
    IN OUT

    View Slide

  9. ؟٦ؽأꟚ涪ךꨇ׃ׁ
    寸׭׷媮ꥡדךꨇ׃ׁ
    铩׮瘶ִ׾濼׵זְ
    ⡲׶♳־׷媮ꥡדךꨇ׃ׁ
    寸׭׋ֿהַ׵ـٖ׷
    ֿךאח甧׍ぢֲַ
    ֿה׾罋ִ׷

    View Slide

  10. ך罋ִ倯

    View Slide

  11. չ铩׮瘶ִ׾濼׵זְպ㉏겗ח㼎׃ג
    然ַ׭זָ׵؟٦ؽأ׾אֻ׷
    ז׷ץֻ㢳ֻך⟎铡׾鑐׃ג瘶ִח鵚בֻ
    ⟰歗 Ꟛ涪ث٦ي
    ⟎铡"
    ⟎铡#

    IN
    IN

    View Slide

  12. չ寸׭׋ֿהַ׵ـٖ׷պ㉏겗ח㼎׃ג
    湡䭷ِׅ٦ؠ٦⡤꿀׾㹀纏ׅ׷
    Ꟛ涪儗ךـٖ׾זֻ׃ג⟰歗ךⱄ植䏝׾넝׭׷
    ⟰歗 Ꟛ涪ث٦ي فٗتؙز
    IN OUT

    View Slide

  13. 然ַ׭זָ׵؟٦ؽأ׾⡲׷
    ׉ך׋׭ח湡䭷ِׅ٦ؠ٦⡤꿀׾㹀纏ׅ׷
    ך؟٦ؽأꟚ涪ח㼎ׅ׷罋ִ倯
    فٗتؙز
    ⟰歗 Ꟛ涪ث٦ي
    ⟎铡"
    ⟎铡#

    IN OUT

    View Slide

  14. ך㹋騧
    然ַ׭׷׋׭ח㹀纏ׅ׷
    אֻ׷⵸ח然ַ׭׷
    אֻ׏׋䖓ח然ַ׭׷

    View Slide

  15. 然ַ׭׷׋׭ח㹀纏ׅ׷
    אֻ׷⵸ח然ַ׭׷
    אֻ׏׋䖓ח然ַ׭׷

    View Slide

  16. ˖ ؟٦ؽأꟚ涪罏ָِ٦ؠ٦חוך״ֲז⡤꿀׾
    䲿⣘ׅ׷ךַ ⟰歗
    ׾㹀纏ׅ׷
    ˖ 堣腉ך銲⟝㹀纏ָ湡涸דכזְ
    ˖ וֲװ׏ג㹀纏ׅ׷
    ˖ ׉ך׋׭ך爡ⰻؿٖ٦يٙ٦ָؙ醱侧֮׷
    ֿֿדװ׷ֿה

    View Slide

  17. 爡ⰻؿٖ٦يٙ٦ؙ
    Emotion Oriented Goal Setting
    ぐٍؗأزך妜実׾饯挿ח׃ג㹀纏ׅ׷

    View Slide

  18. ⣣⦼⟎铡ء٦ز
    ءٝفٕזؿؓ٦وحزזךדת׆剅ְג׫׷
    ך⣣⦼⟎铡ء٦ز
    醡ㅷך暴䗙
    ➂孡갫嗚稊
    ٖءؾ׾䱱ِׅ٦ؠ٦
    ➙傈ךًصُ٦׾傍ֻ寸׭׋ְ
    㢳ֻךٖءؾַ׵寸׭׵׸זְ
    ➂孡ٖءؾ׾嗚稊דֹ׷ֿה
    铬겗
    妜実
    ِ٦ؠ٦ כծ
    ָծ
    ךדծ
    ח⣣⦼ָ֮׷կ
    爡ⰻؿٖ٦يٙ٦ؙ

    View Slide

  19. ،فٔ؛٦ءّٝ㹀纏أذ٦زًٝز
    倜鋉؟٦ؽأꟚ涪儗ך뇪⼧⵱
    ؟٦ؽأせ獥
    ؟٦ؽأ⣣⦼
    ؗٓ٦銲稆
    ة٦؜حزِ٦ؠ٦
    ⵃ欽أز٦ٔ٦
    ؝،堣腉
    ؟ـ堣腉
    镘׭׷ֿה
    ⟎ד׮ְְךד剑ⴱח寸׭׷
    ؟٦ؽأך嚊銲׾♧鎉ד
    ⣣⦼׾䧭甧ׇׁ׷ꅾ銲ז銲稆
    ِ٦ؠ٦ך㾩䚍װ暴䗙
    ⵃ欽⡤꿀ךءشٔؔ
    搀ְה⣣⦼ָ㢌׻׏ג׃תֲ堣腉
    ֮׷ה⣣⦼ָ䓼ֻז׷堣腉
    ➙㔐ךꟚ涪דכװ׵זְֿה
    爡ⰻؿٖ٦يٙ٦ؙ

    View Slide

  20. ؟٦ؽأ⣣⦼
    Ⱏ䠬דֹ׷鑧겗ָꟚְ׋׌ֽד鋅אַ׷
    ؗٓ٦銲稆
    䫎珲ثؑحؙזוך麊㌀ח״׷هآذ؍ـז㜥⡲׶
    ⵃ欽أز٦ٔ٦
    㹺✲ךさ꟦חק׏ה♧䜁կ剑鵚ך孡חז׷չ؝أز؝պ
    ךأٖ׾铣׿ד儗꟦׾惓׉ֲկչפ٦ֿ׿ז㉀ㅷ֮׷׿
    ׌պֿךأٖծת׋֮הדׄ׏ֻ׶铣׮ֲ׏הկ
    ،فٔ׾Ꟛְ׋湫䖓ך⡤꿀׾㹀纏
    ؝ىُصذ؍麊㌀倯ꆙ׮鎉⿹
    ِ٦ؠ٦ך妜実ה
    ⵃ欽؝ٝذؗأزך僇俑⻉
    俱椚؝ىُصذ؍،فٔך♧⢽

    View Slide

  21. ˖ 㹀纏׃׋ֿהָⰋגךⴻ倖㛇彊
    ˖ ؒٝآص،ؚٔٝծرؠ؎ٝծ麊㌀倯ꆙ˘
    ˖ ⴻ倖ח鶳׏׋׵ת׆甧׍䨱׷
    ˖ ث٦يⰋ㆞ָ椚鍑ׅ׷ךָꅾ銲
    أذ٦زًٝز׾㹀纏ׅ׷䠐纏

    View Slide

  22. אֻ׷⵸ח然ַ׭׷
    然ַ׭׷׋׭ח㹀纏ׅ׷
    אֻ׏׋䖓ח然ַ׭׷

    View Slide

  23. ˖ 㹀纏׃׋أذ٦زًٝزכծ䙼ְ鴥׫ך㝄
    ˖ ֿך媮ꥡדծאֻ׷⵸ח⟎铡ך颵׾넝׭׷
    ⟰歗 Ꟛ涪ث٦ي
    ⟎铡"
    ⟎铡#

    IN
    ֿֿדװ׷ֿה

    View Slide

  24. ˖ رؠ؎ٖٝؽُ٦
    ˖ ِ٦ؠ٦؎ٝةؽُ٦
    ˖ 秵הلٝ
    ˖ فٗزة؎ؾؚٝ 如ךإحءّٝד稱➜
    אֻ׵׆ח然ַ׭׷倯岀ך♧⢽

    View Slide

  25. أذ٦زًٝزךٖؽُ٦

    View Slide

  26. أذ٦زًٝزךٖؽُ٦
    ˖ ؿٖ٦يٙ٦ؙכ爡ⰻךⰟ鸐鎉铂
    ˖ ⟰歗ך媮ꥡַ׵ٖؽُ٦׾ֲֽ׷
    ˖ ِ٦ؠ٦湡简ָ䫙ֽ衅׍גזְַ
    ˖ ؟٦ؽأָ醱꧟חז׏גְזְַ

    View Slide

  27. رؠ؎ٖٝؽُ٦
    Before After

    View Slide

  28. ِ٦ؠ٦؎ٝةؽُ٦
    ˖ 锃叨ה䎂遤׃ג嗚鏾׮ׅ׷
    ˖ 荈ⴓ׋׍ך䙼ֲِ٦ؠ٦⫷ה⛣ꨄָזְַ
    ˖ ⟰歗׉ך׮ךחאְג耀ֻךדכזֻծِ٦ؠ٦
    ך؝ٝذؗأزך椚鍑ח䗡ׅ׷
    ˖ $POUFYUVBM*OUFSWJFX

    View Slide

  29. 嗚鏾ך剑瀉ٕ٦
    ز׾䌢ח罋ִ׷

    View Slide

  30. ثٓءח״׷⣣⦼嗚鏾 أؙءّךⴖ׶顦׶ח״׷6*嗚鏾
    秵הلٝד然ַ׭׵׸׷ֿה׮֮׷

    View Slide

  31. אֻ׏׋䖓ח然ַ׭׷
    㹀纏ׅ׷׋׭ח然ַ׭׷
    אֻ׷⵸ח然ַ׭׷

    View Slide

  32. ˖ 湡䭷ׅץֹ⡤꿀ח㼎ׅ׷فٗتؙزך㸣䧭䏝
    ׾然ַ׭׷
    ⟰歗 Ꟛ涪ث٦ي فٗتؙز
    IN OUT
    ֿֿדװ׷ֿה

    View Slide

  33. ٖءؾ׾䱱ׅ 鋅׷ 俱椚ׅ׷ 弫駈ׅ׷
    ٖءؾ׾䱱ׅ
    ٖءؾ׾䱱ׅ⡤꿀

    View Slide

  34. ٖءؾ׾䱱ׅ 鋅׷ 俱椚ׅ׷ 弫駈ׅ׷
    ٖءؾ׾䱱ׅ
    挿ך嗚鏾כ״ֻ遤׻׸׷

    ٖءؾ嗚稊堣腉ח㼎ׅ׷倵瘻׾"#ذأزד嗚鏾ׅ׷

    View Slide

  35. ٖءؾ׾䱱ׅ 鋅׷ 俱椚ׅ׷ 弫駈ׅ׷
    ٖءؾ׾䱱ׅ
    简 ⡤꿀
    ׾嗚鏾ׅ׷ך׮ꅾ銲
    ٖءؾ׾䱱ِׅ٦ؠ٦כծ׉ך穠卓ח弫駈׃גְ׷ךַ

    View Slide

  36. ˖ سحؚؿ٦ر؍ؚٝ
    ˖ ׀䠐鋅نحؙأ
    ˖ ،ٝ؛٦ز
    ˖ ِ٦ؠ٦ذأز
    ⡤꿀׾㹀䚍涸ח然ַ׭׷

    View Slide

  37. ˖ ٌصةؚٔٝ׃׋ְ
    ˖ تحءُن٦سח׃ג嫣傈ثؑحؙ
    ˖ 嫰鯰׃׋ְ
    ˖ ⢽
    㕂ⰻ晛$PPLQBEה㕂ꥷ晛$PPLQBE
    ⡤꿀׾㹀ꆀ涸ח然ַ׭׷鑐׫
    WIP
    ˖ ؿ؋طٕⴓ匿
    ˖ خ٦ٕה׃גכ.JYQBOFM׾鑐׃⚥
    ז׈װ׷ַ
    וֲװ׷ַ

    View Slide

  38. ⡤꿀ךءشٔؔ

    أز٦ٔ٦
    ٖءؾ׾䱱ׅ
    鋅׷
    俱椚ׅ׷
    ⡲׏ג״ַ׏׋
    嗚稊ؙؒٔ׾䫎־׷
    ٖءؾ歗꬗׾Ꟛֻ
    ⴓ⟃♳Ꟛֹ竲ֽ׷
    ـحؙو٦ؙׅ׷




    ֿךأز٦ٔ٦ך麦䧭桦כ
    أز٦ٔ٦ך麦䧭䏝׾㹀ꆀ⻉ׅ׷
    ،فٔ♳ך遤⹛ ؝ٝغ٦آّٝؿ؋طٕ
    鵚⡂ $7侧

    View Slide

  39. Before
    After
    CVR 28%
    CVR 34% 6%

    View Slide

  40. 鑫׃ֻכֿ׍׵
    http://techlife.cookpad.com/entry/2015/06/11/093000

    View Slide

  41. תה׭ؙحؙػحسך؟٦ؽأꟚ涪
    ˖ 湡䭷ِׅ٦ؠ٦⡤꿀׾㹀纏ׅ׷
    ˖ Ꟛ涪儗ךـٖ׾זֻ׃فٗتؙزך颵׾֮־׷
    ˖ 然ַ׭זָ׵؟٦ؽأ׾אֻ׷
    ˖ ז׷ץֻ㢳ֻך⟎铡׾鑐׃ג姻鍑ח鵚בֻ
    ׉ך׋׭ח㹀ꆀ㹀䚍ך嗚鏾䩛岀׾꽀⢪ׅ׷$

    View Slide