超周全！如何做好應(yīng)用程序中的反饋設(shè)計？

Echo ：反饋是用戶做了某項操作之后，應(yīng)用體系給用戶的一個相應(yīng)。這個相應(yīng)根據(jù)場景的不同會有不同的相應(yīng)情勢和不同作用。

為什么反饋設(shè)計是用戶體驗緊張的一環(huán)？

在人機交互的過程中，用戶盼望看到每一步都清晰，及時的表現(xiàn)，用戶盼望了解每一步的后果以及用戶最關(guān)心的題目是什么。一方面，PC端和移動端產(chǎn)品必要保證產(chǎn)品有積極，及時的反饋相應(yīng)以確保用戶知道本身所處的狀況，否則會讓用戶覺得反應(yīng)遲鈍；另一方面，我們也要避免過度的信息反饋，尤其細(xì)致不要反饋錯誤信息，錯誤的信息對用戶造成的影響是偉大的。

產(chǎn)品的反饋直觀的體現(xiàn)為界面的轉(zhuǎn)變（少數(shù)為聲音和震蕩），通過這種轉(zhuǎn)變使的用戶能夠更加友愛高效地與產(chǎn)品進行交互，更加埋頭地投入到義務(wù)流程當(dāng)中去。

舉個栗子：當(dāng)用戶實行完一步操作后，體系沒有及時甚至沒有給出響應(yīng)的反饋提醒，就會給用戶帶來迷惑（實現(xiàn)模型與生理模型沖突），讓用戶不能確定本身的操作是否被實行、實行是否成功、實行團體進度、或者是實行后會產(chǎn)生怎么樣的影響、能在哪里查詢到效果以及實行后是否可以被撤銷等等。而這其中的任何一個環(huán)節(jié)都有可能影響到用戶對當(dāng)前義務(wù)的理解以是否實行下一步操作，從而影響到產(chǎn)品的用戶體驗。

反饋的設(shè)計應(yīng)該知足以下四個原則：

• 反饋通過直觀的表現(xiàn)，可以幫助用戶理解微交互的規(guī)則，最大可能地降低用戶的學(xué)習(xí)成本。
• 別讓反饋給用戶造成壓力，通過最少的反饋傳達(dá)同樣的信息。
• 反饋應(yīng)該由需求驅(qū)動，然后在恰當(dāng)?shù)膱鼍跋潞蜁r間下讓用戶知道他必要知道的事情。
• 反饋的速度盡可能的快，反饋過慢會給用戶感覺產(chǎn)品的性能差。

對于用戶而言，反饋設(shè)計的目的重要告訴用戶以下幾點：

• 告訴用戶發(fā)什么了什么？
• 用戶剛剛做了什么事？
• 哪些過程已經(jīng)開始了？
• 哪些過程已經(jīng)結(jié)束了？
• 哪些過程正在進行中？
• 用戶不能做什么？
• 用戶剛剛操作的效果是什么？

在設(shè)計過程中，涉及到反饋的情況一樣平常分為五種類型：

1.效果反饋

告知用戶的操作效果。例如操作成功或者操作失敗、對操作后的一種確認(rèn)。

a.以toast情勢給用戶反饋。例如:微信轉(zhuǎn)發(fā)他人信息，出現(xiàn)toast,提醒用戶已經(jīng)發(fā)送成功。

b.以浮層動畫的情勢給用戶反饋。例如微信輸入語音時，出現(xiàn)浮層動畫提醒用戶的語音輸入是有用的。

2.狀況反饋

操作前后展示結(jié)果不一樣。

當(dāng)用戶操作后，界面操作前的狀況和操作后的狀況不同等。通過這個不同等，給用戶反饋我的操作得到了提交。

3.過渡反饋

有些時候程序確實不夠快，緩慢的加載速度和耽誤題目，這時候通過常見的過渡組件給用戶反饋,過渡反饋的目的在于通過向用戶反饋當(dāng)前的相應(yīng)進度和合理的時間消費來讓用戶在等待過程中放松下來。

a.以進度指示器給用戶反饋當(dāng)前狀況。例如欣賞器在點擊搜索后，網(wǎng)頁加載的進程反饋。

b.以體系/自定義的循環(huán)動畫，例如iOS的菊花Loading 和安卓的圓形Loading 。

例如：微博問答，點擊立即付出然后出現(xiàn)的過渡動畫。

例如：YouTube網(wǎng)頁加載過渡的圓形Loading 。

4.操作反饋

對下一步操作的指引，用戶點擊一個操作就出現(xiàn)新的操作組件以此給用戶的反饋。

當(dāng)用戶進行一個操作后，出現(xiàn)反饋，這個反饋通常是通過浮層彈框、調(diào)起鍵盤、進入下一個界面等等情勢體現(xiàn)。

例如：iOS原生郵件，點擊回復(fù)/轉(zhuǎn)發(fā)出現(xiàn)底部浮層。

5.聲音和震蕩的反饋

聲音和震蕩也是反饋的一種的體現(xiàn)情勢，通過用戶的操作加以聲音和震蕩的指導(dǎo)，給用戶很強的生理暗示。

例如QQ郵箱，發(fā)送過程和成功后都有聲音提醒。這是一個很典型的通過聲音反饋的例子。

如何判斷你的反饋設(shè)計是有用的，非過度的反饋

上面介紹的反饋的各種類型。但是許多情況設(shè)計師們過度使用反饋。常見的情況是過度使用Toast。

例如貓眼：點擊已想看愛心變灰，同時出現(xiàn)Toast提醒。如許就存在過度的反饋。反觀Instagram點擊取消點贊，就沒有出現(xiàn)Toast提醒。

為什么我說貓眼的反饋過度呢？由于用戶點擊操作時，愛心狀況已經(jīng)變了，那么這個元素的轉(zhuǎn)變已經(jīng)暗示用戶，該App進行了反饋，沒需要在出現(xiàn)Toast提醒。

如何判斷你的涉及反饋是否過度？

在設(shè)計反饋時，假如已經(jīng)有一組元素的轉(zhuǎn)變足以暗示用戶當(dāng)前狀況得到了反饋，那么沒需要再增長多余的元素進行反饋提醒（除非有分外的目的）。如許會使得用戶的生理負(fù)擔(dān)變重，一個反饋可能不足以影響用戶體驗，假如整個App都出現(xiàn)這種情況，那將是一場災(zāi)禍。

迎接關(guān)注作者的微信公眾號：「UEDC」