反饋(英語:Feedback卖丸,又稱回授)糠悯,是控制論的基本概念帮坚,指將系統(tǒng)的輸出返回到輸入端并以某種方式改變輸入,它們之間存在因果關系的回路互艾,進而影響系統(tǒng)功能的過程试和。
反饋是互聯(lián)網(wǎng)產(chǎn)品的整個系統(tǒng)中不可或缺的一部分,同時也是非常重要的一部分纫普。如果用戶進行的每一步操作阅悍,系統(tǒng)都能以一種友好的方式反饋給用戶,每個結果都符合用戶心理預期昨稼,那么系統(tǒng)中整個任務流程將給用戶帶來愉悅感节视,當然我們設計產(chǎn)品的目標就是通過合理及時人性化的反饋機制來提示產(chǎn)品整體用戶體驗。下面分享一些提示反饋類的優(yōu)秀交互案例假栓,希望能夠為大家提供設計思路寻行。
一、狀態(tài)欄提示
系統(tǒng)的反饋顯示在狀態(tài)欄的位置匾荆,位置在頂部狀態(tài)欄的好處是不會遮擋主要內(nèi)容區(qū)域拌蜘,給用戶不造成干擾的同時給予用戶反饋。狀態(tài)欄的提示一般是toast提示牙丽,時間在2s內(nèi)消失简卧。例如花瓣App采集成功的提示、滴滴App定位信號弱打開WIFI的提示烤芦、網(wǎng)易云音樂推薦歌單的推薦依據(jù)通知等
二举娩、導航欄提示
系統(tǒng)的反饋顯示在導航欄的位置,位置在頂部導航欄的好處同狀態(tài)欄提示。導航欄的提示一般也是toast提示铜涉,時間在2s內(nèi)消失智玻。例如QQ App添加表情成功的提示和添加重復表情的提示:導航欄文字和顏色同時發(fā)生變化。
三骄噪、頁面下拉刷新反饋
App中很多內(nèi)容都是及時性內(nèi)容尚困,存在下拉刷新的交互手勢蠢箩,最常見的設計方式是類似京東App首頁下拉刷新加載動效采用企業(yè)形象gif圖和文字來緩解用戶等待的焦慮感链蕊。利用刷新的等待時間和空白頁面,我們還可以做什么呢谬泌?看看網(wǎng)易新聞App端(v31.2版本)的設計:第一次刷新是日歷展示滔韵、第二次刷新是最熱新聞推送、第三次刷新是另外的新聞推送……盡可能利用頁面空間來吸引用戶的眼球掌实。
四陪蜻、音量的反饋
某些視頻app對調節(jié)音量的顯示方式做了處理,比如抖音是將音量大小用橫條的方式展示在下方贱鼻,Google照片是將音量橫條展示在上方宴卖,開眼將音量用豎條展示在左邊,這樣做的好處是盡可能的減少對用戶視覺的干擾邻悬。而未做處理的app就會出現(xiàn)像最后兩張圖所示的畫面症昏。在用戶處于沉浸式體驗(看視頻、玩游戲等)的時候父丰,這個細節(jié)的處理對用戶非常友好肝谭!
五、輸入智能提示
雖然目前語音技術已趨于成熟蛾扇,很多場景都由語音輸入替代了原有的鍵盤打字輸入攘烛,然后最傳統(tǒng)的鍵盤輸入方式在內(nèi)容輸入中仍然占很大比例,產(chǎn)品設計過程中涉及到大量文字輸入的場景镀首,應該盡可能從用戶角度考慮坟漱,設計更智能的方式來提升效率。
例如淘寶App端更哄,購買東西聯(lián)系客服的場景芋齿,當輸入框中輸入文字時,鍵盤上方會結合實際場景智能提示用戶可能要咨詢的問題竖瘾,通過產(chǎn)品的使用流程進行場景預判可以輔助用戶進行決策行動沟突,為用戶帶來更多便捷,節(jié)省時間捕传,提高操作效率惠拭。
例如支付寶App,聊天頁面輸入非0開頭數(shù)字時系統(tǒng)自動以氣泡的方式提示“給對方轉賬XX元”
1、轉賬:點擊彈出的氣泡直接進入轉賬界面確認
2职辅、非轉賬:直接繼續(xù)輸入或者發(fā)送聊天信息棒呛,提示氣泡5s消失