頁面反饋提示形式總結(jié)與設(shè)計要點

反饋提示對于產(chǎn)品而言，能夠很好給予用戶信息反饋，使得用戶對結(jié)果有一個很好的預(yù)判，減少等待焦慮，提升用戶體驗。反饋提示的重要性不言而喻。

作為一只產(chǎn)品汪，當(dāng)然也是要了解一些交互設(shè)計知識的，今天所說到的反饋提示就屬于很重要的交互設(shè)計之一，什么情況使用什么反饋提示?怎么解決提示問題?別急，慢慢聽我道來。

反饋提示概念

反饋提示指當(dāng)用戶在系統(tǒng)內(nèi)進行任務(wù)操作時的系統(tǒng)響應(yīng)。比如剛進入蝦米時它用 toast 告訴你簽到成功，獲得5經(jīng)驗值;比如你用360清理電腦垃圾時，那個加速球不斷旋轉(zhuǎn)告訴你正在清理;再比如你要刪除iPhone 上的一個應(yīng)用時，所有應(yīng)用都開始瑟瑟發(fā)抖，擔(dān)心自己被刪掉，這些都是系統(tǒng)感應(yīng)到我們的操作，給予我們的反饋。

反饋提示目的：優(yōu)化用戶體驗，提高產(chǎn)品轉(zhuǎn)化率，即讓用戶有心理預(yù)期，能確定自己的操作是否被執(zhí)行，是否被撤銷，執(zhí)行后會產(chǎn)生哪些影響，在哪里可以查詢結(jié)果，用戶該怎么解決等，從而提高用戶進行下一步操作的轉(zhuǎn)化率。

反饋內(nèi)容分類

確認(rèn)

確認(rèn)是反饋提示當(dāng)中出現(xiàn)頻次高的內(nèi)容之一，包括讓用戶確定系統(tǒng)是否可獲取一些用戶權(quán)限，用戶的當(dāng)前操作是否是自己本意，用戶選擇分享等。

警告

提示當(dāng)前的用戶操作將造成重大影響，如購買某理財產(chǎn)品有風(fēng)險確定購買?刪除這個APP將刪除它保存的所有數(shù)據(jù)確定刪除?關(guān)閉定位功能將不能準(zhǔn)確為您服務(wù)等都屬于警告提示，相較于確定提示，警告提示更多的突出當(dāng)前操作將會造成的影響，一般包括標(biāo)題(操作描述)、內(nèi)容(操作將會造成的影響)、選擇按鈕。

因此，警告提示最好為疑問語氣(最終還是要看場景的)，且影響描述要簡單直接，避免引起用戶誤解，按鈕也要清晰明白，避免“是否”等說法。

傳達信息

向用戶傳達系統(tǒng)升級、推薦、廣告等信息，如點開豆瓣，提示你今天的內(nèi)容已經(jīng)為你準(zhǔn)備好了;如最新版本增加了啥啥啥牛逼功能，問你要不要升級;如 提示你，我們要搞個大活動啦，你上去可以領(lǐng)取啥啥啥福利之類的等等。

傳達信息的頻次要適當(dāng)，特別是一些非必要信息，否則容易引起用戶反感。

錯誤

錯誤也是反饋提示中出現(xiàn)較多的一種，主要是提示用戶的操作有什么問題，可以怎樣解決。如提示你連接不到網(wǎng)絡(luò)，你該怎么檢查網(wǎng)絡(luò);如提示你填寫的這個密碼不對，我們要求的是8~16個字符的;如提示你余額不足以支付，要不要換卡支付等等。

對于錯誤提示，APP 和 網(wǎng)頁存在較多區(qū)別，如APP 更多用彈窗提示錯誤，而網(wǎng)頁更多用標(biāo)簽提示錯誤。大家需注意，這里就不多說了。

反饋提示的表現(xiàn)形式有哪些

頁面

頁面提示是指用系統(tǒng)的整個單獨頁面來對用戶進行提示，通常包含圖標(biāo)、提示內(nèi)容、處理方法等，出現(xiàn)最多的就是用戶在相應(yīng)功能頁沒有數(shù)據(jù)及連接不到網(wǎng)絡(luò)時，一般還會加上功能按鈕，通過該按鈕，可引導(dǎo)用戶解決當(dāng)前頁面出現(xiàn)的問題。

標(biāo)簽

多用于錯誤提示，告之用戶哪些地方出現(xiàn)錯誤，該如何解決;很多標(biāo)簽會在用戶重新聚焦選框時消失，但對于要求過多，用戶無法一時記住的情況，相比于用戶出錯時的標(biāo)簽提示，在用戶出錯前就明確好要求會更好。

動畫

多用于加載界面時緩解用戶的無聊，或在進行某項需要時間處理的功能時告之處理的進度，同時，如出現(xiàn)新功能、新活動時，也會通過動畫來吸引用戶關(guān)注。

按下狀態(tài)

