SlideShare uma empresa Scribd logo
1 de 47
Baixar para ler offline
Conversational AI Orientation – Ryan@iii.org.tw
人機溝通有撇步
AI 對話式介面設計漫談
Conversational AI Orientation
Ryan@iii.org.tw
III Digital Education Institute
1
Conversational AI Orientation – Ryan@iii.org.tw
資策會 數位教育研究所
² 最新科技進修
Ø 在職夜間假日進修
Ø 轉職全天養成班
² 資訊技術充電站
Ø 國際技術趨勢
Ø 職場必備能力
Ø 基本資訊技能
http://taipei.iiiedu.org.tw/
2
Conversational AI Orientation – Ryan@iii.org.tw
Ryan Chung
² 主要教授科目
Ø 語音助理應用開發
Ø Chatbot應用開發
Ø Web / App 應用
² 資策會數位教育研究所
Ø 課程經理 / 養成班導師
Ø 企業包班 / 政府專案經理
Ø 課程專任講師 /專題輔導
http://mobiledev..tw/ryan
3
Conversational AI Orientation – Ryan@iii.org.tw 4
Conversational AI Orientation – Ryan@iii.org.tw
Alexa Everywhere!
5
Conversational AI Orientation – Ryan@iii.org.tw
echo dot & amazon tap
6
Conversational AI Orientation – Ryan@iii.org.tw
你的腦叫你一直買
7
Conversational AI Orientation – Ryan@iii.org.tw
amazon echo family
8
Conversational AI Orientation – Ryan@iii.org.tw
常用情境
• 書房(Echo Show / Tap)
– 聽音樂
– 問天氣
– 問時間
– 看電影預告
– 搜尋影片
– 拼單字
– 問單字
– 拍張照片
– 算數學
• 廚房(Echo Show)
– 聽音樂
– 問時間
– 設定倒數計時
– 查食譜
9
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
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
Conversational AI Orientation – Ryan@iii.org.tw
談到語音助理,你會想到的是…
12
Conversational AI Orientation – Ryan@iii.org.tw
現在則是長這樣
• 智慧音箱
• 甚至有螢幕
https://connected.rogers.com/
13
Conversational AI Orientation – Ryan@iii.org.tw
談到聊天平台,你會想到的是…
現在也差不多還是這些
14
Conversational AI Orientation – Ryan@iii.org.tw
我們先退一步,想想過去常見的
人機互動方式
15
Conversational AI Orientation – Ryan@iii.org.tw
Desktop UX
• 滑鼠
• 鍵盤
16
Conversational AI Orientation – Ryan@iii.org.tw
Mobile Device UX
• 觸控手勢
• Tap
• Pinch
• Pan
• Swipe
• Rotate
• Lone Press
17
Conversational AI Orientation – Ryan@iii.org.tw
TV UX
• 遙控器
• 上下左右
• 進入
• 返回
• 手勢
• 聲音
• 智慧型手機
18
Conversational AI Orientation – Ryan@iii.org.tw
Watch UX
• 點擊、強按、捲動、錶冠、側邊按鈕
19
Conversational AI Orientation – Ryan@iii.org.tw
Gartner 預測
• 2018年,會有超過20億人會以對話的形式來與
虛擬個人助理、智慧型手機以及連網裝置進行
互動
• 2020年,40%的使用者會以對話的形式為主來
使用支援人工智慧應用程式
• 2020年,25%的家庭會有兩個甚至更多的智慧
語音助理喇叭
Source	:	http://iveybusinessreview.ca/
20
Conversational AI Orientation – Ryan@iii.org.tw
手機APP/網站 -> 語音助理/Chatbot
• 需求的存取將透過更多元的方式,如VPA、
Chatbot來實現
21
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
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
Conversational AI Orientation – Ryan@iii.org.tw
VPA / Chatbot
24
Conversational AI Orientation – Ryan@iii.org.tw
語音/聊天機器人 助理的運作方式
查詢
新增
修改
刪除
網際網路資源
公開資料
私有
資料庫
使用者介面 雲端處理機制
25
Conversational AI Orientation – Ryan@iii.org.tw
為什麼要透過
語音或是聊天的方式來輸入內容?
User Friendly
26
Conversational AI Orientation – Ryan@iii.org.tw
驚人的Google Duplex (嗯哼?)
語音助理 VS. 理髮廳櫃檯
27
https://youtu.be/47xJkeG9BZI
Conversational AI Orientation – Ryan@iii.org.tw
Web -> APP -> Chatbot/VPA
你好!請問需
要什麼協助?
28
Conversational AI Orientation – Ryan@iii.org.tw
Typeform - 用即時通來回答問卷
Source:http://www.playpcesor.com/2017/03/typeform-facebook-messenger.html
29
Conversational AI Orientation – Ryan@iii.org.tw
Skyscanner - 用Chatbot查優惠機票
m.me/skyscanner
30
Conversational AI Orientation – Ryan@iii.org.tw
使用者通常拿語音助理來做什麼?
31
Conversational AI Orientation – Ryan@iii.org.tw
財務管理 語音助理
https://www.americanexpress.com/us/content/alexa/
32
Conversational AI Orientation – Ryan@iii.org.tw
Conversational UI 的時代來臨
33
Conversational AI Orientation – Ryan@iii.org.tw
企業角度:Bot服務採用的階段
我們的服務可完全在Bot上完成
我們是第一家採用Bot服務的
我們也有Bot
什麼是Bot
34
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
Conversational AI Orientation – Ryan@iii.org.tw
Chatbot/VPA 拿來做什麼用?
• 資訊查詢
• 下訂單
• 預約系統
• 組合測試
你認為什麼樣的服務最適合
用Chatbot/VPA來實作?以
及什麼樣的服務最不適合?
36
Conversational AI Orientation – Ryan@iii.org.tw
上傳作業服務
• 語意分析 + 聊天機器人+ 資料庫 + 部署上線
DialogFlow
• 意圖:繳交作業
• 資料:學號、姓名、
作業
Google
Drive
• 資料儲存
MS	Bot	Framework
Bot	Channels
Registration
37
Conversational AI Orientation – Ryan@iii.org.tw
對話流程
38
Conversational AI Orientation – Ryan@iii.org.tw
Test in Web Chat
• Google試算表上有出現資料
39
Conversational AI Orientation – Ryan@iii.org.tw
這是不是肯德基
• 語意分析 + 聊天機器人+ 認知服務 + 部署上線
DialogFlow
• 意圖:判斷品牌
• 資料:品牌名稱
認知服務
Custom Vision
Service
• 圖片分類
MS	Bot	Framework
Bot	Channels
Registration
40
Conversational AI Orientation – Ryan@iii.org.tw
測試
41
Conversational AI Orientation – Ryan@iii.org.tw
人機互動腳本準則
• 以人們真正會說的話來設計,而不是那種文章上的口吻
• 不要假設使用者知道要怎麼做或是知道會發生什麼事
真實
• 避免使用有多重含義的詞句、片語
• 引導使用者提供必要的資訊
明確
• 清楚地把選項呈現出來
• 一般而言,一次不要丟出超過三個選項
• 一次向使用者要一個資訊
簡單
42
Conversational AI Orientation – Ryan@iii.org.tw
語音助理技能設計方向
• 讓人們更快達成目的
• 語音控制音樂播放Fast
• 讓人們更簡單地達成目的
• 語音控制電燈開關、語音設定倒數計時Easy
• 增添生活趣味
• 具有挑戰性的遊戲Fun
Source:	Voice	Design	Guide	– Amazon	Alexa
43
Conversational AI Orientation – Ryan@iii.org.tw
語音助理/聊天機器人 學習地圖
雲端服務
Microsoft Azure Google CloudAWS
雲端應用
認知服務
電腦視覺
語音辨識
資料存取
Open Data
資料庫
語法基礎
Node.JS C#Python
聊天機器人 Chatbot
Microsoft Bot Framework
LineFacebook WeChat
Slack Skype Web
人工智慧語意分析應用服務
Dialogflow Wit.aiLuis.ai
語言翻譯
UI
對談介面
流程設計
語音助理 VA
Amazon Alexa
Microsoft Cortana
Google Home
44
Conversational AI Orientation – Ryan@iii.org.tw
Recap for Developer
• 新一代的開發者:Connector
• 使用者介面、處理機制與雲端資源
• Node.js 在潮流中倍受重視
• 語音助理/Chatbot 設計的第一步是釐清目標
Source	:	https://sijieand500words.com
45
Conversational AI Orientation – Ryan@iii.org.tw
Recap for All
• 自然語言交談介面裝置將大舉進入你的生活
• 語言和文化密不可分,跨領域合作優化服務
• 多元化的後端服務與資料,將產生殺手級應用
46
Conversational AI Orientation – Ryan@iii.org.tw
敬請指教
Ryan Chung
Project Manager
III Digital Education Institute
Ryan@iii.org.tw
47

