編輯導(dǎo)語：在使用一款A(yù)PP或者任何一款產(chǎn)品時(shí)，我們的很多操作行為都希望能夠得到滿意的反饋，一個(gè)舒適的反饋可以瞬間提升用戶的好感，進(jìn)而轉(zhuǎn)化成忠誠用戶。那么，基于場景的反饋設(shè)計(jì)到底應(yīng)該怎么做呢？

在日常生活中，我們的很多行為都期待能得到反饋，或者說如果行為得到了反饋能激勵(lì)鼓勵(lì)我們繼續(xù)下去的熱情，比如發(fā)了朋友圈之后朋友們的點(diǎn)贊評(píng)論，在群里發(fā)言后有人回應(yīng)，投遞稿件之后有了進(jìn)度回應(yīng)等等。

即使反饋的并不是好的結(jié)果，也總比石沉大海好很多，因?yàn)槲覀冃枰ㄟ^反饋來決定下一步該做什么，這就是反饋的意義。

一、什么是反饋

在軟件設(shè)計(jì)中的反饋，其意義在于告知用戶當(dāng)前操作的結(jié)果、所處狀態(tài)、接下來該怎么辦。如果沒有反饋，會(huì)讓用戶認(rèn)為軟件反應(yīng)遲鈍，無法使用，從而導(dǎo)致體驗(yàn)差勁用戶流失。

本文中的反饋定義為：用戶操作后能獲得的可感知的結(jié)果提示，并可以幫助用戶明確下一步操作。

反饋常見的出現(xiàn)時(shí)機(jī)與其作用：

1. 操作成功——告知用戶操作已完成，可進(jìn)行其他操作；
2. 操作失敗——告知用戶操作失敗，可重試、放棄、嘗試其他操作；
3. 操作進(jìn)行中——告知用戶系統(tǒng)正在處理操作，可等待、放棄、進(jìn)行其他操作，或?qū)τ脩舢?dāng)前操作的引導(dǎo)。

二、反饋的場景

反饋的場景即當(dāng)前操作的使用場景，這將決定需要給用戶反饋哪些信息，以及使用哪種反饋方式，以下將常見場景進(jìn)行分類整理：

1. 降低打擾——高頻操作、頁面變化明顯

用戶需要經(jīng)常操作，即對(duì)該操作及其操作結(jié)果熟悉，或操作后可以直接在界面上顯示操作結(jié)果，此時(shí)的操作中與操作后反饋就要注意在視覺、聲音、持續(xù)時(shí)間上都要降低打擾，不影響用戶接下來的操作。

1）高頻操作

管理者審批單據(jù)，幾乎是每天都會(huì)操作，所以只需要告知用戶操作完成并自動(dòng)跳轉(zhuǎn)進(jìn)行下一個(gè)審批即可。

2）頁面變化明顯

微信的標(biāo)為未讀功能，標(biāo)記后出現(xiàn)的紅點(diǎn)已經(jīng)可以很好的反饋給用戶操作成功的狀態(tài)，而且點(diǎn)擊后即可恢復(fù)，所以不需要額外的反饋；以及微信修改拍一拍的信息，修改后點(diǎn)擊完成，會(huì)直接回到個(gè)人信息頁，可直接看到修改成功的結(jié)果，已足夠反饋操作成功給用戶了。

2. 明確清晰——低頻操作、頁面無明顯變化

用戶操作較少，只是偶爾有需要才只用，甚至只會(huì)使用一次，那在操作前需要給足夠的說明，在操作時(shí)一般也需要給二次確認(rèn)，以及需要明確操作結(jié)果。

微信密碼是不會(huì)直接顯示在界面上的，所以在修改完成后會(huì)有toast提示修改完成，告知用戶操作成功。

3. 說明指引——敏感操作、后續(xù)操作說明

連續(xù)性流程、專業(yè)性較強(qiáng)的流程需要在操作后告知用戶當(dāng)前狀態(tài)及之后的結(jié)果。比如銀行卡轉(zhuǎn)賬可能會(huì)持續(xù)兩小時(shí)后才能成功，所以需要單獨(dú)用一個(gè)結(jié)果頁來告知用戶。

1）支付寶轉(zhuǎn)余額寶

4. 情感化反饋——激勵(lì)用戶、樹立品牌形象。

反饋除了有無以外，還有負(fù)面和正面，正面的反饋能營造品牌形象，或激勵(lì)用戶現(xiàn)在或之后能更愿意去操作，比如點(diǎn)贊時(shí)的特效、活動(dòng)按鈕特效、游戲裝備強(qiáng)化時(shí)的動(dòng)畫等，甚至只是將toast里的提示改為更口語化更可愛的語言，主要還是運(yùn)用視覺和動(dòng)效等反饋方式來加強(qiáng)用戶的情感感知。

2）ZUIVogue喜歡反饋，點(diǎn)擊后會(huì)有動(dòng)畫效果來讓用戶感知到操作成功，同時(shí)有趣的動(dòng)畫可以激勵(lì)用戶多多點(diǎn)擊，也樹立了APP有趣有創(chuàng)意的形象。

5. 及時(shí)反饋——實(shí)時(shí)提醒用戶。

