這是2017年的第四篇文章。
針對消息提醒和對用戶行為反饋的思考,引發(fā)了我寫這篇文章。
1.反饋
互聯(lián)網(wǎng)產(chǎn)品存在兩套反饋機制,一套是有明顯界面變動的反饋,例如你點擊淘寶列表頁,立馬就進入了商品詳情頁,頁面的及時跳轉(zhuǎn)是明顯的視覺反饋;再比如你輸入完賬號密碼,點擊登錄,登錄成功,進入APP首頁,這也是很明顯的視覺反饋。
但,如果某種反饋不明顯該怎么辦?例如,登錄的時候輸錯了賬號密碼,點擊登錄,是進入不了APP的,這個時候大部分產(chǎn)品都會給予toast提示用戶:密碼或賬號輸入錯誤,請重試。看到這個提示之后,就會知道自己該怎么做了。這就是反饋的第二套機制:通過一定的形式來提示用戶。
常見的反饋有三種形式:toast、snackbar、dialog。
2.Toast
toast屬于一種輕量級的反饋,常常以小彈框的形式出現(xiàn),一般出現(xiàn)1到2秒會自動消失,可以出現(xiàn)在屏幕上中下任意位置,但同個產(chǎn)品會模塊盡量使用同一位置,讓用戶產(chǎn)生統(tǒng)一認知。
在樣式上,盡量和產(chǎn)品整體風格保持一致,這樣會更和諧,不至于突兀。
3.Snackbar
Snackbar繼承了toast的所有特性,即:為小彈窗的形式,會自動消失。但有三個差異化:①可以出現(xiàn)0到1個操作,不包含取消按鈕;②點擊Snackbar以外的區(qū)域,Snackbar會消失;③一般只出現(xiàn)在屏幕底部。
Snackbar只出現(xiàn)在Android平臺,提示程度比toast稍重,介于Toast和Dialog之間。
Snackbar使用場景:當你刪除某張照片時,可以在屏幕底部出現(xiàn)Snackbar,提示“照片成功刪除”,并附帶撤銷操作,當用戶點擊撤銷時,照片可恢復。用戶不進行操作Snackbar則消失,照片刪除成功。
4.Dialog
如果Toast和Snackbar兩種形式都不足以達到你需要的反饋強度,則推薦使用Dialog的形式,即對話框提示。
如上圖,Dialog有兩種使用場景,第一是很強的消息提示;第二是重要的運營消息。
由于Dialog不會自行消失,必須用戶操作后(點擊確定或關閉)才能消失,所以會打斷用戶當前任務,這會增加用戶的焦慮和不安感,影響用戶體驗,請謹慎使用。如果一定要使用Dialog形式來提示用戶,可以嘗試在視覺上做得更有趣,減少用戶的焦慮和不安。
除了Toast、Snackbar、Dialog之外,還有一種臨時框,叫Actionbar,該提示框一般用于讓用戶選擇操作,而不是作為反饋或消息提示。
所有的設計形式都是服務于產(chǎn)品功能,而產(chǎn)品功能則來源于用戶需求、公司戰(zhàn)略、老板意志等方面。在知道每種設計形式的來龍去脈的基礎上,讓設計形式服務好用戶和公司。
5.總結(jié)
人機交互最重要的一條原則之一:反饋。我們拿人與人之間打比方,和某朋友聊天,你依據(jù)他一句,針對你的每個話題他都在給你反饋,有言語的反饋、表情和動作的反饋等。試想一下,如果某個傻逼朋友,你說一句,他半天不理人,你會不會很懊惱?為什么?因為他沒有給你應有的反饋。
當你在和互聯(lián)網(wǎng)產(chǎn)品交互時,產(chǎn)品會給你視覺(界面的變動)、聽覺(提示音)、觸覺(震動)的反饋,聰明的產(chǎn)品會在恰當?shù)臅r間給予恰當?shù)姆答仯环答仭⒎答伈患皶r、反饋不對都會讓用戶反感你的產(chǎn)品,從而失去用戶。
?