オンラインとオフラインを越境するUX

【UX MILK Fest 2019 登壇資料】
モバイル決済やIoTプロダクトなど、アプリに留まらない複数のタッチポイントを持つサービスが増えていく中で、リアル店舗でもサービスを展開するインバウンド対策プラットフォーム「Payke」、ハードウェアとスマートフォンを連携して使用する紛失防止デバイス「MAMORIO」のデザインを通じて感じたオンラインとオフラインを横断・越境するサービスのUXデザインについてお話しします。

Transcript

1. ΦϯϥΠϯͱΦϑϥΠϯΛӽڥ͢Δ69 ਆ୩
   Ү
   Payke,Inc. Lead Designer @UX MILK Fest 2019
2. ਆ୩
   Ү Iku Kamiya גࣜձࣾ1BZLF
   ϦʔυσβΠφʔ %FTJHOTIJQ
   ίϯςϯπνʔϜ 19oxo @ikukamiya ͜Ε·Ͱͷࡏ੶ɾ͓࢓ࣄ
3. ΦϯϥΠϯͱΦϑϥΠϯΛӽڥ͢Δ69 Thema
4. ͜Ε·ͰͷΩϟϦΞ ֶੜ࣌୅ ࡶࢽͷฤू ࣾձਓʙ೥໨ ࣾձਓʙ೥໨ ࣾձਓ೥໨ʙ
5. ͜Ε·ͰͷΩϟϦΞ ֶੜ࣌୅ ࡶࢽͷฤू ࣾձਓʙ೥໨ ࣾձਓʙ೥໨ ࣾձਓ೥໨ʙ ϑϦʔϚΨδϯɺίϫʔΩϯάεϖʔεɺ
   *P5ϓϩμΫτͳͲ
   ʮΦϑϥΠϯͷ৔Ͱͷ࣮ମݧΛ൐͏σβΠϯʯ͕ςʔϚ
6. ΦϯϥΠϯͷ
   Ϣʔβʔମݧ ΦϑϥΠϯͷ
   Ϣʔβʔମݧ :BIPP
   +"1"/ͷ৔߹
7. .".03*0ͷ৔߹ ΦϯϥΠϯͷ
   Ϣʔβʔମݧ ΦϑϥΠϯͷ
   Ϣʔβʔମݧ
8. ΦϯϥΠϯͷ
   Ϣʔβʔମݧ ΦϑϥΠϯͷ
   Ϣʔβʔମݧ ϋʔυ΢ΣΞ ϦΞϧͳ৔ॴఏڙ খചళల։ Πϕϯτ։࠵ ࢴഔମ *P5ɺ"3ɺ73ͳͲ 8FCαʔϏε 8FCϝσΟΞ ΞϓϦ &ίϚʔε ΦϯϥΠϯͱΦϑϥΠϯΛԣஅͯ͠ߟ͑Δ͜ͱͰ
   Α͍Ϣʔβʔମݧ͕ੜ·ΕΔ
9. Ұ෦ͷϓϩμΫτ͚ͩͷ࿩ʁ
10. ༧໿αʔϏεͷ৔߹ ߦ͖͍͓ͨళΛ
    ୳ͯ͠༧໿ ళฮʹߦͬͯ
    αʔϏεΛड͚Δ ޱίϛΛॻ͘ Ϧϐʔτʁ
11. ΦϯϥΠϯ ΦϑϥΠϯ ༧໿αʔϏεͷ৔߹ ߦ͖͍͓ͨళΛ
    ୳ͯ͠༧໿ ళฮʹߦͬͯ
    αʔϏεΛड͚Δ ޱίϛΛॻ͘ Ϧϐʔτʁ ΦϯϥΠϯ ΦϑϥΠϯ ΦϑϥΠϯͷମݧ΋τʔλϧͰߟྀͯ͠
    αʔϏεΛઃܭ͍ͯ͠Δ
12. ༧໿ FUDʜ ͲΜͳੑ࣭ͷαʔϏεͰ͋ͬͯ΋
    ΦϯϥΠϯͱΦϑϥΠϯͷܨ͕ΓΛߟ͑Δ͜ͱ͸ॏཁ ܾࡁ ϝσΟΞ 4/4 ಈը ίϚʔε ήʔϜ Ϛονϯά ࣸਅ Ϛοϓ
