Save 37% off PRO during our Black Friday Sale! »

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

2fc9b2f4db2b09257417ddf0415be6a0?s=47 Iku Kamiya
September 14, 2019

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

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

2fc9b2f4db2b09257417ddf0415be6a0?s=128

Iku Kamiya

September 14, 2019
Tweet

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

  18. None
  19. None
  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

  52. None
  53. None
  54. )BOB)BOB#FOJ =  "-$ ίτό͕෼͔Βͳͯ͘΋ ఻ΘΔ৘ใ

  55. ίτό͕෼͔Βͳͯ͘΋ ఻ΘΔ৘ใ ߪೖͷܾΊखʹͳΔ৘ใ ʹ঎඼ͷʮετʔϦʔʯ w ੈքॳͷϋΠϏεΧεͷεύʔΫ ϦϯάϫΠϯ w ੈքతͳϑΝογϣϯࡶࢽ ʰ70(6&ʱͰ΋঺հ

    w ϑΣϥʔϦͷߪೖऀϓϨθϯτʹ ΋࢖༻͞Εͨ w ͦΜͳوॏͳϫΠϯ͕=  ͰߪೖͰ͖Δʂ )BOB)BOB#FOJ =  "-$
  56. None
  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 ࠙਌ձͳͲͰ͓࿩͠͠·͠ΐ͏ʂ