Facebook Messenger聊天機器人交互界面-親測體驗分析

[設計思維] [人工智能]

封面用研原創(chuàng)文章:王蔣艷

附:《Cheat Sheet: All Facebook Messenger Bots Interactions》

在今年4月下旬的昨晚的 F8 開發(fā)者大會上贩疙, Facebook messenger事業(yè)部副總裁 David Marcus,宣布了新一代 Messenger 平臺的誕生——即 Messenger Platform 2.0。目前Messenger chat平臺上有11000多個機器人荆针,覆蓋娛樂粤剧、財務、食品飲料、健康健身静袖、新聞以及效率等個大類寡痰,我們就其主要類別的聊天機器人進行了體驗抗楔。

即將添加的 Discover Tab 則是專屬的聊天機器人尋找區(qū),為用戶所在區(qū)域內最好的聊天機器人和商業(yè)交互提供露出氓癌。在 Discover Tab谓谦,用戶能找到最近使用的 chatbot ,瀏覽 chatbot 分類贪婉,看到正在流行的 chatbot反粥,以及進行搜索。用戶可在進入對話環(huán)節(jié)之前,看到 chatbot 的功能介紹才顿。

新聞媒體類

The Wall Street? Journal莫湘,BBC ,CNN郑气,washtong post都是媒體類最先加入機器人浪潮的幅垮。


Messenger Chatbot 華爾街日報聊天機器人試用

第一次進入華爾街日報機器人的時候,我們第一眼看到的是一個文本的歡迎頁尾组,和一些基礎設置的介紹忙芒。和我們通常的移動端APP的固定的交互有些不一樣,在對話頁我們很少看到類似表格讳侨,按鈕呵萨,復選框等復雜的形態(tài)。

CNN跨跨,Washington Post,The Wall Street Journal 等聊天機器人

在facebook聊天機器人的交互規(guī)范里潮峦,提到開發(fā)者最好發(fā)送一些結構化消息幫助用戶完成任務,獲取信息或者回復用戶的疑惑勇婴。上圖中可以看到忱嘹,針對一則新聞他們以圖片+標題+按鈕的形式(也可以是純文本+按鈕的形式)。讓用戶不用過多的思考耕渴,就可以選擇他們是否想繼續(xù)看新聞詳情拘悦,還是只是想獲取該新聞的梗概,或是讓機器人再給你推送一些別的新聞橱脸。總之在這種結構化的消息里窄做,給予用戶有限且有效的操作路徑,這樣用戶會更快更好的明白你這個機器人能給他們提供什么慰技,而不是陷入對話的死循環(huán)里椭盏。

除了基礎的文本聊天,Messenger chatbot 可以使用好幾種聊天類型:文本吻商,文件掏颊,照片,語音等富媒體艾帐。

messenger chatbot借助其平臺的優(yōu)勢乌叶,人機對話也保留了和普通用戶對話時的很多有趣的功能。比如能針對某段話進行點贊柒爸,有7種情緒表情可以使用准浴,點擊情緒表情后的動效也使得功能增色不少。小瘋機器人的平臺也可借鑒這種功能捎稚,用戶能對小瘋的某段回復進行有針對性的反饋標記乐横,比如設計幾種情緒表情“不感興趣”“喜歡”“憂傷”等貼在回復上求橄,可以幫助小瘋進行機器學習。

娛樂類

由于目前的Messenger版本還沒有更新Discover Tab 葡公,所以只搜索到了僅有的一些娛樂chatbot.? Trivia Blast是一個提供知識問答的機器人罐农。Swelly是一個生活類的投票機器人, 值得一提的是當我進行了好幾組投票之后催什,它會主動問我的年齡涵亏,以便推送更適合我的投票。這種循序漸進的獲取用戶信息的方式蒲凶,會讓用戶更容易接受气筋。

Trivia Blast? / Sweelly

電商類

電商類的chatbot,做的比較好的是優(yōu)衣庫的Uniglo IQ 和時尚購物助手chatShopper .