13. ϢʔβʔͱςΫϊϩδʔͷؔΘΓํͷมԽ ग़యɿIUUQTXXXIBLVIPEPEZNFEJBDPKQOFXTSFMFBTF
14. ϢʔβʔͱςΫϊϩδʔͷؔΘΓํͷมԽ ग़యɿIUUQTXXXJUNFEJBDPKQNPCJMFBSUJDMFTOFXTIUNM
15. ϢʔβʔͱςΫϊϩδʔͷؔΘΓํͷมԽ
16. ςΫϊϩδʔ͕ΑΓੜ׆ʹೖΓࠐΉதͰ
    ΦϯϥΠϯͱΦϑϥΠϯͷܨ͕ΓΛߟ͑ͨ
    ମݧઃܭͷॏཁੑ͕ߴ·͍ͬͯΔ
17. ཧ૝ͷ69ͱ
    ٕज़తͳ੍໿ͷΪϟοϓΛຒΊΔ 1
20. Ϟϊ͕Έ͔ͭΔ͜ͱ .".03*0ͷཧ૝ͷ69
21. ֎Ͱͳͨ͘͠Β
    ͳͨ͘͠৔ॴ͕෼͔Δ ՈͷதͰݟࣦͬͨΒ
    Ͳ͜ʹӅΕ͍ͯΔ͔෼͔Δ
22. ԻΛ໐Β͢
23. ԻΛ໐Β͢
24. #FBDPOͷి೾Λ
    ΞϓϦ্ͰՄࢹԽ
25. εϚϗΛۭؒʹ͔͟͢ͱ
    "3Ͱ৔ॴ͕෼͔Δ ࠷ॳߟ͑ͨ͜ͱ
26. εϚϗΛۭؒʹ͔͟͢ͱ
    "3Ͱ৔ॴ͕෼͔Δ ࠷ॳߟ͑ͨ͜ͱ
27. εϚϗΛखʹ࣋ͬͯ
    า͖ճͬͯ΋Β͍
    ి೾Λݕ஌ͨ͠Β
    ϚʔΧʔΛදࣔ͢Δ Ͱ͖Δ͜ͱ
28. า͖ճͬͯ΋Β͏޻෉
29. า͖ճͬͯ΋Β͏޻෉
30. ϞϊͱͷҐஔؔ܎͕
    ෼͔Γ΍͍͢Α͏ʹ
    %
    ."1Λ࠾༻
