Upload
ryan-chung
View
196
Download
1
Embed Size (px)
Citation preview
行動開發學院 MobileDev.TW
打造你的工具人Voice Assistant / Chatbot
Development 101
[email protected] IT Training Center
1
行動開發學院 MobileDev.TW
談到語音助理,你會想到的是…
2
行動開發學院 MobileDev.TW
談到聊天平台,你會想到的是…
3
行動開發學院 MobileDev.TW
我們先退一步,想想過去常見的人機互動方式
4
行動開發學院 MobileDev.TW
Desktop UX
• 滑鼠• 鍵盤
5
行動開發學院 MobileDev.TW
Mobile Device UX
• 觸控手勢• Tap• Pinch• Pan• Swipe• Rotate• Lone Press
6
行動開發學院 MobileDev.TW
TV UX
• 遙控器• 上下左右• 進入• 返回
• 手勢• 聲音• 智慧型手機
7
行動開發學院 MobileDev.TW
Watch UX• 點擊、強按、捲動、錶冠、側邊按鈕
8
行動開發學院 MobileDev.TW
APP/Web -> VPA/Chatbot• 需求的存取將透過更多元的方式,如VPA、
Chatbot來實現
9
行動開發學院 MobileDev.TW
Gartner 預測• 2018年,會有超過20億人會以對話的形式來與
虛擬個人助理、智慧型手機以及連網裝置進行互動
• 2020年,40%的使用者會以對話的形式為主來使用支援人工智慧應用程式
• 2020年,25%的家庭會有兩個甚至更多的智慧語音助理喇叭
10Source:http://iveybusinessreview.ca/
行動開發學院 MobileDev.TW
UX Trend 2017• AI、Chatbot、VR
NoamAlloush
語音辨識將會撼動整個UX產業。我相信再過個五年,大家不在討論什麼前端還是後端,而是語音端(Voice Side)
IgnasRubezius
Conversational UI(對話式介面)將是2017年最有趣的趨勢,隨著快速成長的趨勢,這將成為未來UX的重要角色
UXTrends2017:ExpertsBetOnAI,ChatbotsAndVR- https://www.forbes.com11
行動開發學院 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
行動開發學院 MobileDev.TW
VPA / Chatbot
13
行動開發學院 MobileDev.TW
語音/聊天機器人 助理的運作方式
查詢新增修改刪除
網際網路資源
公開資料
私有資料庫
使用者介面 雲端處理機制14
行動開發學院 MobileDev.TW
為什麼要透過語音或是聊天的方式來輸入內容?
User Friendly15
行動開發學院 MobileDev.TW
Web -> APP -> Chatbot/VPA
你好!請問需要什麼協助?
16
行動開發學院 MobileDev.TW
Typeform用即時通來回答問卷
Source:http://www.playpcesor.com/2017/03/typeform-facebook-messenger.html17
行動開發學院 MobileDev.TW
使用者通常拿語音助理來做什麼?
18
行動開發學院 MobileDev.TW
Conversational UI 的時代來臨
19
行動開發學院 MobileDev.TW
Bot服務採用的階段
我們的服務可完全在Bot上完成
我們是第一家採用Bot服務的
我們也有Bot
什麼是Bot
20
行動開發學院 MobileDev.TW
Bot的分類• 個人輔助Bot VS. 團隊輔助Bot–個人輔助Bot直接與使用者1-1交談,達成任務–團隊輔助Bot通常出現在群組聊天,協助完成團體
任務(決定午餐、決定會議時間、決定旅遊地點)
21
行動開發學院 MobileDev.TW
Microsoft Cognitive Service• Computer Vision API
22
amanswimminginapoolofwater
行動開發學院 MobileDev.TW
Chatbot/VPA 拿來做什麼用?
• 資訊查詢• 下訂單• 預約系統• 組合測試
23
你認為什麼樣的服務最適合用Chatbot/VPA來實作?以及什麼樣的服務最不適合?
行動開發學院 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
語音助理 VAAmazon Alexa
Microsoft Cortana
Google Home
行動開發學院 MobileDev.TW
Summary
• 新一代的開發者:Connector• 使用者介面、處理機制與雲端資源• Node.js 在潮流中倍受重視• 語音助理/Chatbot 設計的第一步是釐清目標
25