|
反饋這個詞兒其實是控制論的基本概念，泛指發(fā)出的事物返回發(fā)出的起始點并產(chǎn)生影響。在信息交互過程（輸入輸出）中，它是一種界面輸出物，用以提醒信息輸入者他的操作結(jié)果。它有很多種形式，包括界面元素、聲音、影像變化和物理位移（如震動）等。
我們這里討論的反饋僅特指用戶對網(wǎng)頁表單元素進(jìn)行操作所得到的可視化的輸出信息，為了加強(qiáng)區(qū)分避免歧義，我們這里姑且稱之為反饋提示（如圖）。這里分幾個方面對其設(shè)計中應(yīng)注意的事項加以簡要說明。
位置：頁面上的反饋提示作為一種信息輸出，最重要的屬性要求就是迅速明確的被信息輸入者所知曉，這也是對設(shè)計師來說最重要的設(shè)計原則。執(zhí)行起來，可以參照兩條具體標(biāo)準(zhǔn)：
1.當(dāng)前頁面：反饋提示應(yīng)該放在操作發(fā)生地的附近。
根據(jù)心理學(xué)的注意力分配模型，不熟悉或十分關(guān)注的操作都會占據(jù)人腦相當(dāng)多的注意力資源，若任務(wù)有延時反饋，則操作完成后注意力發(fā)生聚焦，投射在行為發(fā)生地附近，以關(guān)注產(chǎn)生的結(jié)果。簡單點說就是，我在輸入框中輸入內(nèi)容，若有任何問題，我希望反饋就在這個輸入框旁邊發(fā)生。這是再正常不過的交互與反饋了。
這條原則對于有同理心的設(shè)計師們可以說是共識，他們普遍爭議的是另一個問題，反饋與表單元素的相對位置究竟該怎樣安排才最合理？實戰(zhàn)派的主張“左右”，理論派的則倡導(dǎo)“上下”……但其實這一點并不需要太糾結(jié)，一般來說，如果寬度足夠或不希望表單過長（想在一屏內(nèi)解決戰(zhàn)斗）、過于跳躍的話，那么把反饋提示放在表單元素右側(cè)是可行的，例如淘寶的注冊頁：
如果對象是有嚴(yán)格邏輯順序（如縱向）的系列操作，那么反饋提示放在操作流向途中（對應(yīng)的表單元素下面）則比較合理，并能達(dá)到更好的提示效果，例如淘寶的訂單頁：
所以，上下左右并不像想象中有那么大的關(guān)系，只要在發(fā)生地附近，用戶都是可以注意到的，只是程度不同而已。倒是怎樣清晰明確地表達(dá)反饋與對發(fā)生地之間的關(guān)聯(lián)、不讓用戶產(chǎn)生迷惑顯得更為關(guān)鍵，關(guān)于這一點，jQueryValidation所提供的PluginDemo里給出了一個比較好的思路，設(shè)計師們可以考慮通過一些樣式的改變來制造一些聯(lián)系。
現(xiàn)在facebook采用的也正是這樣的一種方式，它通過加粗的邊線與箭頭更強(qiáng)的表達(dá)這種關(guān)聯(lián)性：
2.刷新頁面：反饋提示應(yīng)該放在用戶最渴望看到它的地方或最容易注意到的地方。網(wǎng)頁的加載特性讓我們的操作區(qū)域有可能會在頁面刷新后消失于我們注意力的聚焦范圍之內(nèi)。新的頁面中，緊張、“短暫失憶”的用戶不一定會拖動滾動條來找剛才的操作區(qū)域（原來的聚焦范圍也很快消失掉了），進(jìn)而找到反饋結(jié)果。他們擔(dān)心、茫然，渴望在新頁面中一目了然地看到它。這個時候，把反饋提示放在新頁面中的顯著位置無疑是最佳選擇，頁面導(dǎo)航的下方和表單區(qū)域的上方都是不錯的位置。
狀態(tài)，樣式：關(guān)于狀態(tài)和樣式在這里不去做過多的探討，注意兩點：1.將狀態(tài)分類（對/錯/提/警等）并進(jìn)行差異化設(shè)計是一個不錯的辦法，至少對你的中高級用戶會有一定的好處；2.icon能起到明顯的狀態(tài)提示作用，但選用時需慎重，要明確，要友好，不要夸張。至于形式上到底需不需要有底色、帶邊框、配icon、長箭頭等，對反饋來說并不必要，不需要很糾結(jié)，具體情況具體分析一下，只要能引起注意、表意快速明確并且不讓用戶產(chǎn)生迷惑，所有的樣式都是值得嘗試的。
文案：雖然說最好的文案就是沒有文案，但這只是個遙遠(yuǎn)的vision，現(xiàn)實中文案必不可少，交互設(shè)計師是應(yīng)該注意一些的，它的好壞直接影響用戶體驗。
首先你需要一個文案模板以輔助設(shè)計和保證統(tǒng)一性，業(yè)內(nèi)比較認(rèn)同的是“[狀態(tài)+解釋]+(解決辦法)”的文案結(jié)構(gòu)，一般來說，按照這個套路來，大體上都能保證文案的完備和明確。下圖中都是同形式同指意的反饋提示，百度說的就比YouTube要清楚。
除了明確、清楚之外，文案還需要尊重用戶的掃讀習(xí)慣和個人情感：比如，你想表達(dá)一個or的關(guān)系，用“或”會比用“或者”好些，因為“或”字會讓兩邊的主體內(nèi)容在掃讀的情況下變得更容易識別；再比如，你面向的是注重風(fēng)水和彩頭的商人，也許“恭喜，只差一步…”就應(yīng)該寫成“恭喜，還有一步…”，因為你的用戶們對負(fù)面的文字和語義會比其他人更加敏感……
寫文案比寫文章困難，它需要更多細(xì)膩的心思和周全的考慮，在滿足基本要求的同時還必須在狹小的發(fā)揮空間內(nèi)體現(xiàn)出獨特的產(chǎn)品氣質(zhì)，這是非常難能可貴的事情。如果你有精彩的案例，請跟我們分享吧！
出口：出口，即上文中提到的解決辦法，它可以是用戶對當(dāng)前反饋的非正常狀態(tài)的解決途徑，如圖中的[?]；也可以是一個交互階段結(jié)束后，系統(tǒng)給用戶的操作引導(dǎo)，如圖中的文字鏈接。在某些情況下，這些出口是十分必要的，這就好像當(dāng)你告訴用戶此路不通時最好指給他一條能通的路，當(dāng)用戶走到一個丁字路口時，你最好能告訴他是該往左還是該往右。
需要提醒的是，這種出口切忌太多，階段交互結(jié)束后，對于思路中斷并且茫然的用戶來說，太多選擇甚至比不上沒有選擇（如下圖）。按照用戶心理需求和操作習(xí)慣排個序，最多放出兩個，一主一次。
可以說有交互就會有反饋，反饋是交互設(shè)計中最前線最直接的一環(huán)，它的好壞直接影響產(chǎn)品體驗。實際設(shè)計中，由于缺乏意識或項目時間緊張，設(shè)計師對這一塊往往并不給以過多的關(guān)注，設(shè)計起來也比較倉促和盲目，這點需要特別糾正過來，在原型中期，就需要把表單元素的校驗規(guī)則以及可能的反饋情況都設(shè)計好。這是一個良好的習(xí)慣。
|