一、為什么要反饋

1、以人與人的交流為例

1.人與人的交流中，無法忍受的一種情況是：對方對自己說的話沒有反應，好像視而不見。 2.沒有反饋或是不友好的反饋，就好像冷冰冰的人一樣，會給用戶帶來無助或不悅的負面體驗

2、及時恰當的反饋的用處是什么

1.能夠告訴用戶下一步該做什么 2.幫助用戶做出判斷和決定

二、反饋的形式

反饋的形式多樣，所有的提示都應該在恰當的時候出現在恰當的位置， 用簡短而清晰的文字提供有用的信息，不讓用戶產生迷惑。

1、氣泡狀提示

1.用處一

（1）通常是短暫出現在畫面上，就像氣泡一樣過一會兒就會自己消失，并不需要對它進行任何操作 （2）通常用于告訴任務狀態、操作結果

1.用處二

用于引導，就像漫畫中的對話框一樣，帶有一個指向具體位置的小尖，提示用戶需要關注哪個位置。

與用處一不同，這類引導類提示通常不回很快消失。

3.不足之處

容易被用戶忽略，所以不適合承載太多文字或重要信息

2、彈出框

1.用法

（1）一般會帶有一兩句說明文字和兩個操作按鈕，用于確認和取消重要操作（比如，是否刪除內容） （2）通常會用明顯的顏色，突出顯示可能造成喲過戶損失的操作項（比如，“刪除”、“不保存”）

2.特點

（1）彈出框的出現，會強迫用戶關注彈窗內容和操作，并屏蔽背景的所有內容 （2）對用戶打擾大的一種提示

3.設計注意

（1）彈出框上的說明、按鈕上的文字，最好言簡意賅、一目了然，能幫助用戶快速做出決策。 因為通常用戶都想趕快關掉彈出框，以便接著完成被打斷的操作。 （2）設計過程中要避免濫用彈出框提示，對于不太重要又要反饋的事可以用氣泡提示表示。

3、按鈕/圖標/鏈接的按下狀態

1.基于人在現實世界經驗

（1）在現實中按一個按鈕會立即有按下狀態 2.人機交互

(1)當用戶在屏幕上按下一個按鈕或鏈接時，也需要有狀態的改變，讓用戶知道界面已經接收到他的操作了。

4、聲音

1.常見例子

（1）虛擬鍵盤在按下時的咔嚓聲 （2）短信、郵件發送成功后的“嗖”一聲 （3）微信搖一搖手機之后的咔嚓聲 （4）拍照App按下按鈕是的咔嚓聲 2.設計注意

（1）恰當使用聲音反饋有點睛效果，但過多的使用反而會變成一種打擾 （2）不能將聲音作為主要反饋，且要給用戶關閉提示音的權利（因為用戶所處的環境多樣，可能很吵而聽不見聲音，也可能不適合打開聲音）

5、振動

1.用處

（1）一種比較強烈的觸覺反饋，可用來代替或加強聲音提示

2.例子

（1）在手機系統中應用廣泛，比如來電、短信、已連接充電 在手機App中較少用到

3.設計注意

（1)不要亂用為好

6、動畫

1.用處

（1）給用戶提供有意義的反饋，幫助用戶直觀了解操作的結果 （2）精美有趣的動畫，能給用戶留下深刻印象、提升使用時的愉悅感，甚至成為產品吸引用戶的一個因素

2.例子

（1）iOS系統在刪除郵件、照片時，通過擬物化的動畫效果，讓用戶知道操作已經生效，即——不要的郵件或照片已經被丟入了垃圾桶。 這種形象的動畫，幫助用戶清晰感受到操作的執行過程，并增添了樂趣。 （2）在一些會持續比較久的操作里，比如下載、刪除大量文件，用動態的進度條展示已完成的進度，并在可能的時候提供解釋信息，能夠減少用戶的焦慮。 （3）很多有趣的下拉刷新、上滑加載更多的例子，讓等待不再枯燥 三、反饋的內容

