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
35
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
86
Other Decks in Design
See All in Design
mento Design Team Portfolio
mento0fficial
1
690
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
140
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.7k
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
170
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
170
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
デザイナー向けフライル説明資料
toshiblues
0
130
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
150
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
150
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1k
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
130
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.1k
Side Projects
sachag
455
43k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
A Modern Web Designer's Workflow
chriscoyier
696
190k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Gamification - CAS2011
davidbonilla
81
5.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Done Done
chrislema
185
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.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