當(dāng)然也有很多的產(chǎn)品并沒有做很細(xì)致的反饋設(shè)計，操作反饋作為交互設(shè)計中一個很細(xì)小的部分不會影響用戶正常使用產(chǎn)品，但是會提升用戶使用產(chǎn)品的體驗。好的用戶體驗在B端對于用戶來說不僅降低了學(xué)習(xí)成本，也提升了工作效率。那么如何來設(shè)計操作反饋呢？

一、過程反饋

當(dāng)用戶觸發(fā)界面時，也就是人機(jī)交互時，界面給出的變化，這是過程反饋。

當(dāng)觸發(fā)結(jié)果頁面不能及時告知用戶時，例如點擊操作區(qū)域需要跳轉(zhuǎn)新頁面，或者需要展示彈窗等這一類都需要經(jīng)過一段時間才可以讓用戶看到結(jié)果的場景，需要考慮給觸發(fā)反饋。

那什么時候不需要給觸發(fā)反饋呢？例如點擊收藏，收藏的icon會變成填充樣式，用戶可以實時的感受到觸發(fā)結(jié)果，即不需要再給用戶觸發(fā)反饋。

1. 過程反饋方式

過程反饋的方式主要分為三種。

（1）視覺反饋

用戶操作界面之后，界面通過視覺的變化對用戶進(jìn)行反饋，比如：顏色、形狀、動畫等。

對于iOS系統(tǒng)，以及一些體驗較好的應(yīng)用程序分析得出主要使用場景包含：列表、宮格、操作Icon、按鈕（控件）。

場景是根據(jù)樣式的不同進(jìn)行分類的。

a. 列表

樣式：當(dāng)用戶點擊時給列表一個灰度的背景色，讓用戶知道自己已經(jīng)點擊了觸發(fā)區(qū)域。也告知用戶在當(dāng)前背景色塊上，點擊任何地方都是可以觸發(fā)的。

b. 宮格

樣式：當(dāng)用戶點擊時給宮格一個灰度的遮罩，或者是一個灰度的背景色。

c. 操作Icon

樣式：當(dāng)用戶點擊時，Icon降低透明度。

d. 控件

只根據(jù)控件樣式來進(jìn)行舉例說明，例如actionsheet，在樣式上可以根據(jù)列表樣式做統(tǒng)一規(guī)范。

Button樣式：當(dāng)用戶點擊時，按鈕變色，如果是次級描邊按鈕，也可以增加填充的色塊。

e. 步進(jìn)器

樣式：給點擊區(qū)域一個背景色。

f. 鍵盤

樣式：在點擊時，會給一個填充的背景色、或者進(jìn)行反色處理。

（2）觸覺反饋

• 用戶操作界面之后，界面通過作用力、振動等一系列變化對用戶進(jìn)行反饋。
• 當(dāng)觸發(fā)區(qū)域有多個操作方式時，例如ios長按應(yīng)用會有popup彈出，同時手機(jī)會震動響應(yīng)用戶。
• Tab 切換時：飛書對于底部Tab切換時，會有震動提醒用戶多選。
• 例如阿里云盤長按文件進(jìn)行多選操作時，會有震動提醒用戶。

（3） 聽覺反饋

用戶操作界面后，界面通過聲音對用戶進(jìn)行反饋。

iOS設(shè)置手機(jī)鈴聲時，選擇不同的鈴聲時，會自動播放鈴聲。

2. 過程反饋設(shè)計規(guī)范

過程反饋設(shè)計規(guī)范可根據(jù)產(chǎn)品界面的不同元素制定反饋樣式。這本身是一件比較細(xì)致的工作，可能花費較大的工作量，所以在實際工作中也可根據(jù)產(chǎn)品功能的優(yōu)先級，安排迭代順序。

二、結(jié)果反饋

當(dāng)系統(tǒng)對用戶的操作，或因用戶的行為導(dǎo)致的變化結(jié)果，給出的反饋就是結(jié)果反饋。

由于結(jié)果反饋的文章講解特別多，這里就不再過多贅述，簡單的總結(jié)一些常用的結(jié)果反饋方式。

結(jié)果反饋方式可分為4種樣式：

1. 彈窗反饋

彈窗分為模態(tài)彈窗和非模態(tài)彈窗。

模態(tài)彈窗會打斷用戶當(dāng)前操作流程，也是一種強(qiáng)提示，用戶必須和彈窗進(jìn)行交互，才能進(jìn)行之后的操作。

非模態(tài)彈窗一般出現(xiàn)2-3秒之后，自動消失，不會對用戶造成干擾，屬于輕量級提示。

例如當(dāng)新建表單時，點擊提交按鈕，toast提示提交成功，這就是使用了非模態(tài)彈窗對用戶的操作進(jìn)行了輕量級反饋。

若刪除文件時，一般會彈出一個對話框，讓用戶再次確認(rèn)刪除后的一些影響，是否刪除？這就是使用了模態(tài)彈窗對用戶的操作進(jìn)行的強(qiáng)反饋。

2. 校驗反饋

一般用做表單的校驗，讓用戶知道自己所填寫項的狀態(tài)，例如輸入內(nèi)容是否合理，該如何填寫等提示。