25
行動開發學院 MobileDev.TW 打造你的工具人 Voice Assistant / Chatbot Development 101 [email protected] III IT Training Center 1

Voice Assistant / Chatbot Development 101

Embed Size (px)

Citation preview

Page 1: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

打造你的工具人Voice Assistant / Chatbot

Development 101

[email protected] IT Training Center

1

Page 2: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

談到語音助理,你會想到的是…

2

Page 3: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

談到聊天平台,你會想到的是…

3

Page 4: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

我們先退一步,想想過去常見的人機互動方式

4

Page 5: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

Desktop UX

• 滑鼠• 鍵盤

5

Page 6: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

Mobile Device UX

• 觸控手勢• Tap• Pinch• Pan• Swipe• Rotate• Lone Press

6

Page 7: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

TV UX

• 遙控器• 上下左右• 進入• 返回

• 手勢• 聲音• 智慧型手機

7

Page 8: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

Watch UX• 點擊、強按、捲動、錶冠、側邊按鈕

8

Page 9: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

APP/Web -> VPA/Chatbot• 需求的存取將透過更多元的方式,如VPA、

Chatbot來實現

9

Page 10: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

Gartner 預測• 2018年,會有超過20億人會以對話的形式來與

虛擬個人助理、智慧型手機以及連網裝置進行互動

• 2020年,40%的使用者會以對話的形式為主來使用支援人工智慧應用程式

• 2020年,25%的家庭會有兩個甚至更多的智慧語音助理喇叭

10Source:http://iveybusinessreview.ca/

Page 11: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

UX Trend 2017• AI、Chatbot、VR

NoamAlloush

語音辨識將會撼動整個UX產業。我相信再過個五年,大家不在討論什麼前端還是後端,而是語音端(Voice Side)

IgnasRubezius

Conversational UI(對話式介面)將是2017年最有趣的趨勢,隨著快速成長的趨勢,這將成為未來UX的重要角色

UXTrends2017:ExpertsBetOnAI,ChatbotsAndVR- https://www.forbes.com11

Page 12: Voice Assistant / Chatbot Development 101

行動開發學院 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

Page 13: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

VPA / Chatbot

13

Page 14: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

語音/聊天機器人 助理的運作方式

查詢新增修改刪除

網際網路資源

公開資料

私有資料庫

使用者介面 雲端處理機制14

Page 15: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

為什麼要透過語音或是聊天的方式來輸入內容?

User Friendly15

Page 16: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

Web -> APP -> Chatbot/VPA

你好!請問需要什麼協助?

16

Page 17: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

Typeform用即時通來回答問卷

Source:http://www.playpcesor.com/2017/03/typeform-facebook-messenger.html17

Page 18: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

使用者通常拿語音助理來做什麼?

18

Page 19: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

Conversational UI 的時代來臨

19

Page 20: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

Bot服務採用的階段

我們的服務可完全在Bot上完成

我們是第一家採用Bot服務的

我們也有Bot

什麼是Bot

20

Page 21: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

Bot的分類• 個人輔助Bot VS. 團隊輔助Bot–個人輔助Bot直接與使用者1-1交談,達成任務–團隊輔助Bot通常出現在群組聊天,協助完成團體

任務(決定午餐、決定會議時間、決定旅遊地點)

21

Page 22: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

Microsoft Cognitive Service• Computer Vision API

22

amanswimminginapoolofwater

Page 23: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

Chatbot/VPA 拿來做什麼用?

• 資訊查詢• 下訂單• 預約系統• 組合測試

23

你認為什麼樣的服務最適合用Chatbot/VPA來實作?以及什麼樣的服務最不適合?

Page 24: Voice Assistant / Chatbot Development 101

行動開發學院 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

Page 25: Voice Assistant / Chatbot Development 101

行動開發學院 MobileDev.TW

Summary

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

25