（全文716字，9圖，預(yù)計閱讀3分鐘）

當我們在使用產(chǎn)品（PC/App）時，

有遇到哪些『提示』場景呢？

最常見的——【Toast提示】

其實，還有很多『提示』場景，且往后看。

提示功能是互聯(lián)網(wǎng)產(chǎn)品設(shè)計中常見的一種"交互"，按《微交互》作者提的，任一項交互操作都有觸發(fā)器、規(guī)則、反饋。

【提示】功能的交互也不例外。

一、提示功能的觸發(fā)器有哪些呢？

（1）頁面元素——文本框

（2）頁面元素——按鈕

（3）頁面元素——icon

（4）業(yè)務(wù)

二、提示功能的規(guī)則有哪些？

（1）鼠標移入時，

（2）鼠標懸停時，

（3）獲取焦點時（比如文本框編輯狀態(tài)）

（4）失去焦點時（比如文本框輸入完成時）

（5）按鈕點擊時

（6）頁面刷新（關(guān)閉）時

三、提示功能的反饋有哪些種類？

（1）信息告知型提示

可以理解為"只消費數(shù)據(jù)"，不"生產(chǎn)數(shù)據(jù)"，用戶只需閱讀知曉。

適用場景：某一項操作，成功后的提示告知。

（2）確認型"提示"

需要用戶做相應(yīng)的操作選擇。

適用場景：常用于"高危操作"時的二次確認，比如刪除操作。

（3）紅框紅字型提示

適用場景：常見于文本框輸入內(nèi)容（或格式）不符合要求，頁面給出的提示。

（4）icon型幫助提示

當某一項業(yè)務(wù)操作時，新用戶對于此功能（或者字段）不熟悉，可點選相應(yīng)元素提示幫助，熟悉操作背景。

（5）Loading型提示

適用場景：當某一報表進行查詢時，因后臺查詢數(shù)據(jù)量大，給前臺用戶的一種過渡提示，常用Loading提示。

缺點：用戶不能感知進度的預(yù)計完成時間。

（6）進度條型提示

比Loading型提示更優(yōu)，可顯示完成進度（一般用百分比顯示），可預(yù)估預(yù)計完成時間。

給用戶一種上"控制感"。

（7）離開型提示

當頁面填寫部分數(shù)據(jù)，而此時又需要關(guān)閉（菜單/頁面）執(zhí)行其他任務(wù)時，頁面給出的離開型提示，提示是否保存草稿。

適用場景：常用于一些表單填寫頁面，保存草稿提示。

（8）當然，開篇提到的Toast提示

以上是筆者做SaaS產(chǎn)品遇到的『提示』類需求產(chǎn)品設(shè)計小思考，歡迎補充指正。