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

by Takaya Deguchi

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

ך罋ִ倯

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

رؠ؎ٖٝؽُ٦ Before After

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

ٖءؾ׾䱱ׅ 鋅׷ 俱椚ׅ׷ 弫駈ׅ׷ ٖءؾ׾䱱ׅ 挿ך嗚鏾כ״ֻ遤׻׸׷ ⢽ ٖءؾ嗚稊堣腉ח㼎ׅ׷倵瘻׾"#ذأزד嗚鏾ׅ׷

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

⡤꿀ךءشٔؔ أز٦ٔ٦ ٖءؾ׾䱱ׅ 鋅׷ 俱椚ׅ׷ ⡲׏ג״ַ׏׋ 嗚稊ؙؒٔ׾䫎־׷ ٖءؾ歗꬗׾Ꟛֻ ⴓ⟃♳Ꟛֹ竲ֽ׷ ـحؙو٦ؙׅ׷ ➂ ➂ ➂ ➂ ֿךأز٦ٔ٦ך麦䧭桦כ أز٦ٔ٦ך麦䧭䏝׾㹀ꆀ⻉ׅ׷ ،فٔ♳ך遤⹛ ؝ٝغ٦آّٝؿ؋طٕ 鵚⡂ $7侧

Slide 39

Slide 39 text

Before After CVR 28% CVR 34% 6%

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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