炎熱的天色，宅在家中拉上窗簾一邊看著喵們耍寶一邊做博客，這情景讓我想起阿拉蕾一家。Take me down to the paradise city where the grass is green and girls are pretty.

　　下戰書茶一般的小文一篇，關于操縱響應、正面反饋、用戶滿足、皆大歡喜一類。進入正文吧，毫無壓力。

　　我們喜歡告訴用戶他們做錯了什么，我們預備了各種犯錯提示，從電話號碼輸入格局有誤，到登錄失敗。但是對于用戶的那些成功操縱，我們又做了什么呢?有沒匡助他們慶祝，告訴他們“嘿你做的非常準確”?

　　正面反饋是晉升用戶體驗愉悅度的樞紐因素，我們要讓用戶了解到他們正在執行的操縱是準確的，這一點非常重要。在本文中，我們將一同了解一下為什么正面反饋絕非可有可無，作為設計師，我們應該在什么時候、以怎樣的方式將其運用在網站當中。

　　為什么正面反饋如斯重要

　　有沒想過為什么多數人不喜歡觸屏設備上的虛擬鍵盤?最主要的原因恐怕就是它所提供的反饋感慨感染很難與實體鍵盤相媲美。不能否認，觸屏操縱平臺的設計師們確實盡力了，例如實體質感的視覺效果、觸摸按鍵時的敲擊音效以及放大的彈出提示，這些解決方案都給用戶的操縱行為帶來了一定的正面強化作用，但它們確實無法達到實體按鍵所能帶來的正面反饋效果，由于不管怎樣，虛擬鍵盤都無法模擬實體鍵盤的觸摸感。

　　這是一個讓人即煩惱又無奈的現實，它也從一個側面說明了正面反饋對于產品的重要性。對于虛擬鍵盤來說，缺乏足夠真實和強力正面反饋，結果就是用戶難以在這方面產生足夠的體驗滿足度。

　　實在多數用戶老是難以產生真正的知足感，不管出于他們自身技能所限，仍是你的產品本身確實有題目。他們會擔心自己是否做錯了什么，他們想知道網站是否真正了解他們的操極目標。良多時候這是因為他們并不能真正的理解網站的運作機制所造成的，結果就是一旦泛起題目，他們會首先抱怨自己 。

　　通過正面反饋機制，我們可以逐漸匡助用戶打消這些顧慮，匡助他們建立決心信念，讓他們感到一切都在順利的進行著。這一點，對于那些對自己在計算設備操縱能力方面缺乏決心信念的用戶來說尤為重要。這類用戶，實在未必真正缺乏操縱技能，只是在良多時候，因為系統沒有作出足夠的正面反饋，致使他們對自己的判定產生了疑慮。

　　正面反饋機制不僅可以晉升用戶在作出準確的操縱行為之后的體驗滿足度，它還可以打消掉那些沒有必要的顧慮，防止用戶在做了準確的事情之后因為擔心自己操縱有誤而撤消之前的行為。以網購當中的交易流程為例，在用戶提交了訂單之后，假如系統的處理時間較長，導致后續頁面加載遲緩，而這當中沒有任何反饋提示，那么用戶很有可能會以為自己的訂單并沒有提交成功。這種情況下，可以在頁面加載的過程中向用戶提供一些正面反饋信息，例如告訴他們“系統正在處理訂單，請稍候”一類，這樣可以防止用戶因為不明真相而點擊撤退退卻按鈕。

　　想想看，假如用戶由于“疑惑”和“疑慮”而重新執行一遍購物流程，包括選擇商品、填寫各種表單...有夠蛋痛。不管之前步驟當中的設計方案有多精彩，單憑這一點，整個購物流程的體驗滿足度就會極度下降，而且用戶很有可能自此離開。轉化率呢親?

　　何時需要正面反饋

　　用戶輸入內容的地方是一個樞紐點，包括注冊、登錄、購買、發表評論、更新狀態等等與數據內容產生互動的交互環節都是需要重點關注的。特別是對于用戶名、郵箱、密碼、郵編這類字段，來自系統的正面反饋可以匡助用戶打消數據操縱技能方面的疑慮。

　　除了輸入數據內容，點擊鏈接也是一個重要的交互點。假如注意的話，你會發現如今的多數網站并沒有對用戶成功點擊鏈接的行為作出正面反饋。用戶點擊鏈接后，瀏覽器自身確實會帶來一定的反饋提示，包括地址欄及標簽欄當中的相關變化，但用戶執行點擊操縱的時候，留意力在短時間內依然是集中在鏈接位置上的，因此為鏈接本身設置一定的響應規則是更加有效的做法。在這方面，Smashing Magazine是一個不錯的范例，當用戶點擊了某個文字鏈接之后，CSS當中的a:active規則會為鏈接文本設置紅色的背景色，用戶可以很直觀的感慨感染到自己成功的點擊了鏈接。

　　反饋與留意力焦點位置不一致的題目不僅存在于鏈接方面，良多時候，用戶的操縱會導致另外一個地方的內容或交互元素發生變化，這很輕易使操縱結果被用戶忽略掉。一個常見的例子就是將商品添加到購物車的過程，用戶在這里的留意力會主要集中在“添加到購物車”按鈕以及四周的商品信息上，所以對于添加成功的最直接有效的反饋也應該泛起在這個位置，例如在按鈕四周，或是直接呈現在商品圖片上。

