優(yōu)秀交互案例分享——提示反饋類

反饋(英語: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ù)通知等

花瓣APP
滴滴APP
網(wǎng)易云音樂APP

二举娩、導航欄提示

系統(tǒng)的反饋顯示在導航欄的位置,位置在頂部導航欄的好處同狀態(tài)欄提示。導航欄的提示一般也是toast提示铜涉,時間在2s內(nèi)消失智玻。例如QQ App添加表情成功的提示和添加重復表情的提示:導航欄文字和顏色同時發(fā)生變化。

QQ表情添加成功提示
QQ添加重復表情提示

三骄噪、頁面下拉刷新反饋

App中很多內(nèi)容都是及時性內(nèi)容尚困,存在下拉刷新的交互手勢蠢箩,最常見的設計方式是類似京東App首頁下拉刷新加載動效采用企業(yè)形象gif圖和文字來緩解用戶等待的焦慮感链蕊。利用刷新的等待時間和空白頁面,我們還可以做什么呢谬泌?看看網(wǎng)易新聞App端(v31.2版本)的設計:第一次刷新是日歷展示滔韵、第二次刷新是最熱新聞推送、第三次刷新是另外的新聞推送……盡可能利用頁面空間來吸引用戶的眼球掌实。

網(wǎng)易新聞App下拉刷新頁面

四陪蜻、音量的反饋

某些視頻app對調節(jié)音量的顯示方式做了處理,比如抖音是將音量大小用橫條的方式展示在下方贱鼻,Google照片是將音量橫條展示在上方宴卖,開眼將音量用豎條展示在左邊,這樣做的好處是盡可能的減少對用戶視覺的干擾邻悬。而未做處理的app就會出現(xiàn)像最后兩張圖所示的畫面症昏。在用戶處于沉浸式體驗(看視頻、玩游戲等)的時候父丰,這個細節(jié)的處理對用戶非常友好肝谭!

iOS默認音量調節(jié)
抖音音量調節(jié)顯示在底部
谷歌照片音量調節(jié)顯示在頂部

五、輸入智能提示

雖然目前語音技術已趨于成熟蛾扇,很多場景都由語音輸入替代了原有的鍵盤打字輸入攘烛,然后最傳統(tǒng)的鍵盤輸入方式在內(nèi)容輸入中仍然占很大比例,產(chǎn)品設計過程中涉及到大量文字輸入的場景镀首,應該盡可能從用戶角度考慮坟漱,設計更智能的方式來提升效率。

例如淘寶App端更哄,購買東西聯(lián)系客服的場景芋齿,當輸入框中輸入文字時,鍵盤上方會結合實際場景智能提示用戶可能要咨詢的問題竖瘾,通過產(chǎn)品的使用流程進行場景預判可以輔助用戶進行決策行動沟突,為用戶帶來更多便捷,節(jié)省時間捕传,提高操作效率惠拭。

淘寶智能提示

例如支付寶App,聊天頁面輸入非0開頭數(shù)字時系統(tǒng)自動以氣泡的方式提示“給對方轉賬XX元”

1、轉賬:點擊彈出的氣泡直接進入轉賬界面確認

2职辅、非轉賬:直接繼續(xù)輸入或者發(fā)送聊天信息棒呛,提示氣泡5s消失

支付寶輸入數(shù)字智能提示

相關閱讀:優(yōu)秀交互案例分享——操作系統(tǒng)類

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市域携,隨后出現(xiàn)的幾起案子簇秒,更是在濱河造成了極大的恐慌,老刑警劉巖秀鞭,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件趋观,死亡現(xiàn)場離奇詭異,居然都是意外死亡锋边,警方通過查閱死者的電腦和手機皱坛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來豆巨,“玉大人剩辟,你說我怎么就攤上這事⊥樱” “怎么了贩猎?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長萍膛。 經(jīng)常有香客問我吭服,道長,這世上最難降的妖魔是什么卦羡? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任噪馏,我火速辦了婚禮,結果婚禮上绿饵,老公的妹妹穿的比我還像新娘欠肾。我一直安慰自己,他們只是感情好拟赊,可當我...
    茶點故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布刺桃。 她就那樣靜靜地躺著,像睡著了一般吸祟。 火紅的嫁衣襯著肌膚如雪瑟慈。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天屋匕,我揣著相機與錄音葛碧,去河邊找鬼。 笑死过吻,一個胖子當著我的面吹牛进泼,可吹牛的內(nèi)容都是我干的蔗衡。 我是一名探鬼主播,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼乳绕,長吁一口氣:“原來是場噩夢啊……” “哼绞惦!你這毒婦竟也來了?” 一聲冷哼從身側響起洋措,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤济蝉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后菠发,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體王滤,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年雷酪,在試婚紗的時候發(fā)現(xiàn)自己被綠了淑仆。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡哥力,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出墩弯,到底是詐尸還是另有隱情吩跋,我是刑警寧澤,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布渔工,位于F島的核電站锌钮,受9級特大地震影響,放射性物質發(fā)生泄漏引矩。R本人自食惡果不足惜梁丘,卻給世界環(huán)境...
    茶點故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望旺韭。 院中可真熱鬧氛谜,春花似錦、人聲如沸区端。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽织盼。三九已至杨何,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間沥邻,已是汗流浹背术吝。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留东且,地道東北人接癌。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親捌蚊。 傳聞我的和親對象是個殘疾皇子集畅,可洞房花燭夜當晚...
    茶點故事閱讀 44,700評論 2 354

推薦閱讀更多精彩內(nèi)容