Intro to Voice Assistant and Chatbot Development

http://MobileDev.TW

Transcript

1. Chatbot / Voice Assistant Overview 打造你的工具人 Voice Assistant / Chatbot Development 101 Ryan@iii.org.tw III Digital Education Institute 1
2. Chatbot / Voice Assistant Overview 資策會 數位教育研究所 ² 最新科技進修 Ø 在職夜間假日進修 Ø 轉職全天養成班 ² 資訊技術充電站 Ø 國際技術趨勢 Ø 職場必備能力 Ø 基本資訊技能 http://taipei.iiiedu.org.tw/ 2
3. Chatbot / Voice Assistant Overview Ryan Chung ² 主要教授科目 Ø 語音助理應用開發 Ø Chatbot應用開發 Ø Web / App 應用 ² 資策會數位教育研究所 Ø 課程經理 / 養成班導師 Ø 企業包班 / 政府專案經理 Ø 課程專任講師 /專題輔導 http://mobiledev.tw/ryan 3
4. Chatbot / Voice Assistant Overview 4
5. Chatbot / Voice Assistant Overview Alexa Everywhere! 5
6. Chatbot / Voice Assistant Overview echo dot & amazon tap 6
7. Chatbot / Voice Assistant Overview 你的腦叫你一直買 7
8. Chatbot / Voice Assistant Overview amazon echo family 8
9. Chatbot / Voice Assistant Overview 常用情境 • 書房(Echo Show / Tap) – 聽音樂 – 問天氣 – 問時間 – 看電影預告 – 搜尋影片 – 拼單字 – 問單字 – 拍張照片 – 算數學 • 廚房(Echo Show) – 聽音樂 – 問時間 – 設定倒數計時 – 查食譜 9
10. Chatbot / Voice Assistant Overview 播放電影預告片 Show me some latest movies. Play the trailer for number X. https://www.youtube.com/watch?v=aKg85qEFMHs 10
11. Chatbot / Voice Assistant Overview 播放音樂 • Just say, “Alexa!” and then… – “Play [song name] by [artist]”. – “Pause” pauses the currently playing track. – “Play [Discover Weekly] playlist”. – “Volume up/down” turns volume up or down. – “Stop” stops the currently playing track. 11
12. Chatbot / Voice Assistant Overview 談到語音助理，你會想到的是… 12
13. Chatbot / Voice Assistant Overview 現在則是長這樣 • 智慧音箱 • 甚至有螢幕 https://connected.rogers.com/ 13
14. Chatbot / Voice Assistant Overview 談到聊天平台，你會想到的是… 現在也差不多還是這些 14
15. Chatbot / Voice Assistant Overview 我們先退一步，想想過去常見的 人機互動方式 15
16. Chatbot / Voice Assistant Overview Desktop UX • 滑鼠 • 鍵盤 16
17. Chatbot / Voice Assistant Overview Mobile Device UX • 觸控手勢 • Tap • Pinch • Pan • Swipe • Rotate • Lone Press 17
18. Chatbot / Voice Assistant Overview TV UX • 遙控器 • 上下左右 • 進入 • 返回 • 手勢 • 聲音 • 智慧型手機 18
19. Chatbot / Voice Assistant Overview Watch UX • 點擊、強按、捲動、錶冠、側邊按鈕 19
20. Chatbot / Voice Assistant Overview Gartner 預測 • 2018年，會有超過20億人會以對話的形式來與 虛擬個人助理、智慧型手機以及連網裝置進行 互動 • 2020年，40%的使用者會以對話的形式為主來 使用支援人工智慧應用程式 • 2020年，25%的家庭會有兩個甚至更多的智慧 語音助理喇叭 20 Source : http://iveybusinessreview.ca/
21. Chatbot / Voice Assistant Overview 手機APP/網站 -> 語音助理/Chatbot • 需求的存取將透過更多元的方式，如VPA、 Chatbot來實現 21
22. Chatbot / Voice Assistant Overview UX Trend • AI、Chatbot、VR Noam Alloush 語音辨識將會撼動整個UX產業。 我相信再過個五年，大家不在討論什麼前 端還是後端，而是語音端(Voice Side) Ignas Rubezius Conversational UI(對話式介面)將是近年 最有趣的趨勢，隨著快速成長的趨勢，這 將成為未來UX的重要角色 UX Trends 2017: Experts Bet On AI, Chatbots And VR - https://www.forbes.com 22
23. Chatbot / Voice Assistant Overview VPA 個人 / VCA 客戶 / VEA 企業 • Virtual Personal Assistant – 個人應用、生活應用、所有大眾消費者 • Virtual Customer Assistant – 企業開發給客戶使用，針對產品資訊、支援服務 • Virtual Employee Assistant – 企業內部使用，行政流程、標準程序、資源取得 Source : http://bemo.co/stories/2017/4/17/why-you-should-care-about-bots-in-enterprise 23
24. Chatbot / Voice Assistant Overview VPA / Chatbot 24
25. Chatbot / Voice Assistant Overview 語音/聊天機器人 助理的運作方式 查詢 新增 修改 刪除 網際網路資源 公開資料 私有 資料庫 使用者介面 雲端處理機制 25
26. Chatbot / Voice Assistant Overview 為什麼要透過 語音或是聊天的方式來輸入內容？ User Friendly 26
27. Chatbot / Voice Assistant Overview 驚人的Google Duplex (嗯哼？) 語音助理 VS. 理髮廳櫃檯 27 https://youtu.be/47xJkeG9BZI
28. Chatbot / Voice Assistant Overview Web -> APP -> Chatbot/VPA 你好！請問需 要什麼協助？ 28
29. Chatbot / Voice Assistant Overview Typeform用即時通來回答問卷 Source：http://www.playpcesor.com/2017/03/typeform-facebook-messenger.html 29
30. Chatbot / Voice Assistant Overview Skyscanner - 用Chatbot查優惠機票 m.me/skyscanner 30
31. Chatbot / Voice Assistant Overview 使用者通常拿語音助理來做什麼？ 31
32. Chatbot / Voice Assistant Overview 財務管理 語音助理 32 https://www.americanexpress.com/us/content/alexa/
33. Chatbot / Voice Assistant Overview Conversational UI 的時代來臨 33
34. Chatbot / Voice Assistant Overview Bot服務採用的階段 我們的服務可完全在Bot上完成 我們是第一家採用Bot服務的 我們也有Bot 什麼是Bot 34
35. Chatbot / Voice Assistant Overview ChatBot的分類 • 人數：個人輔助Bot / 團隊輔助Bot – 個人輔助Bot直接與使用者1-1交談，達成任務 – 團隊輔助Bot通常出現在群組聊天，協助完成團體 任務(決定午餐、決定會議時間、決定旅遊地點) • 對象：VPA Bot / VCA Bot / VEA Bot – VPA 個人輔助型：生活相關 – VCA 客戶輔助型：產品相關 – VEA 員工輔助型：企業內部相關 Credit: Pranch/Shutterstock 35
36. Chatbot / Voice Assistant Overview Microsoft Cognitive Service • Computer Vision API 36 a man swimming in a pool of water
37. Chatbot / Voice Assistant Overview Chatbot/VPA 拿來做什麼用？ • 資訊查詢 • 下訂單 • 預約系統 • 組合測試 37 你認為什麼樣的服務最適合 用Chatbot/VPA來實作？以 及什麼樣的服務最不適合？
38. Chatbot / Voice Assistant Overview 人機互動腳本準則 • 以人們真正會說的話來設計，而不是那種文章上的口吻 • 不要假設使用者知道要怎麼做或是知道會發生什麼事 真實 • 避免使用有多重含義的詞句、片語 • 引導使用者提供必要的資訊 明確 • 清楚地把選項呈現出來 • 一般而言，一次不要丟出超過三個選項 • 一次向使用者要一個資訊 簡單 38
39. Chatbot / Voice Assistant Overview 語音助理技能設計方向 • 讓人們更快達成目的 • 語音控制音樂播放 Fast • 讓人們更簡單地達成目的 • 語音控制電燈開關、語音設定倒數計時 Easy • 增添生活趣味 • 具有挑戰性的遊戲 Fun Source: Voice Design Guide – Amazon Alexa 39
40. Chatbot / Voice Assistant Overview 語音助理/聊天機器人 學習地圖 雲端服務 Microsoft Azure Google Cloud AWS 雲端應用 認知服務 電腦視覺 語音辨識 資料存取 Open Data 資料庫 語法基礎 Node.JS C# Python 聊天機器人 Chatbot Microsoft Bot Framework Line Facebook WeChat Slack Skype Web 人工智慧語意分析應用服務 Dialogflow Wit.ai Luis.ai 語言翻譯 UI 對談介面 流程設計 40 語音助理 VA Amazon Alexa Microsoft Cortana Google Home
41. Chatbot / Voice Assistant Overview Recap for Developer • 新一代的開發者：Connector • 使用者介面、處理機制與雲端資源 • Node.js 在潮流中倍受重視 • 語音助理/Chatbot 設計的第一步是釐清目標 Source : https://sijieand500words.com 41
42. Chatbot / Voice Assistant Overview Recap for All • 自然語言交談介面裝置將大舉進入你的生活 • 語言和文化密不可分，跨領域合作優化服務 • 多元化的後端服務與資料，將產生殺手級應用 42
43. Chatbot / Voice Assistant Overview 敬請指教 Ryan Chung Senior Engineer III Digital Education Institute Ryan@iii.org.tw 43