Mais conteúdo relacionado

Semelhante a Conversational AI Orientation

2021 MOPCON - 行動化解決方案的技術選型, 交給 Line Bot 來搞定
2021 MOPCON - 行動化解決方案的技術選型, 交給 Line Bot 來搞定2021 MOPCON - 行動化解決方案的技術選型, 交給 Line Bot 來搞定
2021 MOPCON - 行動化解決方案的技術選型, 交給 Line Bot 來搞定
Kyle Shen
 
數位學習產業
數位學習產業數位學習產業
數位學習產業
瑗玲 宋
 
[國際菁英俱樂部 - 聊天機器人] 精修班 Global Elite Club - Chatbot
[國際菁英俱樂部 - 聊天機器人] 精修班 Global Elite Club - Chatbot[國際菁英俱樂部 - 聊天機器人] 精修班 Global Elite Club - Chatbot
[國際菁英俱樂部 - 聊天機器人] 精修班 Global Elite Club - Chatbot
Ryan Chung
 
New ratonwork bp(20 pages angelist pinch) final 902
New ratonwork bp(20 pages angelist pinch)  final 902New ratonwork bp(20 pages angelist pinch)  final 902
New ratonwork bp(20 pages angelist pinch) final 902
Wei Zhong
 
App狂潮來襲!你做好準備了嗎?
App狂潮來襲!你做好準備了嗎?App狂潮來襲!你做好準備了嗎?
App狂潮來襲!你做好準備了嗎?
Ryan Chung
 