1、信息

1.設計注意

（1）文字信息應該簡潔易懂，避免使用倒裝句，最好一兩句就能將意思表達清楚 （2）避免使用過于程序化的語言 （3）頁面已有詳細說明文字的操作，其反饋信息可以簡單一些，不必重復頁面已有文字。比如昵稱，界面上已有格式要求時，反饋錯誤時只需提示“昵稱不符合要求” （4）適當使用圖標，可以吸引用戶注意，幫助用戶判斷提示的類型。

2、警告

1.用處

（1）警告框，用于向用戶展示對使用程序有重要影響的信息。

2.特點

（1）浮現在程序中央，覆蓋在主程序之上 （2）它的到來，是由于程序或設備的狀態發生了重要變動，并不一定是用戶最近的操作導致的 （3）通常至少有一個按鈕，用戶點擊后即可關閉窗口 （4）一般會有標題，并展示額外的輔助信息

3、錯誤

1.用處

（1）提示用戶操作出現了問題或異常，無法繼續執行

2.設計注意

（1）錯誤提示，告知用戶為什么操作被中斷，以及出現了什么錯誤。 （2）錯誤信息要盡量準確、通俗易懂。 （3）有效的錯誤提示信息要解釋發生的原因，并提供解決方案，以使用戶能夠從錯誤中恢復。

4、確認

1.用處

（1）用于詢問用戶是否要繼續某個操作，讓用戶進一步確認，為用戶提供可反悔、可撤銷的退路。

2.設計注意

（1）當用戶的操作結果較危險或不可逆時，通過二次選擇和確認，防止用戶誤操作

四、反饋出現的位置

1、狀態欄

1.優點

（1）很好的利用空間

2.缺點

（1）位置不是很明顯，建議只提示重要程度不高、或有跨畫面顯示需求的提示

2、導航欄

1.使用場景

（1）一般是連接狀態的展示，表示產品正在努力連接網絡、拉取數據中 （2）適合顯示臨時的較重要的提示類信息

3、內容區上方

1.使用場景

（1）位置在內容區上方、導航欄下方，通常為下拉刷新，是加載新內容的一種快捷方式。 （2）默認的提示信息是隱藏的，向下拉界面時才顯示對應的提示信息，以引導用戶操作。

4、屏幕中心

1.使用場景

（1）通常為整體性的比較重要的信息提示 （2）需要引起用戶重視的、系統提示均可以顯示在此位置

2.設計注意

（1）現在大家越來越追求產品風格，奢易屬于自己產品的獨特反饋形式、并自定義某個固定的位置顯示提示也較為流行。

5、菜單欄上方

1.使用場景

（1）可根據需要靈活的使用，基本沒什么限制 （2）可以是應用的整體信息的提示；也可以是與界面底部內容相關的提示。 比如，加載更多內容、或氣泡提示表示圖片上傳中 等等。

6、底部（覆蓋菜單欄）

1.使用場景

（1）在此位置顯示提示，并沒有什么特別的好處，或許是對于新形式的一種追求。

五、反饋的設計原則

1、為用戶在各個階段的反饋提供必要、積極、即時的反饋 2、避免過渡反饋，以免給用戶帶來不必要的打擾 3、能夠及時看到效果的、簡單的操作，可以省略反饋提示 4、所提供的反饋，要能讓用戶用最便捷的方式完成選擇 5、未不同類型的反饋做差異化設計 6、不要打斷用戶的意識流，避免遮擋用戶可能回去查看或操作的對象。

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！

網站標題：聊聊移動APP中反饋提示的設計方法與實例
標題URL：http://www.js-pz168.com/news43/312493.html

成都網站建設公司_創新互聯，為您提供標簽優化、云服務器、營銷型網站建設、軟件開發、外貿網站建設、品牌網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