　　間隔只是題目的一個方面;假如用戶的交互行為會觸發界面當中很小的細節之處發生變化，那么即使反饋的間隔很近，也仍不能說是保險的。對于這種情況，最好可以提供在視覺效果上更加清楚醒目的反饋，以確保用戶可以在第一時間留意到。

　　怎樣實施正面反饋

　　當用戶出錯的時候，我們通常會扔一段錯誤信息上去作為提示。類似的，對于正面反饋，這也是一種可行的方法。不外我覺得使用文字信息提供正面反饋的時候仍是需要小心些，由于文字會迫使用戶將留意力轉移過來，閱讀并思索，這個過程會在很大程度上降低任務流程的流暢度。正面反饋的作用是應該鼓勵用戶大膽勇敢前進，而不是造成羈絆。

　　在某些情況下，使用文字信息提供正面反饋也確實長短常有效的。例如，在用戶點擊了“添加到購物車”按鈕之后，我們可以將按鈕的標題變為“繼承添加”。這個改變一方面可以讓用戶不用轉移視線焦點就可以當即知道他之前的添加動作確實成功了，另外也可以鼓勵用戶繼承進行相關操縱。

　　視覺反饋

　　我們可以在更多的時候使用視覺元素的屬性變化來代替文本作為正面反饋的表現形式，包括圖形圖片、風格樣式、配色、大小等方面。譬如前面提到的鏈接被點擊之后呈現高對比度的背景色，或是表單字段被準確填寫之后在旁邊輸出對勾圖標，再好比當頁面當中某個位置的內容被更新后，使用背景色等方式對這部門進行高亮顯示等。

　　另外一個很典型的例子就是鼠標指針的狀態變化。當用戶將鼠標指向一個可交互的界面元素(例如鏈接或按鈕)，他們會期望指針變為手形。假如系統在這里沒有作出符適用戶預期的反饋，那么用戶很有可能產生疑惑。良多時候，界面當中可點擊的元素并非鏈接或按鈕，它們是通過JS的配合來實現交互性的，這種情況下要記得在樣式表中將cursior屬性手動設置為pointer，使它們能夠模擬鏈接或按鈕元素在鼠標懸停時所產生的指針狀態。

　　通過動畫效果提供反饋

　　當然，動畫本身也是一種視覺表現形式。如今，良多網站都會使用一些精巧的動畫效果將用戶的留意力吸引到犯錯的地方，例如登錄WordPress治理后臺時，假如用戶名或密碼輸入有誤，整個表單會表現出“抖動”的效果，提示用戶輸入錯誤。同樣的道理，我們也可以將動畫效果運用在正面反饋上。

　　一個比較常見的例子就是頁面內的錨點鏈接跳轉，包括向下滾屏瀏覽內容或是返回頁面頂部。默認情況下，錨點跳轉沒有任何動畫過渡效果，頁面只是很突兀的移動到指定的位置。而現如今，我們可以在越來越多的網站中看到具有平滑動彈效果的跳轉，有些還會在頁面到達目標位置后將特定的內容進行高亮顯示。這種改變使得整個交互方式更加符適用戶直覺，并且可以很清楚的將交互結果呈現給用戶。

　　我們也可以在購物網站中將動畫過渡效果運用在添加商品到購物車的交互環節中，例如在用戶點擊了“添加到購物車”按鈕之后，將代表購物車的界面元素展開，以展示剛剛添加進去的新商品，或是讓商品以動畫的方式“飛入”購物車。這些方式都可以捉住用戶的目光，將操縱成功的信息正確穩妥的傳達給用戶。

　　我相信動畫過渡效果還是一種沒有被充分利用的信息反饋形式，這還有待我們在更多產品中繼承挖掘和實踐。

　　通過音效提供反饋

　　使用iPhone或iPad的同學們，你們在發送短動靜或是郵件之后，是否特別期待“嗖”的那一聲?這就是通過音效提供正面反饋的好例子。不管是使用桌面設備仍是移動設備，實在我們都非常依靠于音效反饋，例如點擊按鈕或是敲擊虛擬鍵盤時，系統發出的擬真音效可以讓我們很放心的持續進行輸入操縱。

　　那么為什么音效反饋在網站中的使用率非常低呢?除了文件尺寸方面的因素，是否還有其他方面的原因?

　　也許是由于在網站中使用音效過于煩人?曾幾何時，大大小小的網站當中都會使用無聊的音頻輪回或背景音樂，有些甚至無法取消播放;我們是否因此而有所顧及?話說歸來，從前的網站到處都是糟糕的視覺設計與動畫效果，但這并沒有妨礙我們逐漸對這些方式進行改良并將它們運用到準確的地方。

　　也許有些人會覺得瀏覽網站的行為通常會發生在桌面設備上，這也是我們通常在工作中所使用的平臺，所以使用音效反饋會造成一定程度的干擾。但我們所說的音效實際上與操縱系統本身那些細小的提示音無異，它們都是為了在交互過程中向用戶反饋信息。

　　一個可以觸發音效反饋的點擊操縱可以非常有效的讓用戶知道他們準確有效的完成了行為;在購物網站中，打開收銀機的音效完全可以運用在用戶添加商品到購物車的操縱當中。音效反饋是一種強盛的溝通工具，只是我們還沒有在合適的地方對其進行充分的運用。

　　總結

　　不管采用音頻、視覺元素、動畫或案牘當中的哪種形式，我們都應該為用戶的交互行為提供更多的正面反饋，這可以晉升他們的滿足度，使他們更自信更高效的在你的網站中完成目標。