Uniglo IQ只給你推薦當季新品,針對服飾這種非標類的商品旋圆,建立了一套很流暢的導購閉環(huán)路徑裆悄。用戶點進來,第一步:先通過底部的藍色標簽讓用戶選擇大類是”女士“還是”男士“? 第二步:選了大類后會直接推送熱門款式合集給你臂聋,你可以點開看,也可以繼續(xù)通過標簽篩選服飾品類是“襯衫”還是“T恤”或南。第三步:篩選衣服的型號和顏色? 第四步:推送有貨的門店地址給你孩等。

優(yōu)衣庫的Uniglo IQ? 和? 時尚購物助手chatShopper

如果用戶在某個環(huán)節(jié)停下來了,Uniglo IQ會很貼心的告訴用戶“Or tell me exactly what you're looking for.”? 采够。我試著打了一些不相關的話語給它肄方,它會明確的回復“I think that's out of my territory. How about this stuff? ?? or ??”。它會一直跟用戶強調自己的功能蹬癌,是一個目的明確的chatbot权她。

相比Uniglo IQ? ,? chatShopper更像一個時尚顧問,它不會像Uniglo IQ一樣按照類目層層篩選東西給你逝薪,它一上來就會問你要不要看看這批“blue sneakers" ,你看到喜歡的可以直接購買隅要,也可以加入心愿單《茫或者你還可以傳一張圖片讓它給你找相似款步清。

最后我在體驗中也注意到,它們的chatbot負責推薦商品完成導購這一重要環(huán)節(jié)虏肾,至于購買行為--付費+填地址等繁瑣的環(huán)節(jié)廓啊,并不會放到機器人對話中來。

健康健身類

健身類我體驗了這個叫kerker的瘦身機器人封豪。對話前期谴轮,kerker對我的資料進行了搜集,我的每一句回復,都會得到它的鼓勵吹埠,而且它還會貼心提醒你“這是最后一個問題了”第步。Kerker的說話風格和它的頭像一樣萌萌的疮装,通過這些統(tǒng)一的具有它性格特點的語料,用戶會加深對這個機器人的印象和情感雌续。

其他

讓人印象最深刻的是這個叫poncho的天氣播報機器人斩个。它不是刻板的告訴你天氣,它還會給你發(fā)一張搞笑GIF圖驯杜,和一段笑話受啥。與它對話時,用戶會從它的語料中感到輕松愉悅鸽心。

期待Messenger的bot 商店正式上線滚局,這樣用戶就能輕松方便的體驗更多有趣的聊天機器人了。

附:

Cheat Sheet: All Facebook Messenger Bots Interactions

Onboarding

The very first screen that your users will see once your bot is discovered is the “Welcome” screen where you can introduce your bot using 160 characters maximum.

Use this screen to set expectations for your users and communicate your main functionality.

Once a user taps the “Get Started” button, your interactions begin with the welcome greeting from your bot. Try to be specific about the experience you have created, clarify your functionality, and describe the next steps to encourage users to respond.

The welcome message is a good place to share the basic commands, keywords, or terms people can use to ask for help. Use buttons to add more structure to your messages.

You can personalize your bot experience using a user’s profile data?—?such as name or location?—?to pick the right language or the correct time zone.

Messaging

There are several message types your bot can use: text, files, and rich media such as image, video, and audio. Any attachments can be uploaded directly or you can provide them via a URL link.

You can also send structured messages that help users complete tasks, get information, or answer their questions. Try to keep the text on the buttons under 20 characters (including spaces).

Don’t use standalone questions as this this could encourage people to respond in the ways you don’t support. To avoid that add buttons with the specific answers to the message and ask people to choose one.

If you require a greater hierarchy, use a generic template that allows you to use a combination of text, images, and buttons. Photos in the generic template are 1.91:1. If you want to send multiple similar messages, use carousels.

Navigation (persistent menu)

One of the elements that will help people keep from getting lost is the persistent menu. It is always available, and it should contain top-level actions that users can access any time. Persistent menus communicate the basic capabilities of your bot and allow easy access to the bot’s functionality.

This menu will automatically appear in a thread if the user returns after being away for a long time.

Templates

The Facebook Messenger platform has several convenient templates like receipts or list templates for the commerce experience and airline templates for sending people their itineraries, check-in reminders, and flight status updates.