Semelhante a Conversational AI Orientation (20)

2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
 
Let's build a user-centric team
Let's build a user-centric teamLet's build a user-centric team
Let's build a user-centric team
 
Let’s build an User-Centered Team | 張朝智
Let’s build an User-Centered Team | 張朝智Let’s build an User-Centered Team | 張朝智
Let’s build an User-Centered Team | 張朝智
 
AI in Classroom
AI in ClassroomAI in Classroom
AI in Classroom
 
Global Azure Bootcamp @ 廣州 - 智能聊天機器人四代目
Global Azure Bootcamp @ 廣州 - 智能聊天機器人四代目Global Azure Bootcamp @ 廣州 - 智能聊天機器人四代目
Global Azure Bootcamp @ 廣州 - 智能聊天機器人四代目
 
李昶翰:Microsoft Teams – No Space, No Position, and No Distance
李昶翰:Microsoft Teams – No Space, No Position, and No Distance李昶翰:Microsoft Teams – No Space, No Position, and No Distance
李昶翰:Microsoft Teams – No Space, No Position, and No Distance
 
20170108 微軟大數據整合解決方案- cortana intelligence suite
20170108 微軟大數據整合解決方案- cortana intelligence suite20170108 微軟大數據整合解決方案- cortana intelligence suite
20170108 微軟大數據整合解決方案- cortana intelligence suite
 
2021 MOPCON - 行動化解決方案的技術選型, 交給 Line Bot 來搞定
2021 MOPCON - 行動化解決方案的技術選型, 交給 Line Bot 來搞定2021 MOPCON - 行動化解決方案的技術選型, 交給 Line Bot 來搞定
2021 MOPCON - 行動化解決方案的技術選型, 交給 Line Bot 來搞定
 
數位學習產業
數位學習產業數位學習產業
數位學習產業
 
[國際菁英俱樂部 - 聊天機器人] 精修班 Global Elite Club - Chatbot
[國際菁英俱樂部 - 聊天機器人] 精修班 Global Elite Club - Chatbot[國際菁英俱樂部 - 聊天機器人] 精修班 Global Elite Club - Chatbot
[國際菁英俱樂部 - 聊天機器人] 精修班 Global Elite Club - Chatbot
 
移动互联网的微时代
移动互联网的微时代移动互联网的微时代
移动互联网的微时代
 
New ratonwork bp(20 pages angelist pinch) final 902
New ratonwork bp(20 pages angelist pinch)  final 902New ratonwork bp(20 pages angelist pinch)  final 902
New ratonwork bp(20 pages angelist pinch) final 902
 
微軟技術暨生態大會 - AI304 - 讓人工智慧為企業所用
微軟技術暨生態大會 - AI304 - 讓人工智慧為企業所用微軟技術暨生態大會 - AI304 - 讓人工智慧為企業所用
微軟技術暨生態大會 - AI304 - 讓人工智慧為企業所用
 
亞太數位創業拉力營-創業智庫召集說明與介紹 2070715
亞太數位創業拉力營-創業智庫召集說明與介紹 2070715亞太數位創業拉力營-創業智庫召集說明與介紹 2070715
亞太數位創業拉力營-創業智庫召集說明與介紹 2070715
 
