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

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

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