超全面!聊天機器人的界面交互設計實戰經驗總結

最近在做智投App的機器人Neo的原型設計,是一個chatbot聊天機器人,整理了一下關于聊天機器人設計的一些心得。

歡迎關注作者的微信公眾號:「交互視角」

一.?背景:

這是Neo的第一個版本。Neo通過問答的方式了解用戶的基本信息、投資偏好及投資目的等信息,用戶通過直接文字回復和點擊選項進行回復對話,最終產出供用戶參考的資產配置方案。

二.?設計要點:

1. 以問答的方式開始與用戶互動,不要讓用戶一進來就不知道該干什么

超全面!聊天機器人的界面交互設計實戰經驗總結

機器人進來跟用戶寒暄之后需要跟用戶進行有效互動,讓用戶知道接下來能干嘛,不能陷進死胡同里。如果可以的話,機器人應該盡快跟用戶表明自己的功能,是一個有明確目的的機器人。

左圖中,機器人上來就是打了個招呼,用戶不知道該如何回復。并且在用戶回復完之后,又無緣無故的不搭理用戶。即使用戶的問題機器人不知道怎么回答,也要勇于承認,及時給用戶反饋。

如果需要問一些用戶有可能不太愿意直接回答的問題時,一定要解釋清楚問問題的原因以及對于用戶的意義是什么。如圖中我們需要問用戶的真實年齡,雖然有些無理,但是這對于輸出資產配置方案很重要。

2. 采用多種方式循序漸進地向用戶提問

Neo需要通過對話了解用戶的信息,從基本信息收集到投資偏好了解到投資目的的挖掘,超過10道題。

應該循序漸進的方式依次問用戶,最好是采用多種形式提問,并形成有效互動,這樣才更容易讓用戶接受。如果直接按部就班提問而不與用戶互動,很有可能用戶就失去耐心而離開界面。

本版本的Neo采用問答對話、單選題、多選題的方式向用戶提問收集用戶資料。

超全面!聊天機器人的界面交互設計實戰經驗總結

3. 用戶做了回答以后,機器人要有相應的反饋

超全面!聊天機器人的界面交互設計實戰經驗總結

如圖,當用戶選擇了退休后在杭州西溪濕地旁時,Neo會回復與杭州相關的會話,讓用戶覺得Neo是聰明的,是在聽他講話并能做出相應回應的,而不是一個收集數據的機器。

4. 記住用戶的答案,下次進來時不需要重新開始對話

超全面!聊天機器人的界面交互設計實戰經驗總結

如果用戶已經做完了Neo的所有問題,產出了具體的配置方案,那么當用戶下次再點擊進入該會話時,不需要重新從第一個問題開始,而是會記錄用戶所有問題的答案,并在第一屏給出配置方案的快捷入口。

當然,間隔一段時間之后,用戶可以選擇重新回答Neo的相關問題,產出新的資產配置方案。

5. 不需要機器人完成所有的任務

超全面!聊天機器人的界面交互設計實戰經驗總結

機器人只負責手機信息并產出產品配置方案就完成了,用戶查看、挑選、申購產品并不是由機器人來完成。

三.?相關交互細節

1. 在對話框中,有些不是用戶直接輸入回答,而是需要進行選擇的。

當遇到單選題時,Neo先說出問題,并在用戶會話的那一側(右側)顯示出選項,這樣用戶就很自然的選擇點擊某一個選項,用戶點擊選擇之后,則會將該答案作為對話發出來。用戶瀏覽整個對話時,看上去還是一問一答的對話形式。

下圖是單選的交互方式:

超全面!聊天機器人的界面交互設計實戰經驗總結

一開始設計的時候,是將問題的選項放在Neo那一側,后來調整為放在右側,并新增提示語,“請選擇一個”。放在左側作為題目,用戶不仔細看,都不知道該操作什么,而放在用戶的那一側,是在想用戶暗示,這屬于用戶輸入的部分。如下圖:

超全面!聊天機器人的界面交互設計實戰經驗總結

2. 設計多選題時,當用戶選擇完多個選項之后,需要點擊提交按鈕確認之后才形成有效對話。

超全面!聊天機器人的界面交互設計實戰經驗總結

3. 當Neo詢問年齡時,彈出數字鍵盤,用戶只可以輸入數字,在鍵盤上顯示出單位“歲”,默認值顯示30,引導用戶輸入,有助于降低用戶的出錯率。

超全面!聊天機器人的界面交互設計實戰經驗總結

4. 當機器人在輸入內容或運算產出方案時,可能需要一些時間,這時需要向用戶展示Neo正在輸入或運行,否則用戶不知道該做什么,會話是否已經結束。

超全面!聊天機器人的界面交互設計實戰經驗總結

5. 當用戶回答出錯時,可以友好的提醒用戶。但如果用戶一直出錯,告知用戶答案不正確,及時進入下一題,不要在同一個無問題上糾結太久陷進死胡同。

超全面!聊天機器人的界面交互設計實戰經驗總結

四. 總結

Neo機器人扮演的是一個投資理財顧問的角色,通過與用戶的聊天,收集用戶基本信息、投資偏好、投資目標等信息,而這些信息以前都是用戶在線下填寫相當冗長復雜的表格完成的。并且可以通過對話產出符合用戶的資產配置方案。機器人正在潛移默化的改變著各個行業的操作模式。

聊天機器人剛開始可能并不是非常聰明,但是我們可以通過設計來讓它盡可能表現得聰明;即使有時候它犯錯了或不知道該如何處理與用戶的對話,及時告知用戶,時刻表明它現在所處的狀態,不讓用戶等待或困惑,也是一種不錯的方式。

對話式交互相關好文合集」

  1. 《圖形界面的末路?聊聊未來可能會流行的「對話式交互」》
  2. 《2016年最火的對話式UI,2017年會走向何處?》

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================明星欄目推薦================

優優教程網 UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

設計導航:國內人氣最高的設計網址導航,設計師必備:http://hao.uisdc.com

收藏 21
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。