BotにおけるUI/UX設計ノウハウ

525c91be370a79cab50579086a70b3d7?s=47 Niishi Kubo
August 03, 2018

 BotにおけるUI/UX設計ノウハウ

2018/08/03【大阪】Bot Developers Meetup - LINE Bot開発者の勉強会
https://line.connpass.com/event/95135/

525c91be370a79cab50579086a70b3d7?s=128

Niishi Kubo

August 03, 2018
Tweet

Transcript

  1. Bot ʹ͓͚Δ UI/UX ઃܭϊ΢ϋ΢

  2. • Bot ։ൃ࣮੷ • UI/UX ઃܭϊ΢ϋ΢ • ͳͥઃܭ͕ඞཁͳͷ͔ʁ • ͲͷΑ͏ʹઃܭ͢Δ͔ʁ

    • Ͳ͏΍ͬͯϓϩτλΠϓΛ࡞Δ͔ʁ • ৘ใऩू TIPS ΞδΣϯμ
  3. • ߹ಉձࣾWVVUʢ͏ʔͿʣ • ৽نࣄۀͷ্ཱͪ͛ • גࣜձࣾZYYXʢ͡ʔ͘͢ʣ • WebγεςϜ/ΞϓϦͷडୗ։ൃ • גࣜձࣾࡔϊ్த

    • ژ౎ͷ໺ࡊͷྲྀ௨ձࣾ • ੜଉ஍ • େࡕɺژ౎ɺ౦ژ • ΤϯδχΞാग़਎Ͱɺࠓ͸ϏδωεدΓͷࣄ ͯ͠Δਓ ࣗݾ঺հ @n11sh1
  4. • ϓϥοτϑΥʔϜ • LINE • ໨త • ೶Ո͕Էઌͷྲྀ௨ۀऀʹग़ՙ৘ใΛڞ༗ ͢ΔͨΊʢि1ճʣ •

    ػೳ • ग़ՙ৘ใͷొ࿥ʢex. τϚτ10kgΛ݄,ਫ, ۚʹग़ՙͰ͖Δʣ • גࣜձࣾࡔϊ్தʹͯՔಇத ໺ࡊग़ՙ৘ใڞ༗ Bot
  5. • ϓϥοτϑΥʔϜ • Slack • ໨త • *OnboardingͰ໎ࢠʹͳΓ͕ͪ ͳͷͰɺϦʔυΛͭ͘Δ •

    ػೳ • ৽نϝϯόʔʹɺඞਢ৘ใˍ λεΫͷ௨஌ • طଘϝϯόʔʹɺؔ࿈͢Δα ϒλεΫͷ௨஌ Welcome Bot * Onboarding ૊৫ͷҰһ΍αʔϏεͷϢʔβʔͱͯ͠৽͘͠Ճೖͨ͠ ϝϯόʔʹख΄Ͳ͖Λߦ͍ɺ׳Εͤ͞Δϓϩηεͷ͜ͱ
  6. ίΠϯૹۚ גՁ ͦͷଞ

  7. ͖ΐ͏࿩͢಺༰ UI/UX ઃܭϊ΢ϋ΢ ॻ੶ ࣮ମݧ

  8. ͳͥઃܭ͕ඞཁͳͷ͔ʁ “transparent” user experience ҹ৅ʹ࢒Βͳ͍
 ࢖ͬͯ΋Β͑ͳ͍ * Amir, Shevat. :

    “Designing Bots: Creating Conversational Experiences”, 2017, No.673 ex. ϒϩοΫ͞ΕΔެࣜLINEΞΧ΢ϯτ
  9. ͲͷΑ͏ʹઃܭ͢Δ͔ʁ શମ૾Λଊ͑Δ ࡉ෦ʹ໨Λ޲͚Δ • ϓϥοτϑΥʔϜͷಛ௃ʢར༻Ϣʔ βʔ, ఏڙAPI ͳͲʣ • ໨తˍػೳͷ໌֬Խ

    • ϩΰ΍໊শ • ϢʔβʔͱBotͷձ࿩ϑϩʔ • ίϯςϯπʢςΩετ, ը૾, ಈը, Ի੠, Ґஔ৘ใ, Ϙλϯʣ • AIʢࣗવݴޠॲཧʣͷಋೖɹͳͲ
  10. ໺ࡊग़ՙ৘ใڞ༗ Bot • ϓϥοτϑΥʔϜ • LINE • ໨త • ೶Ո͕Էઌͷྲྀ௨ۀऀʹग़ՙ৘ใΛڞ༗

    ͢ΔͨΊʢि1ճʣ • ػೳ • ग़ՙ৘ใͷొ࿥ʢex. τϚτ10kgΛ݄,ਫ, ۚʹग़ՙՄೳͰ͢ɻʣ • גࣜձࣾࡔϊ్தʹͯՔಇத
  11. Welcome Bot * Onboarding ૊৫ͷҰһ΍αʔϏεͷϢʔβʔͱͯ͠৽͘͠Ճೖͨ͠ ϝϯόʔʹख΄Ͳ͖Λߦ͍ɺ׳Εͤ͞Δϓϩηεͷ͜ͱ • ϓϥοτϑΥʔϜ • Slack

    • ໨త • *OnboardingͰ໎ࢠʹͳΓ͕ͪ ͳͷͰɺϦʔυΛͭ͘Δ • ػೳ • ৽نϝϯόʔʹɺඞਢ৘ใˍ λεΫͷ௨஌ • طଘϝϯόʔʹɺؔ࿈͢Δα ϒλεΫͷ௨஌
  12. ઃܭ͢Δ ̑ষҎ߱ʹॻ͍ͯ͋Δ͔ΒಡΜͰʂ ͩͱऴΘͬͯ͠·͏ͷͰ…

  13. ઃܭ͢Δ 1. Branding, personality, and human involvement 2. AI 3.

    The Conversation 4. Rich interactions 5. Context and memory 6. Discovery and installation 7. Engagement methods 8. Monetization * Amir, Shevat. : “Designing Bots: Creating Conversational Experiences”, 2017, No.673
  14. ձ࿩ͷछྨ λεΫओಋͷձ࿩ τϐοΫओಋͷձ࿩ • ͠ΓͱΓͳͲҙਤͷͳ͍ձ࿩͕ϝΠϯ • ਖ਼֬ੑ͸ෆཁɺΉ͠Ζ༧૝֎ͷฦ౴͕ ٻΊΒΕΔ • ϧʔϧԽͮ͠Β͘AIͳͲ͕ඞཁ

    • C޲͚ίϯςϯπ͕ଟ͍ • ഑ୡঢ়گͷ֬ೝ, डऔ೔࣌ͷมߋ, ࠶഑ ୡґཔ • ਖ਼֬ੑ͕ٻΊΒΕΔ • ձ࿩ΛϧʔϧԽͰ͖Ε͹AIͳͲ͸ෆཁ • B޲͚, C޲͚ͲͪΒ΋
  15. Onboarding ͲͪΒ͕ ࢖͍͍ͨʁ

  16. Onboarding Ͳ͏ΞΫγϣϯͯ͠ྑ͍ͷ͔෼͔Βͳ͍ ʮ࠶഑ୡґཔʯͱςΩετೖྗʁ ͱΓ͋͑ͣԡͨ͠Β࣍΁ਐΊͦ͏ ࣍ճΞΫηε࣌΋࢖͑Δ

  17. Onboarding νϡʔτϦΞϧಈըϦϯΫΛఴ෇ LINEΞϓϦ಺ͰYouTube࠶ੜ

  18. ϧʔϧϕʔεͷձ࿩ STEP1 ૹΓঢ়൪߸Λ͖͘ STEP2 ر๬഑ୡ೔࣌Λ͖͘ STEP3 ࠷ऴ֬ೝ STEP4 มߋ׬ྃ

  19. ϧʔϧϕʔεͷձ࿩ STEP3 ࠷ऴ֬ೝ STEP4 มߋ׬ྃ • ૹΓঢ়൪߸ͱر๬഑ୡ೔࣌Λಉ࣌ʹೖྗ͞ΕͨΒʁ • ഑ୡ೔࣌ʹʮຊ೔ʯ΍ʮ໷ʯͱೖྗ͞ΕͨΒʁ •

    ૹΓঢ়൪߸ͱر๬഑ୡ೔࣌Λٯʹೖྗ͞ΕͨΒʁ STEP1 ૹΓঢ়൪߸Λ͖͘ STEP2 ر๬഑ୡ೔࣌Λ͖͘
  20. ࣗવݴޠཧղͱձ࿩ͷ؅ཧ ࣗવݴޠཧղʢNatural Language Understandingʣ Ϣʔβʔೖྗ͔ΒҙਤʢIntentʣͱΩʔϫʔυʢEntityʣΛநग़͢Δɻ ex. Intentɿ࠶഑ୡґཔ EntityɿૹΓঢ়൪߸, ر๬഑ୡ೔࣌ʢຊ೔ʹ8݄3೔ɺ໷ʹᶃ18࣌ʙ20࣌ᶄ19࣌ʙ21࣌ʣ ձ࿩ͷ؅ཧʢConversation

    Managementʣ நग़ͨ͠Entity͕λεΫ׬ྃͷ৚݅Λຬ͍ͨͯ͠Δ͔Ͳ͏͔ɻ ex. ر๬഑ୡ೔͔࣌͠Ϣʔβʔೖྗ͞Ε͍ͯͳ͍৔߹͸ɺૹΓঢ়൪߸ͷೖྗΛଅ͢ɻ
  21. վྑޙͷձ࿩

  22. Dialogflow https://dialogflow.com

  23. ͦͷଞ Watson Assistant https://www.ibm.com/watson/jp-ja/developercloud/conversation.html LUIS https://www.luis.ai Amazon Lex https://aws.amazon.com/jp/lex/

  24. LINE Bot Designer https://developers.line.me/ja/services/bot-designer/

  25. Flex Message Simulator https://developers.line.me/console/fx/

  26. Botsociety https://botsociety.io

  27. Cacoo https://cacoo.com

  28. ৘ใऩू TIPS Chatbots Magazine https://chatbotsmagazine.com UX Collective - Bots https://uxdesign.cc/tagged/bots

    The UX of Chatbots http://uxofchatbots.com BotList https://botlist.co botwiki https://botwiki.org
  29. ·ͱΊ • ҹ৅ʹ࢒Δˍ࢖ͬͯ΋Β͏ͨΊʹઃܭ͢Δ • શମ૾Λଊ͑Δ • ద੾ͳϓϥοτϑΥʔϜΛબ୒͢Δ • ໨తˍػೳΛ໌֬ʹ͢Δ •

    ࡉ෦ʹ໨Λ޲͚Δ • Onboarding͕ॏཁ • ϦονίϯςϯπͰϢʔβʔΤϯήʔδϦϯάΛߴΊΔ • AIʢࣗવݴޠॲཧʣ͸MUSTͰ͸ͳ͍͕ɺUXͷ޲্ʹܨ͕Δ • Bot༻ϓϩτλΠϐϯάπʔϧͰ։ൃޮ཰UPʂ
  30. Thank U