31. σϞಈը Ҿ༻ɿIUUQTXXXHJ[NPEPKQNBNPSJPBSIUNM
32. ཧ૝ͱཧ૝ͷΪϟοϓΛຒΊΔͨΊʹ ཧ૝ͷ
    69 ٕज़తͳ
    ੍໿
33. ٕज़తͳ
    ੍໿ ཧ૝ͷ
    69 ཧ૝ͱཧ૝ͷΪϟοϓΛຒΊΔͨΊʹ ݁Ռͱͯ͠
    ϢʔβϏϦςΟ௿Լ ૝ఆ͍ͯͨ͠௨Γʹ
    ಈ࡞͠ͳ͍
34. ཧ૝ͱཧ૝ͷΪϟοϓΛຒΊΔͨΊʹ ཧ૝ͷ
    69 ٕज़తͳ
    ੍໿ ྆ऀͷόϥϯε͕औΕͯॳΊͯ
    ྑ͍Ϣʔβʔମݧ͕ੜ·ΕΔ
35. ʢࣦͨ࣌͘͠ʹʣϞϊ͕Έ͔ͭΔ͜ͱ .".03*0ͷཧ૝ͷ69
36. όοςϦʔ໰୊
37. ॆి͸ෆՄ
    ి஑ण໋͸໿೥
38. ى͜Γ͏Δ͕͔ͬΓମݧ ࣦͨ࣌͘͠ʹݶͬͯ
    .".03*0͕ి஑੾Ε
39. ࣦͨ࣌͘͠ʹݶͬͯి஑੾Εͱ͍͏
    ͕͔ͬΓମݧΛ๷͙ͨΊʹ͸ʁ
40. ॆిࣜʹ͢Δ
41. ॆిࣜʹ͢Δ
42. ి஑͕੾Εͨ
    λΠϛϯάͰ௨஌ 69
    +".
    ʢ೥ʣ
    -5࣌ͷࢿྉΑΓ
43. ి஑͕੾Εͨ
    λΠϛϯάͰ௨஌ 69
    +".
    ʢ೥ʣ
    -5࣌ͷࢿྉΑΓ ˚
44. ి೾Λݕ஌Ͱ͖ͳ͘ͳͬͨΒ
    lࣦͨ͘͠zͱ൑அ͍ͯ͠Δ ి஑੾Εͱฆࣦͷ۠ผ͕
    ΞϓϦͰ͸Ͱ͖ͳ͍
45. ૝ఆ͢Δి஑ण໋ʹ
    ౸ୡͨ࣌͠఺Ͱ
    ܾΊଧͪͰ
    ి஑දࣔΛग़͢ Ͱ͖Δ͜ͱ
46. ϞοΫ ૝ఆ͢Δి஑ण໋ʹ
    ౸ୡͨ࣌͠఺Ͱ
    ܾΊଧͪͰ
    ి஑දࣔΛग़͢ Ͱ͖Δ͜ͱ
47. Ϣʔβʔʹͱͬͯ͸
    ʮి஑੾ΕͷλΠϛϯάͰ
    ڭ͑ͯ͘Εͨʯ
    ͱ͍͏ମݧʹͳΔ
48. .".03*0Λ
    ͚͍ͭͯΔͱ
    ϞϊΛࣦ͘͞ͳ͍ ۙڑ཭ͷϞϊ͸
    "3Ͱ୳ͤΔ ి஑͕੾ΕͨΒ
    ڭ͑ͯ΋Β͑Δ Ϊϟοϓ͸σβΠφʔਓͰຒΊΔ΋ͷͰ͸ͳ͍ ͔͚ͨͩ͟͠Ͱ
    ୳͢ͷ͸ෆՄೳ ి஑੾Εͱฆࣦͷ
    ۠ผ͸ෆՄೳ ཧ૝ͷ69 ٕज़తͳ੍໿
49. Ϊϟοϓ͸σβΠφʔਓͰຒΊΔ΋ͷͰ͸ͳ͍ .".03*0Λ
    ͚͍ͭͯΔͱ
    ϞϊΛࣦ͘͞ͳ͍ ۙڑ཭ͷϞϊ͸
    "3Ͱ୳ͤΔ ి஑͕੾ΕͨΒ
    ڭ͑ͯ΋Β͑Δ ཧ૝ͷ69 ͔͚ͨͩ͟͠Ͱ
    ୳͢ͷ͸ෆՄೳ ి஑੾Εͱฆࣦͷ
    ۠ผ͸ෆՄೳ ٕज़తͳ੍໿
50. Ϊϟοϓ͸σβΠφʔਓͰຒΊΔ΋ͷͰ͸ͳ͍ ۙڑ཭ͷϞϊ͸
    "3Ͱ୳ͤΔ ి஑͕੾ΕͨΒ
    ڭ͑ͯ΋Β͑Δ ͔͚ͨͩ͟͠Ͱ
    ୳͢ͷ͸ෆՄೳ ి஑੾Εͱฆࣦͷ
    ۠ผ͸ෆՄೳ ٕज़తͳ੍໿ .".03*0Λ
    ͚͍ͭͯΔͱ
    ϞϊΛࣦ͘͞ͳ͍ ཧ૝ͷ69 ཧ૝ͷମݧΛඳ͘ਓ ΪϟοϓΛՄࢹԽͰ͖Δਓ ཧ૝ͷ࣮ݱํ๏Λߟ͑Δਓ
51. Ϣʔβʔ͕σβΠϯͱ
    ઀৮͢ΔλΠϛϯά͔Βߟ͑Δ 2
54. )BOB
    )BOB
    #FOJ =  "-$
     ίτό͕෼͔Βͳͯ͘΋
    ఻ΘΔ৘ใ
