網(wǎng)頁(yè)中信息反饋的設(shè)計(jì)

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