http://MobileDev.TW

1. 行動開發學院 MobileDev.TW
打造你的工具人
Voice Assistant / Chatbot
Development 101
Ryan@iii.org.tw
III IT Training Center
1

2. 行動開發學院 MobileDev.TW
談到語音助理，你會想到的是…
2

3. 行動開發學院 MobileDev.TW
談到聊天平台，你會想到的是…
3

4. 行動開發學院 MobileDev.TW
我們先退一步，想想過去常見的
人機互動方式
4

5. 行動開發學院 MobileDev.TW
Desktop UX
• 滑鼠
• 鍵盤
5

6. 行動開發學院 MobileDev.TW
Mobile Device UX
• 觸控手勢
• Tap
• Pinch
• Pan
• Swipe
• Rotate
• Lone Press
6

7. 行動開發學院 MobileDev.TW
TV UX
• 遙控器
• 上下左右
• 進入
• 返回
• 手勢
• 聲音
• 智慧型手機
7

8. 行動開發學院 MobileDev.TW
Watch UX
• 點擊、強按、捲動、錶冠、側邊按鈕
8

9. 行動開發學院 MobileDev.TW
APP/Web -> VPA/Chatbot
• 需求的存取將透過更多元的方式，如VPA、
Chatbot來實現
9

10. 行動開發學院 MobileDev.TW
Gartner 預測
• 2018年，會有超過20億人會以對話的形式來與
虛擬個人助理、智慧型手機以及連網裝置進行
互動
• 2020年，40%的使用者會以對話的形式為主來
使用支援人工智慧應用程式
• 2020年，25%的家庭會有兩個甚至更多的智慧
語音助理喇叭
10
Source : http://iveybusinessreview.ca/

11. 行動開發學院 MobileDev.TW
UX Trend 2017
• AI、Chatbot、VR
Noam Alloush
語音辨識將會撼動整個UX產業。
我相信再過個五年，大家不在討論什麼前
端還是後端，而是語音端(Voice Side)
Ignas Rubezius
Conversational UI(對話式介面)將是
2017年最有趣的趨勢，隨著快速成長的
趨勢，這將成為未來UX的重要角色
UX Trends 2017: Experts Bet On AI, Chatbots And VR - https://www.forbes.com
11

12. 行動開發學院 MobileDev.TW
VPA / VCA / VEA
• Virtual Personal Assistant
– 個人應用、生活應用、所有大眾消費者
• Virtual Customer Assistant
– 企業開發給客戶使用，針對產品資訊、支援服務
• Virtual Employee Assistant
– 企業內部使用，行政流程、標準程序、資源取得
12
Source : http://bemo.co/stories/2017/4/17/why-you-should-care-about-bots-in-enterprise

13. 行動開發學院 MobileDev.TW
VPA / Chatbot
13

14. 行動開發學院 MobileDev.TW
語音/聊天機器人 助理的運作方式
查詢
新增
修改
刪除
網際網路資源
公開資料
私有
資料庫
使用者介面 雲端處理機制
14

15. 行動開發學院 MobileDev.TW
為什麼要透過
語音或是聊天的方式來輸入內容？
User Friendly
15

16. 行動開發學院 MobileDev.TW
Web -> APP -> Chatbot/VPA
你好！請問需
要什麼協助？
16

17. 行動開發學院 MobileDev.TW
Typeform用即時通來回答問卷
Source：http://www.playpcesor.com/2017/03/typeform-facebook-messenger.html
17

18. 行動開發學院 MobileDev.TW
使用者通常拿語音助理來做什麼？
18

19. 行動開發學院 MobileDev.TW
Conversational UI 的時代來臨
19

20. 行動開發學院 MobileDev.TW
Bot服務採用的階段
我們的服務可完全在Bot上完成
我們是第一家採用Bot服務的
我們也有Bot
什麼是Bot
20

21. 行動開發學院 MobileDev.TW
Bot的分類
• 個人輔助Bot VS. 團隊輔助Bot
– 個人輔助Bot直接與使用者1-1交談，達成任務
– 團隊輔助Bot通常出現在群組聊天，協助完成團體
任務(決定午餐、決定會議時間、決定旅遊地點)
21

22. 行動開發學院 MobileDev.TW
Microsoft Cognitive Service
• Computer Vision API
22
a man swimming in a pool of water

23. 行動開發學院 MobileDev.TW
Chatbot/VPA 拿來做什麼用？
• 資訊查詢
• 下訂單
• 預約系統
• 組合測試
23
你認為什麼樣的服務最適合
用Chatbot/VPA來實作？以
及什麼樣的服務最不適合？

24. 行動開發學院 MobileDev.TW
語音助理/聊天機器人 學習地圖
雲端服務
Microsoft Azure Google CloudAWS
雲端應用
認知服務
電腦視覺
語音辨識
資料存取
Open Data
資料庫
語法基礎
Node.JS C#Python
聊天機器人 Chatbot
Microsoft Bot Framework
LineFacebook WeChat
Slack Skype Web
人工智慧語意分析應用服務
API.ai Wit.aiLuis.ai
語言翻譯
UI
對談介面
流程設計24
語音助理 VA
Amazon Alexa
Microsoft Cortana
Google Home

25. 行動開發學院 MobileDev.TW
Summary
• 新一代的開發者：Connector
• 使用者介面、處理機制與雲端資源
• Node.js 在潮流中倍受重視
• 語音助理/Chatbot 設計的第一步是釐清目標
25