Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
BotにおけるUI/UX設計ノウハウ
Search
Niishi Kubo
August 03, 2018
Design
5
1.7k
BotにおけるUI/UX設計ノウハウ
2018/08/03【大阪】Bot Developers Meetup - LINE Bot開発者の勉強会
https://line.connpass.com/event/95135/
Niishi Kubo
August 03, 2018
Tweet
Share
More Decks by Niishi Kubo
See All by Niishi Kubo
GitLab Mobile DevOps と SaaS runners on macOS (Beta) の紹介
n11sh1
1
260
【B-5】農家と流通業者のタッチポイントにLINE Botを導入した話/LINE Bot case studies touch points of farmers and distributors
n11sh1
0
1.8k
自社オンプレのGitLabアップデートの歴史/GitLab's Update History On-premises
n11sh1
2
930
Design Forms of Bot
n11sh1
0
67
What's Hackenduro
n11sh1
0
49
Hackenduro2018 Blockchain team
n11sh1
0
45
Cryptocurrency and Blockchain
n11sh1
2
220
STAR MTGS@Startup Weekend Osaka
n11sh1
0
52
やさいのきもち@AODH 2017
n11sh1
0
72
Other Decks in Design
See All in Design
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
380
root Design Partnership Policy
root_recruit
0
4k
Portfolio 2023.07.28
helemarudesu
0
580
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
620
Installing and Running decksh/pdfdeck
ajstarks
1
490
1人歩きする営業資料作成
yutoshukuya
0
140
現象と向き合うデザイン @Spectrum Tokyo Festival 2023
hirokazu_oda
3
1.3k
231206_Book-launch-event_kato
hjmkth
2
1.2k
デザイナー向け会社紹介資料/company-profile-designer
nextbeat
1
860
LT:11年前の「ここにいる」の話 #fukuoka_a11yconf_前夜祭
garyuten
1
110
デザイン組織の一人目マネージャーが啜る泥水と美味しいビールに向けてTRYすること
ryoya_frst
0
180
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
170
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
321
20k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
The Pragmatic Product Professional
lauravandoore
24
5.8k
How GitHub (no longer) Works
holman
304
140k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
124
32k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Web Components: a chance to create the future
zenorocha
305
41k
Statistics for Hackers
jakevdp
789
220k
The Mythical Team-Month
searls
215
42k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.4k
Transcript
Bot ʹ͓͚Δ UI/UX ઃܭϊϋ
• Bot ։ൃ࣮ • UI/UX ઃܭϊϋ • ͳͥઃܭ͕ඞཁͳͷ͔ʁ • ͲͷΑ͏ʹઃܭ͢Δ͔ʁ
• Ͳ͏ͬͯϓϩτλΠϓΛ࡞Δ͔ʁ • ใऩू TIPS ΞδΣϯμ
• ߹ಉձࣾWVVUʢ͏ʔͿʣ • ৽نࣄۀͷ্ཱͪ͛ • גࣜձࣾZYYXʢ͡ʔ͘͢ʣ • WebγεςϜ/ΞϓϦͷडୗ։ൃ • גࣜձࣾࡔϊ్த
• ژͷࡊͷྲྀ௨ձࣾ • ੜଉ • େࡕɺژɺ౦ژ • ΤϯδχΞാग़ͰɺࠓϏδωεدΓͷࣄ ͯ͠Δਓ ࣗݾհ @n11sh1
• ϓϥοτϑΥʔϜ • LINE • త • Ո͕Էઌͷྲྀ௨ۀऀʹग़ՙใΛڞ༗ ͢ΔͨΊʢि1ճʣ •
ػೳ • ग़ՙใͷొʢex. τϚτ10kgΛ݄,ਫ, ۚʹग़ՙͰ͖Δʣ • גࣜձࣾࡔϊ్தʹͯՔಇத ࡊग़ՙใڞ༗ Bot
• ϓϥοτϑΥʔϜ • Slack • త • *OnboardingͰ໎ࢠʹͳΓ͕ͪ ͳͷͰɺϦʔυΛͭ͘Δ •
ػೳ • ৽نϝϯόʔʹɺඞਢใˍ λεΫͷ௨ • طଘϝϯόʔʹɺؔ࿈͢Δα ϒλεΫͷ௨ Welcome Bot * Onboarding ৫ͷҰһαʔϏεͷϢʔβʔͱͯ͠৽͘͠Ճೖͨ͠ ϝϯόʔʹख΄Ͳ͖Λߦ͍ɺ׳Εͤ͞Δϓϩηεͷ͜ͱ
ίΠϯૹۚ גՁ ͦͷଞ
͖ΐ͏͢༰ UI/UX ઃܭϊϋ ॻ੶ ࣮ମݧ
ͳͥઃܭ͕ඞཁͳͷ͔ʁ “transparent” user experience ҹʹΒͳ͍ ͬͯΒ͑ͳ͍ * Amir, Shevat. :
“Designing Bots: Creating Conversational Experiences”, 2017, No.673 ex. ϒϩοΫ͞ΕΔެࣜLINEΞΧϯτ
ͲͷΑ͏ʹઃܭ͢Δ͔ʁ શମ૾Λଊ͑Δ ࡉ෦ʹΛ͚Δ • ϓϥοτϑΥʔϜͷಛʢར༻Ϣʔ βʔ, ఏڙAPI ͳͲʣ • తˍػೳͷ໌֬Խ
• ϩΰ໊শ • ϢʔβʔͱBotͷձϑϩʔ • ίϯςϯπʢςΩετ, ը૾, ಈը, Ի, Ґஔใ, Ϙλϯʣ • AIʢࣗવݴޠॲཧʣͷಋೖɹͳͲ
ࡊग़ՙใڞ༗ Bot • ϓϥοτϑΥʔϜ • LINE • త • Ո͕Էઌͷྲྀ௨ۀऀʹग़ՙใΛڞ༗
͢ΔͨΊʢि1ճʣ • ػೳ • ग़ՙใͷొʢex. τϚτ10kgΛ݄,ਫ, ۚʹग़ՙՄೳͰ͢ɻʣ • גࣜձࣾࡔϊ్தʹͯՔಇத
Welcome Bot * Onboarding ৫ͷҰһαʔϏεͷϢʔβʔͱͯ͠৽͘͠Ճೖͨ͠ ϝϯόʔʹख΄Ͳ͖Λߦ͍ɺ׳Εͤ͞Δϓϩηεͷ͜ͱ • ϓϥοτϑΥʔϜ • Slack
• త • *OnboardingͰ໎ࢠʹͳΓ͕ͪ ͳͷͰɺϦʔυΛͭ͘Δ • ػೳ • ৽نϝϯόʔʹɺඞਢใˍ λεΫͷ௨ • طଘϝϯόʔʹɺؔ࿈͢Δα ϒλεΫͷ௨
ઃܭ͢Δ ̑ষҎ߱ʹॻ͍ͯ͋Δ͔ΒಡΜͰʂ ͩͱऴΘͬͯ͠·͏ͷͰ…
ઃܭ͢Δ 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
ձͷछྨ λεΫओಋͷձ τϐοΫओಋͷձ • ͠ΓͱΓͳͲҙਤͷͳ͍ձ͕ϝΠϯ • ਖ਼֬ੑෆཁɺΉ͠Ζ༧֎ͷฦ͕ ٻΊΒΕΔ • ϧʔϧԽͮ͠Β͘AIͳͲ͕ඞཁ
• C͚ίϯςϯπ͕ଟ͍ • ୡঢ়گͷ֬ೝ, डऔ࣌ͷมߋ, ࠶ ୡґཔ • ਖ਼֬ੑ͕ٻΊΒΕΔ • ձΛϧʔϧԽͰ͖ΕAIͳͲෆཁ • B͚, C͚ͲͪΒ
Onboarding ͲͪΒ͕ ͍͍ͨʁ
Onboarding Ͳ͏ΞΫγϣϯͯ͠ྑ͍ͷ͔͔Βͳ͍ ʮ࠶ୡґཔʯͱςΩετೖྗʁ ͱΓ͋͑ͣԡͨ͠Β࣍ਐΊͦ͏ ࣍ճΞΫηε࣌͑Δ
Onboarding νϡʔτϦΞϧಈըϦϯΫΛఴ LINEΞϓϦͰYouTube࠶ੜ
ϧʔϧϕʔεͷձ STEP1 ૹΓঢ়൪߸Λ͖͘ STEP2 رୡ࣌Λ͖͘ STEP3 ࠷ऴ֬ೝ STEP4 มߋྃ
ϧʔϧϕʔεͷձ STEP3 ࠷ऴ֬ೝ STEP4 มߋྃ • ૹΓঢ়൪߸ͱرୡ࣌Λಉ࣌ʹೖྗ͞ΕͨΒʁ • ୡ࣌ʹʮຊʯʮʯͱೖྗ͞ΕͨΒʁ •
ૹΓঢ়൪߸ͱرୡ࣌Λٯʹೖྗ͞ΕͨΒʁ STEP1 ૹΓঢ়൪߸Λ͖͘ STEP2 رୡ࣌Λ͖͘
ࣗવݴޠཧղͱձͷཧ ࣗવݴޠཧղʢNatural Language Understandingʣ Ϣʔβʔೖྗ͔ΒҙਤʢIntentʣͱΩʔϫʔυʢEntityʣΛநग़͢Δɻ ex. Intentɿ࠶ୡґཔ EntityɿૹΓঢ়൪߸, رୡ࣌ʢຊʹ8݄3ɺʹᶃ18࣌ʙ20࣌ᶄ19࣌ʙ21࣌ʣ ձͷཧʢConversation
Managementʣ நग़ͨ͠Entity͕λεΫྃͷ݅Λຬ͍ͨͯ͠Δ͔Ͳ͏͔ɻ ex. رୡ͔࣌͠Ϣʔβʔೖྗ͞Ε͍ͯͳ͍߹ɺૹΓঢ়൪߸ͷೖྗΛଅ͢ɻ
վྑޙͷձ
Dialogflow https://dialogflow.com
ͦͷଞ 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/
LINE Bot Designer https://developers.line.me/ja/services/bot-designer/
Flex Message Simulator https://developers.line.me/console/fx/
Botsociety https://botsociety.io
Cacoo https://cacoo.com
ใऩू 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
·ͱΊ • ҹʹΔˍͬͯΒ͏ͨΊʹઃܭ͢Δ • શମ૾Λଊ͑Δ • దͳϓϥοτϑΥʔϜΛબ͢Δ • తˍػೳΛ໌֬ʹ͢Δ •
ࡉ෦ʹΛ͚Δ • Onboarding͕ॏཁ • ϦονίϯςϯπͰϢʔβʔΤϯήʔδϦϯάΛߴΊΔ • AIʢࣗવݴޠॲཧʣMUSTͰͳ͍͕ɺUXͷ্ʹܨ͕Δ • Bot༻ϓϩτλΠϐϯάπʔϧͰ։ൃޮUPʂ
Thank U