一、為什么要反饋

1、以人與人的交流為例

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

2、及時恰當(dāng)?shù)姆答伒挠锰幨鞘裁?br />
1.能夠告訴用戶下一步該做什么 2.幫助用戶做出判斷和決定

二、反饋的形式

反饋的形式多樣，所有的提示都應(yīng)該在恰當(dāng)?shù)臅r候出現(xiàn)在恰當(dāng)?shù)奈恢茫?用簡短而清晰的文字提供有用的信息，不讓用戶產(chǎn)生迷惑。

1、氣泡狀提示

1.用處一

（1）通常是短暫出現(xiàn)在畫面上，就像氣泡一樣過一會兒就會自己消失，并不需要對它進(jìn)行任何操作 （2）通常用于告訴任務(wù)狀態(tài)、操作結(jié)果

1.用處二

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

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

3.不足之處

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

2、彈出框

1.用法

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

2.特點(diǎn)

（1）彈出框的出現(xiàn)，會強(qiáng)迫用戶關(guān)注彈窗內(nèi)容和操作，并屏蔽背景的所有內(nèi)容 （2）對用戶打擾大的一種提示

3.設(shè)計注意

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

3、按鈕/圖標(biāo)/鏈接的按下狀態(tài)

1.基于人在現(xiàn)實(shí)世界經(jīng)驗

（1）在現(xiàn)實(shí)中按一個按鈕會立即有按下狀態(tài) 2.人機(jī)交互

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

4、聲音

1.常見例子

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

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

5、振動

1.用處

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

2.例子

（1）在手機(jī)系統(tǒng)中應(yīng)用廣泛，比如來電、短信、已連接充電 在手機(jī)App中較少用到

3.設(shè)計注意

（1)不要亂用為好

6、動畫

1.用處

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

2.例子

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

1、信息

1.設(shè)計注意

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

2、警告

1.用處

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

2.特點(diǎn)

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

3、錯誤

1.用處

（1）提示用戶操作出現(xiàn)了問題或異常，無法繼續(xù)執(zhí)行

2.設(shè)計注意

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

4、確認(rèn)

1.用處

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

2.設(shè)計注意

（1）當(dāng)用戶的操作結(jié)果較危險或不可逆時，通過二次選擇和確認(rèn)，防止用戶誤操作

四、反饋出現(xiàn)的位置

1、狀態(tài)欄

1.優(yōu)點(diǎn)

（1）很好的利用空間

2.缺點(diǎn)

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

2、導(dǎo)航欄

1.使用場景

（1）一般是連接狀態(tài)的展示，表示產(chǎn)品正在努力連接網(wǎng)絡(luò)、拉取數(shù)據(jù)中 （2）適合顯示臨時的較重要的提示類信息

3、內(nèi)容區(qū)上方

1.使用場景

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

4、屏幕中心

1.使用場景

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

2.設(shè)計注意

（1）現(xiàn)在大家越來越追求產(chǎn)品風(fēng)格，奢易屬于自己產(chǎn)品的獨(dú)特反饋形式、并自定義某個固定的位置顯示提示也較為流行。

5、菜單欄上方

1.使用場景

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

6、底部（覆蓋菜單欄）

1.使用場景

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

五、反饋的設(shè)計原則

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

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)站標(biāo)題：聊聊移動APP中反饋提示的設(shè)計方法與實(shí)例
標(biāo)題URL：http://jinyejixie.com/news43/312493.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、云服務(wù)器、營銷型網(wǎng)站建設(shè)、軟件開發(fā)、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站制作

廣告

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