在按下和不按下時呈現(xiàn)不同的界面，不僅能引導(dǎo)用戶操作，而且能讓用戶得到一些超乎預(yù)期的體驗。

聲音/震動

通過聲音/震動，能夠充分引起用戶的注意，讓場景具象化，合適的音樂還能增加用戶的愉悅感，一般在有重要通知或具有娛樂性的操作時，如短信郵件通知，收款時有錢入袋的聲音等。

彈窗

彈窗是最常用到的反饋提示，它主要分為模態(tài)彈窗和非模態(tài)彈窗，所謂模態(tài)彈窗就是系統(tǒng)與用戶需要發(fā)生交互，否則不能進行下一步，而非模態(tài)彈窗是系統(tǒng)單獨的提示，不需要與用戶發(fā)生交互也可繼續(xù)進行下一步操作。

如何避免不必要的提示

俗話說得好，防錯在先，容錯在后，所以要避免不必要的提示，就要盡量少犯錯，如果還是犯錯了，那就通過優(yōu)化，來提高用戶解決問題的能力及解決問題過程中的體驗。

輸入提示

除了在選框附近提示，也可直接在選框中對用戶進行提示，以防一進入頁面就專心只填選框的人。

自動完成

一方面減少用戶操作，另一方面減少用戶輸入錯誤，通過選擇更快更好的確定目標(biāo)。

根據(jù)舒適度安排控件位置

總有些手殘黨不小心點到按鈕，導(dǎo)致不小心給人發(fā)信息呀，不小心刪除了某文件呀，不小心點錯進視頻之類的，所以為了解決這類問題，最好把一些不重要或使用頻次低的按鈕，放在人手不方便操作的地方，PC網(wǎng)頁一般放在邊角，手機則放在如下的紅色區(qū)域(據(jù)研究顯示，49%的人單手操作手機，而單手操作手機時，有三個大的操作區(qū)域：方便操作到的，不是很方便操作到的，難操作到的，而紅色區(qū)域就為難操作到的區(qū)域)。

只能選擇可選項

總有人會在輸入數(shù)字的界面會輸入字母，也有人會在選擇旅行時間時選擇到已過去的時間，針對這些，在設(shè)計時應(yīng)盡量引導(dǎo)用戶選擇可選項，過去的日期就勾選不上，在輸入數(shù)字密碼時只顯示數(shù)字鍵盤等。

屏幕展架

屏幕展架是優(yōu)化提示的一種方式，它指在展示頁面時，如遇到網(wǎng)絡(luò)不暢或加載緩慢等問題時，依次展現(xiàn)內(nèi)容，而不是等到內(nèi)容全部全部加載完才顯示。這種方式能讓用戶知道系統(tǒng)是在運作的，減少用戶焦慮。

簡化提示

只提供重要信息是我們的宗旨，至于對不起呀，我們因為系統(tǒng)剛才崩了下導(dǎo)致啥啥啥了，需要你重新刷新一下啥啥啥的一堆廢話，用戶是不想知道也不需要知道的，我們只提供核心問題，影響及簡短的解決方案。

優(yōu)化操作步驟

減少不必要的操作從而減少提示也是一種優(yōu)化提示的方式，如支付寶之前在支付時需要再點擊確認(rèn)付款，現(xiàn)在只要輸入密碼或指紋之后就直接支付了，減少了操作步驟的同時也減少了與用戶的交互提示。

避免頻繁，只在必要情況下出現(xiàn)

現(xiàn)在很多APP會頻繁的推送通知或在用戶進入界面后不斷提示，很大程度上造成用戶厭煩，所以盡量避免頻繁給不必要的提示，對于部分有必要提示，還可告知用戶在哪里可以關(guān)閉提示或當(dāng)前窗口就可選擇不再提示。

提示明確

明確的提示可讓用戶清晰的知道當(dāng)前操作的結(jié)果，讓用戶按照自己需求選擇合理選項，減少錯誤操作后造成的不良影響。

小結(jié)

反饋提示是產(chǎn)品設(shè)計中的重要一環(huán)，但切記不要濫用，不要復(fù)雜化，最好從場景中來到場景中去，根據(jù)不同場景選擇適合的提示方式，當(dāng)然也要遵守不同設(shè)計的規(guī)范。

不過規(guī)范是官方給的，我們是要活用的，就像在 iOS 里面是沒 toast 提示，有HUD 提示，但兩個是極其相似的，只是叫法不同而已，所以有時不同設(shè)計的規(guī)范之間互用也并不是不行的，只是要考慮到場景及系統(tǒng)適應(yīng)性等等問題，總之我們的大目標(biāo)是優(yōu)化用戶體驗，提高產(chǎn)品轉(zhuǎn)化率，只要能達到目的，借用下其他合理規(guī)范又有何不可呢。

分享名稱：頁面反饋提示形式總結(jié)與設(shè)計要點
文章出自：http://www.bm7419.com/news13/168613.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計、App開發(fā)、全網(wǎng)營銷推廣、商城網(wǎng)站、服務(wù)器托管、域名注冊

廣告

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