55. ίτό͕෼͔Βͳͯ͘΋
    ఻ΘΔ৘ใ ߪೖͷܾΊखʹͳΔ৘ใ
    ʹ঎඼ͷʮετʔϦʔʯ w ੈքॳͷϋΠϏεΧεͷεύʔΫ ϦϯάϫΠϯ w ੈքతͳϑΝογϣϯࡶࢽ ʰ70(6&ʱͰ΋঺հ w ϑΣϥʔϦͷߪೖऀϓϨθϯτʹ ΋࢖༻͞Εͨ w ͦΜͳوॏͳϫΠϯ͕=  ͰߪೖͰ͖Δʂ )BOB
    )BOB
    #FOJ =  "-$
    
57. ߪೖͷܾΊखʹͳΔ৘ใ
    ʹ঎඼ͷʮετʔϦʔʯ w ੈքॳͷϋΠϏεΧεͷεύʔΫ ϦϯάϫΠϯ w ੈքతͳϑΝογϣϯࡶࢽ ʰ70(6&ʱͰ΋঺հ w ϑΣϥʔϦͷߪೖऀϓϨθϯτʹ ΋࢖༻͞Εͨ w ͦΜͳوॏͳϫΠϯ͕=  ͰߪೖͰ͖Δʂ
58. ཱྀத ཱྀલ εςʔδ ར༻Ϟνϕʔ γϣϯ ౰ॳ૝ఆ͍ͯͨ͠ετʔϦʔ ཱྀޙ ސ٬ߦಈ ػೳ ๚೔લʹ೔ຊͷਓؾ঎඼Λ஌Δ ͜ͱ͕Ͱ͖Δ ݴ༿ͷ෼͔Βͳ͍೔ຊͰ΋҆৺ ͯ͠γϣοϐϯά͕Ͱ͖Δ ཱྀதͰങͬͨ঎඼ͷޱίϛΛॻ ͍ͨΓɺಡΉ͜ͱ͕Ͱ͖Δ wϥϯΩϯά
    wίϥϜ
    wཉ͍͠΋ͷϦετ wεΩϟϯ
    wϚοϓ
    wళһϔϧϓػೳɹͳͲ wϥϯΩϯά
    wίϥϜ
    wޱίϛػೳ ΦϯϘʔσΟϯάʢόʔίʔυΛ εΩϟϯͯ͠࢖͏ΞϓϦͩͱೝࣝ ͯ͠΋Β͏ʣ ೔ຊͷਓؾ঎඼ϥϯΩϯάɺίϥ ϜͳͲͷίϯςϯπΛফඅ͢Δ ๚೔࣌ʹങ͍͍ͨ঎඼Λཉ͍͠΋ ͷϦετʹ௥Ճ͢Δ ๚೔લʹཉ͍͠΋ͷϦετʹೖΕ ͍ͯͨ঎඼Λߪೖ ঎඼ΛεΩϟϯ ίϯςϯπফඅ ߪೖ ߪೖͨ͠঎඼ͷ
    ޱίϛ౤ߘɺӾཡ
59. ཱྀத ཱྀલ εςʔδ ར༻Ϟνϕʔ γϣϯ ౰ॳ૝ఆ͍ͯͨ͠ετʔϦʔ ཱྀޙ ސ٬ߦಈ ػೳ ๚೔લʹ೔ຊͷਓؾ঎඼Λ஌Δ ͜ͱ͕Ͱ͖Δ ݴ༿ͷ෼͔Βͳ͍೔ຊͰ΋҆৺ ͯ͠γϣοϐϯά͕Ͱ͖Δ ཱྀதͰങͬͨ঎඼ͷޱίϛΛॻ ͍ͨΓɺಡΉ͜ͱ͕Ͱ͖Δ wϥϯΩϯά
    wίϥϜ
    wཉ͍͠΋ͷϦετ wεΩϟϯ
    wϚοϓ
    wళһϔϧϓػೳɹͳͲ wϥϯΩϯά
    wίϥϜ
    wޱίϛػೳ ΦϯϘʔσΟϯάʢόʔίʔυΛ εΩϟϯͯ͠࢖͏ΞϓϦͩͱೝࣝ ͯ͠΋Β͏ʣ ೔ຊͷਓؾ঎඼ϥϯΩϯάɺίϥ ϜͳͲͷίϯςϯπΛফඅ͢Δ ๚೔࣌ʹങ͍͍ͨ঎඼Λཉ͍͠΋ ͷϦετʹ௥Ճ͢Δ ๚೔લʹཉ͍͠΋ͷϦετʹೖΕ ͍ͯͨ঎඼Λߪೖ ঎඼ΛεΩϟϯ ίϯςϯπফඅ ߪೖ ߪೖͨ͠঎඼ͷ
    ޱίϛ౤ߘɺӾཡ ػೳ։ൃͷओ࣠
60. ཱྀத ཱྀલ εςʔδ ར༻Ϟνϕʔ γϣϯ ౰ॳ૝ఆ͍ͯͨ͠ετʔϦʔ ཱྀޙ ސ٬ߦಈ ػೳ ๚೔લʹ೔ຊͷਓؾ঎඼Λ஌Δ ͜ͱ͕Ͱ͖Δ ݴ༿ͷ෼͔Βͳ͍೔ຊͰ΋҆৺ ͯ͠γϣοϐϯά͕Ͱ͖Δ ཱྀதͰങͬͨ঎඼ͷޱίϛΛॻ ͍ͨΓɺಡΉ͜ͱ͕Ͱ͖Δ wϥϯΩϯά
    wίϥϜ
    wཉ͍͠΋ͷϦετ wεΩϟϯ
    wϚοϓ
    wళһϔϧϓػೳɹͳͲ wϥϯΩϯά
    wίϥϜ
    wޱίϛػೳ ΦϯϘʔσΟϯάʢόʔίʔυΛ εΩϟϯͯ͠࢖͏ΞϓϦͩͱೝࣝ ͯ͠΋Β͏ʣ ೔ຊͷਓؾ঎඼ϥϯΩϯάɺίϥ ϜͳͲͷίϯςϯπΛফඅ͢Δ ๚೔࣌ʹങ͍͍ͨ঎඼Λཉ͍͠΋ ͷϦετʹ௥Ճ͢Δ ๚೔લʹཉ͍͠΋ͷϦετʹೖΕ ͍ͯͨ঎඼Λߪೖ ঎඼ΛεΩϟϯ ίϯςϯπফඅ ߪೖ ߪೖͨ͠঎඼ͷ
    ޱίϛ౤ߘɺӾཡ ཭୤ ཭୤
61. ϢʔβʔͱσβΠϯͷ઀৮λΠϛϯάΛ
    ߟ͑Δͱ཭୤ͷݪҼ͕ݟ͑ͯ͘Δ
62. ཱྀલ
    ͷ઀৮λΠϛϯά όʔίʔυΛಡΈऔΔͱ
    ศརͳ৘ใ͕ಘΒΕΔΞϓϦ ͱ͍͏ظ଴஋Λ࣋ͬͯ
    μ΢ϯϩʔυ ཱྀલ
63. όʔίʔυΛಡΈऔΔͱ
    ศརͳ৘ใ͕ಘΒΕΔΞϓϦ ͱ͍͏ظ଴஋Λ࣋ͬͯ
    μ΢ϯϩʔυ ཱྀલ
64. ཱྀߦલͷϢʔβʔ͸
    ʮ࣮ࡍʹߦͬͨϢʔβʔʯͷ ϦΞϧͳޱίϛΛٻΊ͍ͯΔ ཱྀલ
65. εΩϟϯΛػೳͷओ࣠ʹ
    ஔ͍͍ͯΔͨΊ
    ޱίϛ͸ิॿతͳཁૉʹ ཱྀલ
66. ཱྀલ ཱྀલͷλΠϛϯάͰϢʔβʔ͕ٻΊ͍ͯΔ΋ͷΛ ఏڙͰ͖͍ͯͳ͍
67. ΞϓϦΛ͍࣋ͬͯͳͯ͘΋
    ళ಄ͷλϒϨοτͰ
    ಉ༷ͷػೳΛ࢖͑Δͱ͍͏
    ετʔϦʔΛ૝ఆ ཱྀத
68. αΠωʔδ΍101͕ଟ͍
    খചళฮͷதͰ͸
    λϒϨοτ͕ؾ͔ͮΕͳ͍
    ͜ͱ΋ଟ͍ ཱྀத
69. ཱྀલ ৘ใ͕ᷓΕ͍ͯΔΦϑϥΠϯͷ৔Ͱ͸
    ʮࣗ෼ͷ໾ʹཱͭϞϊͩʯͱೝࣝͯ͠΋Β͏
    ϑΝʔετεςοϓ͕ॏཁ
70. ๚೔ޙͷϢʔβʔʹ͸
    ޱίϛΛॻ͍ͯ΋Β͍͍͕ͨ
    ཱྀޙͷλΠϛϯάͰ
    ౤ߘ͢ΔϞνϕʔγϣϯ͕ඞཁ ཱྀޙ
71. Ϣʔβʔ͕σβΠϯͱ઀৮͢ΔλΠϛϯά͔Β
    ͦͷ࣌఺ͰϢʔβʔ͸Կʹ
    ϞνϕʔγϣϯΛײ͡Δ͔Λਂ۷Γ͢Δ
72. ? ӶҙϦχϡʔΞϧ४උத
73. ·ͱΊ
74. ཧ૝ͷ69ͱٕज़తͳ੍໿ͷΪϟοϓΛຒΊΔ 1 ྆ऀͷόϥϯεΛऔΓͳ͕ΒΪϟοϓΛຒΊ͍ͯ͘͜ͱͰ
    Α͍Ϣʔβʔମݧ͕ੜ·ΕΔ Ϣʔβʔ͕σβΠϯͱ઀৮͢ΔλΠϛϯά͔Βߟ͑Δ 2 ࣗ෼ͷ࡞͍ͬͯΔσβΠϯ͸ͲͷλΠϛϯάͰ
    Ϣʔβʔͱग़ձ͏ͷ͔Λৗʹߟ͑Δ
75. ԿΑΓɺ஍ಓʹઓ͏͜ͱ 3
76. ϨΪϡϨʔγϣϯ΍੍໿ଟ͗͢໰୊ ϋʔυͷݶքɺٕज़తͳ੍໿ɺখചళͷϨΪϡϨʔγϣϯʜ
77. σβΠφʔʹٻΊΒΕΔεΩϧଟ͗͢໰୊ 69σβΠϯɺ৘ใઃܭɺ6*σβΠϯɺάϥϑΟοΫσβΠϯ
    ϓϩμΫτσβΠϯɺϒϥϯσΟϯάɺϢʔβʔϦαʔνʜ
78. ϑϨʔϜϫʔΫͲ͜Ζ͡Όͳ͍໰୊ ૊৫಺ͰͷσβΠφʔͷཱͪҐஔ͕͋΍;΍ɺϑϩʔ͕ະཱ֬
79. ཧ૝ͱݱ࣮Λ
    ͢Γ߹Θ͍ͤͯ͘
80. ྖҬ֎ͷίτʹ
    ڵຯΛ࣋ͭ
    ʴ
    ஥ؒΛ૿΍͢
81. σβΠϯνʔϜͷ
    ʮ͋ΓํʯΛ
    ՄࢹԽ͢Δ εΩϧϚοϓ σβΠϯνʔϜͷ,1*ͱ
    ,1*ʹجͮ͘ʮ΍Δ͜ͱʯˍ
    ʮ΍Βͳ͍͜ͱʯͷ໌จԽ
82. ΦϯϥΠϯͱΦϑϥΠϯɺ
    ༷ʑͳ੍໿΍νʔϜͷ՝୊Λ৐Γӽ͑ͳ͕Β
    ࠷ߴͷϢʔβʔମݧΛ࡞͍͖ͬͯ·͠ΐ͏
83. We’re hiring! 1BZLF 8BOUFEMZͰ
84. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ @UX MILK Fest 2019 ࠙਌ձͳͲͰ͓࿩͠͠·͠ΐ͏ʂ