網(wǎng)頁中信息反饋的設計

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

新聞標題：網(wǎng)頁中信息反饋的設計
URL網(wǎng)址：http://muchs.cn/news21/113671.html

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

廣告

聲明：本網(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)