一、前言
    反饋功能是應(yīng)用中不可缺的一部分，無(wú)論是web端設(shè)計(jì)，pc端設(shè)計(jì)，移動(dòng)端設(shè)計(jì)都需要有反饋功能，反饋的內(nèi)容和樣式也會(huì)根據(jù)場(chǎng)景的不同產(chǎn)生很大變化，因此如何分辨真假反饋也是設(shè)計(jì)師必須要掌握的技能。
    二、反饋的定義
    用戶(hù)在有目的性的前提下進(jìn)行操作，且應(yīng)用所給出的信息為結(jié)果信息，這樣的形式才稱(chēng)之為“反饋”。
    三、信息反饋的內(nèi)容分類(lèi)
    是指在界面反饋中文字內(nèi)容的描述分類(lèi)，大致可分為四類(lèi)：確認(rèn)反饋、錯(cuò)誤反饋、警告反饋、信息傳達(dá)反饋。
 1.確認(rèn)反饋
    確認(rèn)反饋是一種高頻出現(xiàn)的反饋形式。通常我們?cè)趯?duì)些重要信息進(jìn)行修改提交時(shí)，或者是關(guān)于一些資料授權(quán)時(shí)。提交操作后，系統(tǒng)會(huì)再次通知用戶(hù)已完成，通過(guò)文字描述進(jìn)行二次確認(rèn)。如下圖所示：
      2.警告反饋
    反饋中帶有警告性質(zhì)的文字描述，用來(lái)提示用戶(hù)當(dāng)前的操作會(huì)造成重大影響。如下圖所示：
      我們?cè)谟勉y行App密碼輸入時(shí)出現(xiàn)錯(cuò)誤，系統(tǒng)會(huì)提試還有幾次錯(cuò)誤機(jī)會(huì)，一旦超過(guò)系統(tǒng)提示的次數(shù)，就會(huì)自動(dòng)封號(hào)，需要到銀行才能再次開(kāi)通。
   3.錯(cuò)誤反饋
    錯(cuò)誤反饋也是常見(jiàn)的反饋形式，通常當(dāng)用戶(hù)的操作有誤時(shí)，無(wú)法按預(yù)期進(jìn)行之后的操作時(shí)，需要我們?cè)阱e(cuò)誤提示中出準(zhǔn)確描述錯(cuò)誤原因，并提供合理的解決方式，能讓用戶(hù)快速修改后通過(guò)。如下圖所示：
      例如我們?cè)谳斎氚l(fā)來(lái)的驗(yàn)證碼時(shí)，出現(xiàn)了輸入錯(cuò)誤，通常反饋中的錯(cuò)誤描述是，“請(qǐng)輸入正確的驗(yàn)證碼”、“驗(yàn)證碼錯(cuò)誤”等。
    4.信息傳達(dá)反饋
    信息傳達(dá)反饋也很常見(jiàn)的反饋形式之一，出鏡率很高。它不存在對(duì)與錯(cuò)的問(wèn)題，看似它和確認(rèn)反饋很像，其實(shí)區(qū)別還是存在的，確認(rèn)反饋的本質(zhì)是用文字再次告知你的操作行為是有效果的。但信息傳達(dá)反饋是用戶(hù)想要更得到更詳細(xì)的信息，所以這類(lèi)反饋的文字僅僅是對(duì)于現(xiàn)有問(wèn)題進(jìn)行了更詳細(xì)的文字介紹而已。通常用在列表，改版信息，和一些功能開(kāi)通上。如下圖所示：
      如界面中的列表頁(yè)，點(diǎn)擊后進(jìn)入詳情頁(yè)，用戶(hù)可以獲得更多的相關(guān)信息。設(shè)計(jì)信息反饋時(shí)也可以附帶一些圖標(biāo)來(lái)引起用戶(hù)的注意。
  四、信息反饋的展現(xiàn)形式
   1.彈窗反饋式
    可以說(shuō)彈窗反饋式我們離不開(kāi)的反饋樣式，彈窗本身的類(lèi)別就有很多種，可以作為反饋的彈窗有兩種：1.可以自動(dòng)消失的反饋 ，2.需要操作后消失的反饋。如下圖所示：
      當(dāng)反饋的信息不重要時(shí)，我們可以用自動(dòng)消失的反饋形式，只要告知用戶(hù)即可，例如豆瓣下來(lái)刷新的后的 Tosat 提示反饋。若反饋的信息需要用戶(hù)仔細(xì)查看時(shí)，我們就要用到帶有操作的反饋形式，如搜狗閱讀的彈窗反饋。
    2.聲音和震動(dòng)反饋式
    除了視覺(jué)的反饋，還可以用聲音和震動(dòng)的形式對(duì)用戶(hù)進(jìn)行反饋。多數(shù)人有把手機(jī)選擇靜音模式習(xí)慣，所以在輸入文字時(shí)，聽(tīng)不到聲音，其實(shí)我們每次點(diǎn)擊都會(huì)有聲音的反饋，告知用戶(hù)點(diǎn)擊到了手機(jī)中的鍵盤(pán)。我們?cè)賮?lái)看看其他的案例，如下圖所示：
      還有微信中的搖一搖，會(huì)有咔嚓咔嚓的聲音。當(dāng)然聲音反饋雖然可以更好的引起用戶(hù)的注意，但要是每一次都用到聲音反饋的話，就會(huì)變成噪音，使用戶(hù)產(chǎn)生反感。震動(dòng)反饋可以與聲音反饋結(jié)合增加反饋的強(qiáng)度，也可以代替聲音反饋，避免在重要場(chǎng)合下出現(xiàn)聲音打擾到其他人。
    3.動(dòng)畫(huà)反饋式
    通過(guò)動(dòng)圖的展示形式來(lái)吸引用戶(hù)的關(guān)注，多數(shù)用在加載界面中，緩解用戶(hù)的等待焦慮。
   4.頁(yè)面反饋式
    我們點(diǎn)擊當(dāng)前頁(yè)面內(nèi)容，無(wú)法正常顯示時(shí)，我們可以跳轉(zhuǎn)到一個(gè)空頁(yè)面作為一種反饋形式，
    通常的樣式是圖片加文字，圖片可以是一個(gè)簡(jiǎn)單的圖標(biāo)，也可以是一個(gè)復(fù)雜的插畫(huà)；文字描述多為錯(cuò)誤的原因和解決方法等。如下圖所示：
      部分產(chǎn)品也會(huì)同時(shí)加上功能按鈕，更好更快捷的引導(dǎo)用戶(hù)解決當(dāng)前問(wèn)題。另外頁(yè)面反饋現(xiàn)在還有另外一個(gè)很好的用處就是在空白區(qū)域推薦相關(guān)的內(nèi)容，充分利用頁(yè)面的空間做引流。如下圖所示：
     5.狀態(tài)反饋式
    簡(jiǎn)單的來(lái)說(shuō)就是我們點(diǎn)擊后按鈕或者圖標(biāo)等組件時(shí)，通過(guò)組件本身發(fā)生不一樣的狀態(tài)變化，告知用戶(hù)當(dāng)前為有效操作。例如點(diǎn)贊后的圖標(biāo)變化和應(yīng)用中底部標(biāo)簽欄的切換狀態(tài)都是狀態(tài)反饋式的一種形式。
   五、總結(jié)
   1.反饋的定義：用戶(hù)在有目的性的前提下進(jìn)行操作，且應(yīng)用所給出的信息為結(jié)果信息，這樣的形式才稱(chēng)之為“反饋”。
    2.信息反饋的內(nèi)容分類(lèi)：確認(rèn)反饋；警告反饋；錯(cuò)誤反饋；信息傳達(dá)反饋。
    3.信息反饋的展現(xiàn)形式：彈窗反饋式；聲音和震動(dòng)反饋式；動(dòng)畫(huà)反饋式；狀態(tài)反饋式。
    反饋是產(chǎn)品中的重要環(huán)節(jié)，但切接不可濫用，根據(jù)不同場(chǎng)景選擇合適的反饋形式和反饋的文字內(nèi)容，前提一定要清楚反饋的定義，有目的+主動(dòng)操作+結(jié)果信息=反饋。

新聞標(biāo)題：網(wǎng)頁(yè)中信息反饋的設(shè)計(jì)
URL網(wǎng)址：http://www.js-pz168.com/news21/113671.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、商城網(wǎng)站、網(wǎng)站設(shè)計(jì)、企業(yè)網(wǎng)站制作、建站公司、標(biāo)簽優(yōu)化

廣告

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