Buttons

Buttons give people choices and direct them toward certain actions. There are several types of buttons you can use.

URL buttons. These send people outside Messenger. Make sure you do not use URLs for every button and try to build more interactions within Messenger.

Buy buttons. These open a native checkout dialog box and allow people to make purchases quickly.

Share buttons. These open a native share dialog box in Messenger and allow users to share a bot’s message with any Facebook friend.

Webviews open convenient ways to avoid the limitations of the platform and to show users any information in any format you like inside Messenger. Webviews support HTML, CSS, and JavaScript and allow you to create experiences that look and feel like part of the thread.

Quick Reply is another type of button inside Messenger. When this button is tapped, the buttons are dismissed so users can’t change their selection. You can use images inside Quick Reply. There is also a special type that will prompt a person for his or her location.

On the cheat sheet below, you can find all the tools available to help configure the experience people have with your bot .

To find out more details on each element and get to know the technical details, please visit the Facebook Messenger platform guidelines.


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末顽频,一起剝皮案震驚了整個濱河市藤肢,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌糯景,老刑警劉巖嘁圈,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異蟀淮,居然都是意外死亡最住,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進店門怠惶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來涨缚,“玉大人,你說我怎么就攤上這事策治∨海” “怎么了?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵通惫,是天一觀的道長茂翔。 經(jīng)常有香客問我,道長履腋,這世上最難降的妖魔是什么檩电? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮府树,結果婚禮上俐末,老公的妹妹穿的比我還像新娘。我一直安慰自己奄侠,他們只是感情好卓箫,可當我...
    茶點故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著垄潮,像睡著了一般烹卒。 火紅的嫁衣襯著肌膚如雪闷盔。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天旅急,我揣著相機與錄音逢勾,去河邊找鬼。 笑死藐吮,一個胖子當著我的面吹牛溺拱,可吹牛的內容都是我干的。 我是一名探鬼主播谣辞,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼迫摔,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了泥从?” 一聲冷哼從身側響起句占,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎躯嫉,沒想到半個月后纱烘,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡祈餐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年擂啥,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片昼弟。...
    茶點故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖奕筐,靈堂內的尸體忽然破棺而出舱痘,到底是詐尸還是另有隱情,我是刑警寧澤离赫,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布芭逝,位于F島的核電站,受9級特大地震影響渊胸,放射性物質發(fā)生泄漏旬盯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一翎猛、第九天 我趴在偏房一處隱蔽的房頂上張望胖翰。 院中可真熱鬧,春花似錦切厘、人聲如沸萨咳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽培他。三九已至鹃两,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間舀凛,已是汗流浹背俊扳。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留猛遍,地道東北人馋记。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像螃壤,于是被迫代替她去往敵國和親抗果。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,601評論 2 353

推薦閱讀更多精彩內容

  • PLEASE READ THE FOLLOWING APPLE DEVELOPER PROGRAM LICENSE...
    念念不忘的閱讀 13,470評論 5 6
  • 覺得來來去去太多次了奸晴,自己應當不再糾結于情感的波折冤馏。但那種不確定與憤恨,從還未離家前的怒氣就一覽無遺寄啼。莫名其妙的發(fā)...
    言姱閱讀 341評論 0 1
  • 1 又是周五逮光,四點三十分,米完成了查新報告墩划,檢查了一遍涕刚,確定沒有格式和標點符號的錯誤,QQ上點了發(fā)送乙帮,負責審核的同...
    月光灑落閱讀 567評論 6 5
  • 拼命奔跑杜漠,華麗跌倒,笑看紅塵察净,瀟灑走人間驾茴,到了和訓練營說再見的時候了。 認識拆書幫很久了氢卡,可都是站在門口望了望那只...
    想去烏鎮(zhèn)的阿夫閱讀 217評論 0 0
  • 前兩天朋友圈的一個問題讓我駐足思考了一會兒:時間到底改變了我們什么锈至?我想了想,在評論里給出的答案是眼界译秦。后來又想了...
    金色的娜小姐閱讀 623評論 0 4