反饋還可以用來幫助用戶操作，實(shí)時(shí)反饋能直接告知用戶當(dāng)前狀態(tài)正確與否，而不是等到用戶提交的時(shí)候再告知哪里有錯(cuò)誤導(dǎo)致操作失敗。

常見的是填寫表單，當(dāng)填寫完，字段失去焦點(diǎn)時(shí)，會(huì)實(shí)時(shí)告知用戶填寫有誤，用戶就可以立即修改，而不是等到提交的時(shí)候在告知因?yàn)橛绣e(cuò)誤所以無法提交。

3）填寫表單實(shí)時(shí)反饋填寫結(jié)果

4）在Apple自帶的圖片編輯中，左右滑動(dòng)調(diào)整參數(shù)時(shí)會(huì)有震動(dòng)反饋，模擬硬件滾輪的觸感來告知用戶正在調(diào)整中；而黃油相機(jī)在調(diào)整參數(shù)時(shí)，僅當(dāng)參數(shù)回到默認(rèn)值時(shí)會(huì)給出反饋，提示用戶當(dāng)前處于默認(rèn)值。

6. 前置反饋——提前洞察用戶需求與幫助。

貼心的應(yīng)用在用戶操作前也在一直關(guān)注用戶的一舉一動(dòng)，就能在用戶遇到困難前就找出問題所在，并幫助用戶解決問題。

5）微信掃碼時(shí)，當(dāng)檢測到光效較暗時(shí)，會(huì)提示用戶點(diǎn)亮手電筒，而不是讓用戶從系統(tǒng)中打開手電筒。

6）在營銷領(lǐng)域中，掃描商品串碼時(shí)，若發(fā)現(xiàn)用戶在掃描界面停留太久（10s），就會(huì)提示用戶串碼可能無法識(shí)別，建議進(jìn)行手動(dòng)輸入。

小結(jié)：確定反饋場景，可以通過使用頻率、功能專業(yè)度、等待時(shí)間長短、是否需要激勵(lì)等維度，確定反饋場景后再設(shè)計(jì)合適的反饋方式。

三、反饋的方式

在做反饋設(shè)計(jì)時(shí)需要先確定產(chǎn)品定位、功能定位、使用場景，再來選擇合適的反饋方式，常見的反饋方式有但不限于：彈窗、toast、新開頁、動(dòng)畫、聲音、震動(dòng)、頁面元素。

1. 彈窗

對(duì)用戶打擾較大，但可以做一定的后續(xù)說明。

2. toast

在高頻操作時(shí)常用的輕量化反饋，使用時(shí)要注意顯示時(shí)間，以及是否需要頁面操作遮罩，會(huì)影響頁面是否可以直接操作。

3. 新開頁

在功能專業(yè)性較強(qiáng)或操作持續(xù)時(shí)間較久時(shí)，對(duì)用戶進(jìn)行確認(rèn)和說明。

4. 動(dòng)畫

在激勵(lì)用戶時(shí)常用，在游戲中，會(huì)用狂拽炫酷的裝備升級(jí)動(dòng)畫來區(qū)分裝備等級(jí)，等級(jí)越高越絢麗，用戶的榮譽(yù)感就越強(qiáng)，就越想繼續(xù)打出更好的裝備。

還有一個(gè)常用的動(dòng)畫場景，就是在長時(shí)間的等待頁面上，比如加載頁，大文件導(dǎo)出過程反饋，下載過程反饋等，可以讓用戶在等待過程中也體會(huì)到樂趣。

5. 聲音、震動(dòng)

這兩種反饋方式使用場景比較類似，常用于用戶點(diǎn)擊時(shí)，或進(jìn)程結(jié)束時(shí)的反饋，可以模擬真實(shí)事件聲音，比如PC端清空垃圾桶會(huì)有模擬倒紙張的聲音；或者一些有趣舒服的聲音，比如IOS發(fā)送短信時(shí)的聲音。

不過在負(fù)面反饋時(shí)，一定要注意使用聲音，過于尖銳或緊張的聲音本身就會(huì)給用戶帶來煩躁，何況還伴隨著負(fù)面通知（比如以前windows系統(tǒng)報(bào)錯(cuò)時(shí)的“?！保?。

6. 頁面元素

有時(shí)候反饋并不需要把“操作成功/失敗”直接告訴用戶，在一些場景中直接把操作后的頁面元素結(jié)果展示給用戶也許是最直接的反饋。

比如在發(fā)彈幕時(shí)，自己發(fā)送的彈幕會(huì)特殊化，B站簡單粗暴地把自己發(fā)的彈幕框了起來，這樣用戶就已經(jīng)得到了發(fā)送成功的反饋。

四、總結(jié)

反饋存在于用戶的每個(gè)操作里，是用戶最常見的交互元素之一，而且在同一個(gè)系統(tǒng)中，不同功能、不同頁面、不同場景下的反饋都可能不一樣，雖然它可能并不影響主流功能，但也是設(shè)計(jì)師需要注意和花費(fèi)心思的地方——先確定當(dāng)下操作的反饋場景，再尋找合適的反饋方式。

作者：皮卡澈? ?公眾號(hào)：澈兒的交互實(shí)習(xí)日記

本文由 @皮卡澈 。 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于 CC0 協(xié)議