Slides qian anchuan_agile requirement analysis
Slides qian anchuan_agile requirement analysisSlides qian anchuan_agile requirement analysis
Slides qian anchuan_agile requirement analysis
 
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
 
聊天機器人概論 Introduce to chat bot sevices
聊天機器人概論 Introduce to chat bot sevices聊天機器人概論 Introduce to chat bot sevices
聊天機器人概論 Introduce to chat bot sevices
 
App狂潮來襲!你做好準備了嗎?
App狂潮來襲!你做好準備了嗎?App狂潮來襲!你做好準備了嗎?
App狂潮來襲!你做好準備了嗎?
 
Jira live demo_2020_v20
Jira live demo_2020_v20Jira live demo_2020_v20
Jira live demo_2020_v20
 
Intro to AI
Intro to AIIntro to AI
Intro to AI
 

Mais de Ryan Chung

[國際菁英俱樂部 - 資料科學家] 精修班 Global Elite Club - Data Science
[國際菁英俱樂部 - 資料科學家] 精修班 Global Elite Club - Data Science[國際菁英俱樂部 - 資料科學家] 精修班 Global Elite Club - Data Science
[國際菁英俱樂部 - 資料科學家] 精修班 Global Elite Club - Data Science
Ryan Chung
 
打造你的工具人 Chatbot / Voice Assistant Development 101
打造你的工具人 Chatbot / Voice Assistant Development 101打造你的工具人 Chatbot / Voice Assistant Development 101
打造你的工具人 Chatbot / Voice Assistant Development 101
Ryan Chung
 

Mais de Ryan Chung (20)

Voice-First Games for Alexa
Voice-First Games for AlexaVoice-First Games for Alexa
Voice-First Games for Alexa
 
AI Service Integration
AI Service IntegrationAI Service Integration
AI Service Integration
 
AI Adoption in the Enterprise
AI Adoption in the EnterpriseAI Adoption in the Enterprise
AI Adoption in the Enterprise
 
AWS re:Invent 2018 Recap
AWS re:Invent 2018 RecapAWS re:Invent 2018 Recap
AWS re:Invent 2018 Recap
 
Introduction to DialogFlow
Introduction to DialogFlow Introduction to DialogFlow
Introduction to DialogFlow
 
Udacity Meet Up - 0413
Udacity Meet Up - 0413Udacity Meet Up - 0413
Udacity Meet Up - 0413
 
Amazon Alexa Development Part II
Amazon Alexa Development Part IIAmazon Alexa Development Part II
Amazon Alexa Development Part II
 
Amazon Alexa Development
Amazon Alexa DevelopmentAmazon Alexa Development
Amazon Alexa Development
 
Microsoft Professional Program - AI
Microsoft Professional Program - AIMicrosoft Professional Program - AI
Microsoft Professional Program - AI
 
AI Service Integration
AI Service IntegrationAI Service Integration
AI Service Integration
 
Hour of Code - Amazon Alexa
Hour of Code - Amazon AlexaHour of Code - Amazon Alexa
Hour of Code - Amazon Alexa
 
Intro to DialogFlow(API.ai) / Wit.ai / Luis.ai
Intro to DialogFlow(API.ai) / Wit.ai / Luis.aiIntro to DialogFlow(API.ai) / Wit.ai / Luis.ai
Intro to DialogFlow(API.ai) / Wit.ai / Luis.ai
 
資料科學的第一堂課 Data Science Orientation
資料科學的第一堂課 Data Science Orientation資料科學的第一堂課 Data Science Orientation
資料科學的第一堂課 Data Science Orientation
 
Intro to API.ai / Wit.ai / Luis.ai
Intro to API.ai / Wit.ai / Luis.aiIntro to API.ai / Wit.ai / Luis.ai
Intro to API.ai / Wit.ai / Luis.ai
 
Voice Assistant / Chatbot Development 101
Voice Assistant / Chatbot Development 101Voice Assistant / Chatbot Development 101
Voice Assistant / Chatbot Development 101
 
Intro to Python - BMI Case Practice
Intro to Python - BMI Case PracticeIntro to Python - BMI Case Practice
Intro to Python - BMI Case Practice
 
[微軟x資策會]資料科學線上課程證照(Openedx.iiiedu.org.tw)
[微軟x資策會]資料科學線上課程證照(Openedx.iiiedu.org.tw)[微軟x資策會]資料科學線上課程證照(Openedx.iiiedu.org.tw)
[微軟x資策會]資料科學線上課程證照(Openedx.iiiedu.org.tw)
 
