本文是根據(jù)《設(shè)計之下》一書中“反饋提示”的內(nèi)容做了案例分析，同時結(jié)合了公司產(chǎn)品進(jìn)行舉例。記得2016年12月做完一次線下分享后，ppt一直沉睡在電腦里，最近想把之前總結(jié)的幾篇文章都發(fā)出來，歡迎交互道路上的同仁們，一起交流～～
后續(xù)還將發(fā)出“如何設(shè)計體貼的產(chǎn)品”、“未來的輸入方式可能是語音”。
一、為什么要反饋
1）人與人的交流中，無法忍受的一種情況是：對方對自己說的話沒有反應(yīng)，好像視而不見
2）沒有反饋或是不友好的反饋，就好像冷冰冰的人一樣，會給用戶帶來無助或不悅的負(fù)面體驗(yàn)
給用戶及時、恰當(dāng)?shù)姆答仯墙换ピO(shè)計非常重要的一項(xiàng)原則，見下圖。
及時恰當(dāng)?shù)姆答伒挠锰?/h4>
1）能夠告訴用戶下一步該做什么
2）幫助用戶做出判斷和決定
二、反饋的形式
反饋的形式多樣（見下圖），所有的提示都應(yīng)該在恰當(dāng)?shù)臅r候出現(xiàn)在恰當(dāng)?shù)奈恢?，用簡短而清晰的文字提供有用的信息，不讓用戶產(chǎn)生迷惑。
1、Toast／浮層
先來說說“toast”反饋，它是用戶操作結(jié)果的反饋提示，通常只是短暫出現(xiàn)在畫面上，就像氣泡一樣過一會兒就會自己消失，并不需要對它進(jìn)行任何操作。用于告訴任務(wù)狀態(tài)、操作結(jié)果，見下圖。
再來看看“浮層”反饋，它是一種用戶引導(dǎo)類的提示，通常不會很快消失。有時會帶有一個指向具體位置的小尖（如：滴滴、閑魚），提示用戶需要關(guān)注哪個位置。用戶需要點(diǎn)擊指引區(qū)域或是點(diǎn)擊關(guān)閉按鈕，來讓提示消失。
總的來說，toast和浮層，優(yōu)點(diǎn)是不影響當(dāng)前操作，反饋及時；缺點(diǎn)是容易被用戶忽略，所以不適合承載太多文字或重要信息。
2、彈窗
彈窗分“模態(tài)”和“非模態(tài)”2種，需要考慮場景使用，參考下圖。
模態(tài)彈窗：強(qiáng)迫用戶關(guān)注彈窗內(nèi)容和操作，并屏蔽背景的所有內(nèi)容，但需要注意的是必須可退出操作；文字描述盡量簡潔無異議。它通常分為Dialog對話框和Actionbar底部功能框2種設(shè)計方式，可根據(jù)實(shí)際場景選用。一般當(dāng)Dialog對話框出現(xiàn)三個或以上的功能按鈕，會增加用戶的功能選擇負(fù)擔(dān)，所以需要使用多個功能按鈕選擇的時候可考慮使用Actionbar。
非模態(tài)彈窗：?不影響用戶當(dāng)前操作，可常在，類似浮窗。通常明顯區(qū)分確認(rèn)和取消的顏色，說明可能造成的損失，見下圖。
彈窗小結(jié)：
彈窗的出現(xiàn)，會強(qiáng)迫用戶關(guān)注彈窗內(nèi)容和操作，對用戶形成嚴(yán)重的打擾。根據(jù)使用場景，盡可能減少模態(tài)的設(shè)計。確保每一次用戶都能安全的退出路徑，回到預(yù)期操作。若出現(xiàn)三個或以上的功能按鈕，盡量使用底部功能框。
3、按鈕／圖標(biāo)／鏈接的按下狀態(tài)
按鈕：在現(xiàn)實(shí)中按一個按鈕會立即有按下狀態(tài)，比如下圖。
在人機(jī)交互中，當(dāng)用戶在屏幕上按下一個按鈕或鏈接時，也需要有狀態(tài)的改變，讓用戶知道界面已經(jīng)接收到他的操作了，見下圖。
4、聲音UI Sounds
聲音是人體感官中很重要的組成部分，也應(yīng)該是產(chǎn)品用戶體驗(yàn)中的一個方面，但很容易被有意無意的忽略。
常見于游戲設(shè)計中，游戲中的反饋設(shè)計，是讓玩家快速適應(yīng)游戲操作，獲得參與感和成就感的重要手段，見下圖。
而在人機(jī)交互中，恰當(dāng)使用聲音反饋有點(diǎn)睛效果，給人帶來愉悅感，比如下圖的例子。
那什么是好UI Sounds的設(shè)計呢？你需要達(dá)到以下3點(diǎn)：
1、符合用戶預(yù)期（即接近現(xiàn)實(shí)生活場景）
2、表達(dá)明確且準(zhǔn)確的意義和情緒
3、良好的聲效感官體驗(yàn)（悅耳度、聲響、時長）
當(dāng)然，并不是所有的設(shè)計都適合加上聲音，很多情況下，不使用聲音是更好的體驗(yàn)，所以你必須允許用戶應(yīng)用內(nèi)靜音。任何「自動播放」、「強(qiáng)制播放」聲音的體驗(yàn)都應(yīng)該慎之又慎。
5、振動
舉生活中一個實(shí)際的場景，使用電動牙刷，使用過程中牙刷給牙齒強(qiáng)烈的進(jìn)行中觸覺反饋，并且每30秒振動2下提示換邊，用戶無需計時即可養(yǎng)成良好的刷牙習(xí)慣。
在人機(jī)界面中，振動被廣泛應(yīng)用在，如來電、短信、數(shù)據(jù)線已連接充電等，見下圖。
需要注意的是：振動是一種比較強(qiáng)烈的觸覺反饋，可用來代替或加強(qiáng)聲音提示，但不可亂用。
6、動畫
動畫，著重強(qiáng)調(diào)：貼合產(chǎn)品，有趣、及時。舉個常見的例子：下拉刷新，運(yùn)用有趣的動畫能讓等待不再枯燥，見左圖。
如滴滴打車場景一樣，用戶發(fā)送問診單，等待醫(yī)生接診，界面上不斷出現(xiàn)可接診的醫(yī)生頭像，動畫效果及時快速，幫助用戶直觀了解操作的結(jié)果，見右圖。
三、反饋的內(nèi)容
反饋內(nèi)容主要由文字組成，文字信息應(yīng)該簡潔易懂，避免使用倒裝句，最好一兩句就能將意思表達(dá)清楚，避免使用過于程序化的語言。
內(nèi)容的類型由以下4種：
信息，下面舉例幾個場景：
警告：一般用警告框表示，用于向用戶展示對使用程序有重要影響的信息，見下圖
錯誤：文案提示用戶操作出現(xiàn)了問題或異常，無法繼續(xù)執(zhí)行。
確認(rèn)：用于詢問用戶是否要繼續(xù)某個操作，讓用戶二次確認(rèn)，為用戶提供可反悔、可撤銷的退路。
四、反饋出現(xiàn)的位置
根據(jù)不同的場景，會出現(xiàn)在以下幾個位置：狀態(tài)欄、導(dǎo)航欄、內(nèi)容區(qū)上方、屏幕中心、菜單欄上方、底部（覆蓋菜單欄）。
狀態(tài)欄，優(yōu)點(diǎn)：刷新需要一定的時間，為了不讓用戶空等、還能去做點(diǎn)別的事兒，弱化等待過程；缺點(diǎn)：位置不明顯，建議做重要程度不高、或有跨畫面顯示需求的提示。（見下圖）
導(dǎo)航欄：適合顯示臨時的較重要的提示類信息。一般是連接狀態(tài)的展示，表示產(chǎn)品正在努力連接網(wǎng)絡(luò)、拉取數(shù)據(jù)中。（見下圖）
內(nèi)容區(qū)上方： 位置在內(nèi)容區(qū)上方、導(dǎo)航欄下方，通常為下拉刷新，是加載新內(nèi)容的一種快捷方式。默認(rèn)的提示信息是隱藏的，向下拉界面時才顯示對應(yīng)的提示信息，以引導(dǎo)用戶操作。
屏幕中間：通常為整體性的比較重要的信息提示。需要引起用戶重視的、系統(tǒng)提示均可以顯示在此位置，見下圖。
菜單欄上方：可以是應(yīng)用的整體信息的提示；也可以是與界面底部內(nèi)容相關(guān)的提示。
底部（覆蓋菜單欄）：在此位置顯示提示，是根據(jù)app獨(dú)有的特性而設(shè)計，可能是對于新形式的一種追求，keep的這種設(shè)計，保持操作了位置的連貫性。
五、反饋的設(shè)計原則
——為用戶在各個階段的反饋提供必要、積極、即時的反饋
——避免過渡反饋，以免給用戶帶來不必要的打擾
——能夠及時看到效果的、簡單的操作，可以省略反饋提示
——所提供的反饋，要能讓用戶用最便捷的方式完成選擇
——為不同類型的反饋?zhàn)霾町惢O(shè)計
——不要打斷用戶的意識流，避免遮擋用戶可能回去查看或操作的對象。
以上是關(guān)于“反饋”一章的案例介紹，整篇粗淺列舉了微醫(yī)app的大部分案例，很多地方?jīng)]有深入研究，歡迎大家拍磚·～·
