Conversational AI Orientation

1. Conversational AI Orientation – Ryan@iii.org.tw 人機溝通有撇步 AI 對話式介面設計漫談 Conversational AI Orientation Ryan@iii.org.tw III Digital Education Institute 1
2. Conversational AI Orientation – Ryan@iii.org.tw 資策會 數位教育研究所  最新科技進修 ➢ 在職夜間假日進修 ➢ 轉職全天養成班  資訊技術充電站 ➢ 國際技術趨勢 ➢ 職場必備能力 ➢ 基本資訊技能 http://www.iiiedu.org.tw/ 2
3. Conversational AI Orientation – Ryan@iii.org.tw Ryan Chung  資策會 數位教育研究所 創新學習中心 ➢ 產業合作組組長 - 國際培訓、跨國產業合作 ➢ 課程經理 - 企業內訓、地方政府民眾推廣、大專生活動 ➢ 養成班導師 - 轉職培訓、專題輔導 ➢ 課程講師 - 語音助理、Chatbot應用開發、網站開發 http://mobiledev.tw/ryan 3
4. Conversational AI Orientation – Ryan@iii.org.tw 4
5. Conversational AI Orientation – Ryan@iii.org.tw Alexa Everywhere! 5
6. Conversational AI Orientation – Ryan@iii.org.tw echo dot & amazon tap 6
7. Conversational AI Orientation – Ryan@iii.org.tw 你的腦叫你一直買 7
8. Conversational AI Orientation – Ryan@iii.org.tw amazon echo family https://www.amazon.com/Amazon-Echo-And-Alexa-Devices/b?ie=UTF8&node=9818047011 8
9. Conversational AI Orientation – Ryan@iii.org.tw 常用情境 • 書房(Echo Show / Tap) – 聽音樂 – 問天氣 – 問時間 – 看電影預告 – 搜尋影片 – 拼單字 – 問單字 – 拍張照片 – 算數學 • 廚房(Echo Show) – 聽音樂 – 問時間 – 設定倒數計時 – 查食譜 9
10. Conversational AI Orientation – Ryan@iii.org.tw 播放電影預告片 Show me some latest movies. Play the trailer for number X. https://www.youtube.com/watch?v=aKg85qEFMHs 10
11. Conversational AI Orientation – Ryan@iii.org.tw 播放音樂 • 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. Conversational AI Orientation – Ryan@iii.org.tw 談到語音助理，你會想到的是… 12
13. Conversational AI Orientation – Ryan@iii.org.tw 現在則是長這樣 • 智慧音箱 • 甚至有螢幕 https://connected.rogers.com/ 13
14. Conversational AI Orientation – Ryan@iii.org.tw 談到聊天平台，你會想到的是… 現在也差不多還是這些 14
15. Conversational AI Orientation – Ryan@iii.org.tw 我們先退一步，想想過去常見的 人機互動方式 15
16. Conversational AI Orientation – Ryan@iii.org.tw Desktop UX • 滑鼠 • 鍵盤 16
17. Conversational AI Orientation – Ryan@iii.org.tw Mobile Device UX • 觸控手勢 • Tap • Pinch • Pan • Swipe • Rotate • Lone Press 17
18. Conversational AI Orientation – Ryan@iii.org.tw TV UX • 遙控器 • 上下左右 • 進入 • 返回 • 手勢 • 聲音 • 智慧型手機 18
19. Conversational AI Orientation – Ryan@iii.org.tw Watch UX • 點擊、強按、捲動、錶冠、側邊按鈕 19
20. Conversational AI Orientation – Ryan@iii.org.tw Gartner 預測 • 2020年，40%的使用者會以對話的形式為主來 使用支援人工智慧應用程式 • 2020年，25%的家庭會有兩個甚至更多的智慧 語音助理喇叭 Source : http://iveybusinessreview.ca/ 20
21. Conversational AI Orientation – Ryan@iii.org.tw 手機APP/網站 -> 語音助理/Chatbot • 需求的存取將透過更多元的方式，如VPA、 Chatbot來實現 21
22. Conversational AI Orientation – Ryan@iii.org.tw 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. Conversational AI Orientation – Ryan@iii.org.tw 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. Conversational AI Orientation – Ryan@iii.org.tw VPA / Chatbot 24
25. Conversational AI Orientation – Ryan@iii.org.tw 語音/聊天機器人 助理的運作方式 查詢 新增 修改 刪除 網際網路資源 公開資料 私有 資料庫 使用者介面 雲端處理機制 25
26. Conversational AI Orientation – Ryan@iii.org.tw 為什麼要透過 語音或是聊天的方式來輸入內容？ User Friendly 26
27. Conversational AI Orientation – Ryan@iii.org.tw 驚人的Google Duplex (嗯哼？) 語音助理 VS. 理髮廳櫃檯 27 https://youtu.be/47xJkeG9BZI
28. Conversational AI Orientation – Ryan@iii.org.tw Web -> APP -> Chatbot/VPA 你好！請問需 要什麼協助？ 28
29. Conversational AI Orientation – Ryan@iii.org.tw Typeform - 用即時通來回答問卷 Source：http://www.playpcesor.com/2017/03/typeform-facebook-messenger.html 29
30. Conversational AI Orientation – Ryan@iii.org.tw TaxiGo – 用Chatbot叫車 30
31. Conversational AI Orientation – Ryan@iii.org.tw 使用者通常拿語音助理來做什麼？ 31
32. Conversational AI Orientation – Ryan@iii.org.tw 財務管理 語音助理 https://www.americanexpress.com/us/content/alexa/ 32
33. Conversational AI Orientation – Ryan@iii.org.tw Conversational UI 的時代來臨 33
34. Conversational AI Orientation – Ryan@iii.org.tw 企業角度：Bot服務採用的階段 我們的服務可完全在Bot上完成 我們是第一家採用Bot服務的 我們也有Bot 什麼是Bot 34
35. Conversational AI Orientation – Ryan@iii.org.tw ChatBot的分類 • 人數：個人輔助Bot / 團隊輔助Bot – 個人輔助Bot直接與使用者1-1交談，達成任務 – 團隊輔助Bot通常出現在群組聊天，協助完成團體 任務(決定午餐、決定會議時間、決定旅遊地點) • 對象：VPA Bot / VCA Bot / VEA Bot – VPA 個人輔助型：生活相關 – VCA 客戶輔助型：產品相關 – VEA 員工輔助型：企業內部相關 Credit: Pranch/Shutterstock 35
36. Conversational AI Orientation – Ryan@iii.org.tw Chatbot/VPA 拿來做什麼用？ • 資訊查詢 • 下訂單 • 預約系統 • 組合測試 你認為什麼樣的服務最適合 用Chatbot/VPA來實作？以 及什麼樣的服務最不適合？ 36
37. Conversational AI Orientation – Ryan@iii.org.tw Tell Image Bot • Line Messaging API + Microsoft 認知服務 + 部署上線 認知服務 Computer Vision Service • 圖片識別 Line Messaging API Node.JS SDK Line API 37
38. Conversational AI Orientation – Ryan@iii.org.tw 預期成果 38
39. Conversational AI Orientation – Ryan@iii.org.tw 數人頭(Chatbot + MS Face API) 39
40. Conversational AI Orientation – Ryan@iii.org.tw 人機互動腳本準則 • 以人們真正會說的話來設計，而不是那種文章上的口吻 • 不要假設使用者知道要怎麼做或是知道會發生什麼事 真實 • 避免使用有多重含義的詞句、片語 • 引導使用者提供必要的資訊 明確 • 清楚地把選項呈現出來 • 一般而言，一次不要丟出超過三個選項 • 一次向使用者要一個資訊 簡單 40
41. Conversational AI Orientation – Ryan@iii.org.tw 語音助理技能設計方向 • 讓人們更快達成目的 • 語音控制音樂播放 Fast • 讓人們更簡單地達成目的 • 語音控制電燈開關、語音設定倒數計時 Easy • 增添生活趣味 • 具有挑戰性的遊戲 Fun Source: Voice Design Guide – Amazon Alexa 41
42. Conversational AI Orientation – Ryan@iii.org.tw 語音助理/聊天機器人 學習地圖 雲端服務 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 對談介面 流程設計 語音助理 VA Amazon Alexa Microsoft Cortana Google Home 42
43. Conversational AI Orientation – Ryan@iii.org.tw Recap for Developer • 新一代的開發者：Connector • 使用者介面、處理機制與雲端資源 • Node.js 在潮流中倍受重視 • 語音助理/Chatbot 設計的第一步是釐清目標 Source : https://sijieand500words.com 43
44. Conversational AI Orientation – Ryan@iii.org.tw Recap for All • 自然語言交談介面裝置將大舉進入你的生活 • 語言和文化密不可分，跨領域合作優化服務 • 多元化的後端服務與資料，將產生殺手級應用 44
45. Conversational AI Orientation – Ryan@iii.org.tw 敬請指教 Ryan Chung Section Manager III Digital Education Institute Ryan@iii.org.tw 45