[國際菁英俱樂部 - 資料科學家] 精修班 Global Elite Club - Data Science
[國際菁英俱樂部 - 資料科學家] 精修班 Global Elite Club - Data Science[國際菁英俱樂部 - 資料科學家] 精修班 Global Elite Club - Data Science
[國際菁英俱樂部 - 資料科學家] 精修班 Global Elite Club - Data Science
 
微軟資料科學認證課程 Microsoft Professional Program
微軟資料科學認證課程 Microsoft Professional Program微軟資料科學認證課程 Microsoft Professional Program
微軟資料科學認證課程 Microsoft Professional Program
 
打造你的工具人 Chatbot / Voice Assistant Development 101
打造你的工具人 Chatbot / Voice Assistant Development 101打造你的工具人 Chatbot / Voice Assistant Development 101
打造你的工具人 Chatbot / Voice Assistant Development 101
 

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://taipei.iiiedu.org.tw/ 2
  • 3. Conversational AI Orientation – Ryan@iii.org.tw Ryan Chung ² 主要教授科目 Ø 語音助理應用開發 Ø Chatbot應用開發 Ø Web / App 應用 ² 資策會數位教育研究所 Ø 課程經理 / 養成班導師 Ø 企業包班 / 政府專案經理 Ø 課程專任講師 /專題輔導 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 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 預測 • 2018年,會有超過20億人會以對話的形式來與 虛擬個人助理、智慧型手機以及連網裝置進行 互動 • 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 Skyscanner - 用Chatbot查優惠機票 m.me/skyscanner 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 上傳作業服務 • 語意分析 + 聊天機器人+ 資料庫 + 部署上線 DialogFlow • 意圖:繳交作業 • 資料:學號、姓名、 作業 Google Drive • 資料儲存 MS Bot Framework Bot Channels Registration 37
  • 38. Conversational AI Orientation – Ryan@iii.org.tw 對話流程 38
  • 39. Conversational AI Orientation – Ryan@iii.org.tw Test in Web Chat • Google試算表上有出現資料 39
  • 40. Conversational AI Orientation – Ryan@iii.org.tw 這是不是肯德基 • 語意分析 + 聊天機器人+ 認知服務 + 部署上線 DialogFlow • 意圖:判斷品牌 • 資料:品牌名稱 認知服務 Custom Vision Service • 圖片分類 MS Bot Framework Bot Channels Registration 40
  • 41. Conversational AI Orientation – Ryan@iii.org.tw 測試 41
  • 42. Conversational AI Orientation – Ryan@iii.org.tw 人機互動腳本準則 • 以人們真正會說的話來設計,而不是那種文章上的口吻 • 不要假設使用者知道要怎麼做或是知道會發生什麼事 真實 • 避免使用有多重含義的詞句、片語 • 引導使用者提供必要的資訊 明確 • 清楚地把選項呈現出來 • 一般而言,一次不要丟出超過三個選項 • 一次向使用者要一個資訊 簡單 42
  • 43. Conversational AI Orientation – Ryan@iii.org.tw 語音助理技能設計方向 • 讓人們更快達成目的 • 語音控制音樂播放Fast • 讓人們更簡單地達成目的 • 語音控制電燈開關、語音設定倒數計時Easy • 增添生活趣味 • 具有挑戰性的遊戲Fun Source: Voice Design Guide – Amazon Alexa 43
  • 44. Conversational AI Orientation – Ryan@iii.org.tw 語音助理/聊天機器人 學習地圖 雲端服務 Microsoft Azure Google CloudAWS 雲端應用 認知服務 電腦視覺 語音辨識 資料存取 Open Data 資料庫 語法基礎 Node.JS C#Python 聊天機器人 Chatbot Microsoft Bot Framework LineFacebook WeChat Slack Skype Web 人工智慧語意分析應用服務 Dialogflow Wit.aiLuis.ai 語言翻譯 UI 對談介面 流程設計 語音助理 VA Amazon Alexa Microsoft Cortana Google Home 44
  • 45. Conversational AI Orientation – Ryan@iii.org.tw Recap for Developer • 新一代的開發者:Connector • 使用者介面、處理機制與雲端資源 • Node.js 在潮流中倍受重視 • 語音助理/Chatbot 設計的第一步是釐清目標 Source : https://sijieand500words.com 45
  • 46. Conversational AI Orientation – Ryan@iii.org.tw Recap for All • 自然語言交談介面裝置將大舉進入你的生活 • 語言和文化密不可分,跨領域合作優化服務 • 多元化的後端服務與資料,將產生殺手級應用 46
  • 47. Conversational AI Orientation – Ryan@iii.org.tw 敬請指教 Ryan Chung Project Manager III Digital Education Institute Ryan@iii.org.tw 47