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