反饋是交互設計中最前線的一環,它的好壞會直接影響產品體驗。無論你怎樣設計產品,都總會涉及到反饋功能設計,這個看似不太起眼的功能,卻能決定產品是否成功的重要因素之一。
· 什麼是反饋提示設計
反饋提示設計是指當用戶在系統內進行任務操作時的系統響應。而設計反饋提示的目的主要是優化用戶體驗,提高產品轉化率。
· 反饋提示的內容分類
① 確認反饋
用於詢問用戶是否繼續某個操作,讓用戶進一步確認,為用戶提供可撤銷的退路,確認反饋是反饋提示當中出現頻次最高的內容之一。
② 警告反饋
提示當前用戶操作將造成重大影響。請記住,設計警告反饋時,警告提示最好為疑問語氣,且影響描述要簡單直接,避免引起用戶的不必要誤解,按鈕也要清晰明白。
③ 傳達信息反饋
向用戶傳達系統升級、推薦、廣告等信息,但傳達信息的頻率要適當,否則很容易會引起用戶的反感。
④ 錯誤提示反饋
錯誤也是反饋提示中出現較多的一種反饋類型,對於錯誤提示反饋,APP和網頁的差異比較大,如:APP會選彈窗提示錯誤,而網頁更多會使用標籤提示錯誤。
· 反饋提示的表現形式有哪些?
① 氣泡狀反饋提示
用法:
1)像氣泡一樣短暫出現在畫面,且不需要進行任何操作
2)用於引導,像漫畫中的對話框一樣,提示用戶需要關注的位置
不足之處:
不能承載太多文字或重要信息,容易被用戶忽略
② 彈出框反饋提示
用法:
一般會帶有一兩句說明文字和「確認」「取消」按鈕,顏色會明顯,突出顯示可能會造成用戶損失的操作項
不足之處:
彈出框的出現,會屏蔽背景所有內容,強逼用戶關注彈窗內容和操作,對用戶打擾最大的一種提示
③ 按鈕/圖標/鏈接反饋操作
用法:
在按下和不按下時所呈現的界面都不一樣
特點:
不僅能引導用戶操作,而且還能讓用戶得到超乎預期的體驗
④ 聲音/震動反饋提示
用法:
通過聲音/震動,能充分引起用戶的注意
不足之處:
1)恰當的聲音/震動反饋具有點睛效果,增加用戶的愉悅感,但過多使用反而變成打擾
2)不能講聲音/震動作為主要反饋,要給用戶關閉提示音/震動的權利
⑤ 動畫反饋提示
用法:
給用戶提供有意義的反饋,幫助用戶直觀了解操作的結果
特點:
精美有趣的動畫,能帶給用戶深刻的印象,甚至成為產品吸引用戶的其中一個因素
⑥ 標籤反饋提示
用法:多用於錯誤提示
特點:對於要求過多,用戶無法一時記住的情況下,相比用戶出錯時的標籤提示,在用戶出錯前就明確好要求會更好
· 反饋提示出現的位置
① 狀態欄
特點:很好地利用空間,但位置不明顯,容易被用戶忽視
② 導航欄
特點:適合顯示臨時較重要的提示類信息,如鏈接狀態的展示
③ 內容區上方
特點:默認的提示信息是隱藏的,向下拉界面才顯示對應的提示信息,是加載新內容的一種快捷方式
④ 屏幕中心
特點:通常提示整體性比較重要的信息,由於系統提示需要引起用戶重視,所以顯示比較顯眼的位置
⑤ 菜單欄上方
特點:可根據需要而靈活使用,基本沒有什麼限制
⑥ 底部狀態欄
特點:對於新形式的一種追求,此位置顯示較為明顯,而且也不會影響用戶瀏覽區,
反饋提示設計是產品設計中非常重要的一環,但切記使用反饋提示的時候不要濫用,也不要複雜化。最好就是根據場景及系統適應性問題等出發,畢竟我們最大的目的就是提高用戶體驗,提高產品轉化率。