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
2k
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 Duoで体感する『未来の開発体験』 - エージェントからAIコードレビューまで - #gitlab
n11sh1
0
21
GitLab Mobile DevOps と SaaS runners on macOS (Beta) の紹介
n11sh1
1
540
【B-5】農家と流通業者のタッチポイントにLINE Botを導入した話/LINE Bot case studies touch points of farmers and distributors
n11sh1
0
2.2k
自社オンプレのGitLabアップデートの歴史/GitLab's Update History On-premises
n11sh1
2
1.1k
Design Forms of Bot
n11sh1
0
75
What's Hackenduro
n11sh1
0
60
Hackenduro2018 Blockchain team
n11sh1
0
55
Cryptocurrency and Blockchain
n11sh1
2
240
STAR MTGS@Startup Weekend Osaka
n11sh1
0
85
Other Decks in Design
See All in Design
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
370
freee + Product Design FY25Q4
freee
4
16k
「UXとUIの違い」v2
shirasu3
0
230
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.3k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
510
What makes a great Director?
_limex_
0
210
#Dubois Challenge 2025: Economics
ajstarks
1
170
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
7 Core Values of Round-L
wired888
0
1.6k
エンジニアでも捗る デザイナー的思考入門
tinykitten
1
1.2k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
450
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Producing Creativity
orderedlist
PRO
347
40k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
4 Signs Your Business is Dying
shpigford
184
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
The Language of Interfaces
destraynor
161
25k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
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