微交互：如何塑造優質的產品細節？

本文轉載自人人都是產品經理（），原標題為：《微交互：如何塑造優質的產品細節？》。

最好的產品通常會做好兩件事情：功能和細節。功能能夠吸引用戶關注這個產品，而細節則能夠讓關注的用戶留下來。

Dan Saffer 的這句話闡明了許多成功產品的秘訣。

值得注意的是，功能和細節兩者都很重要，但是功能居首，細節次之。不過，讓用戶喜歡或者討厭一個 APP 或者網站，往往緣起於細節。隨著網站交互設計和動效的大規模普及，我們現在所看到的許多細節設計，都可以歸類於微交互。雖然在整體性的設計當中，微交互似乎顯得微不足道，但是整個產品體驗，與之息息相關。

今天的文章，我們將會探討微交互是如何塑造優質的產品細節的。

微交互

微交互是圍繞著某個交互或任務的微妙時刻，它並不特指某個交互或者某個動效，而是和任務、交互相關的這個時間段中一系列的交互、動效和反饋。我們日常使用的 APP 中都有大量的微交互。

當我們探討微交互的時候，我們常常會拿日常生活中的開關作為實例，執行按開關這個操作的時候，開關按鈕會有力回饋，按鈕本身會有物理上的位移，同時會有聲音回饋反映到用戶耳中，開關所啟動或者關閉的對象會發生改變，並且讓用戶感知到。這種微交互毫無疑問在計算機被發明之前就有了，而這也是我們設計微交互的原理所在。

如果說，開關的實例還不夠直觀的話，再舉兩個 UI&UX 上的實例吧：

1、iPhone 靜音

iPhone 的靜音按鈕被打開時，手機會有震動通知，UI 上會同時顯示靜音圖標。

2、下拉刷新交互

當用戶希望發現更多內容的時候，下拉界面，隨後內容無縫地載入到頁面中來，通常界面還會提醒內容已更新。

3、點贊按鈕

當你點擊點贊或者喜歡按鈕的時候，界面會使用動效提醒你點擊已經成功，並且將你的頭像顯示在點贊列表當中。

微交互的作用

簡而言之，微交互通過讓產品更加人性化來提升用戶體驗。在設計 UI 的時候，絕大多數情況下，我們都在反覆斟酌界面的外觀和感受，思考怎麼將這些東西設計出來。但是當我需要考慮微交互的設計之時，則更多的是在產品、服務和品牌之間做權衡與抉擇。微交互才是真正意義上以人為核心的設計：

• 提供即時反饋——視覺反饋符合用戶的本能預期，它的存在讓用戶明白，他們的操作被用戶接受；
• 促進互動——微交互本身就在鼓勵用戶進行交互，它能夠指引用戶，教育用戶，讓用戶明白如何使用；
• 帶來愉悅感——微交互本身就是呈現完美體驗的良好時機。

更多優勢

微交互本身是短暫的，同時它也被設計為可重複使用。精心設計的微交互能做的事情不少。

塑造用戶習慣

微交互能夠養成特定的用戶習慣。當用戶重複執行相同動作的時候，能夠逐步形成習慣。典型的習慣環路是由 3 個要素組成的：

• 提示——觸發交互的提示
• 執行——跟著提示的內容，用戶執行對應的操作
• 獎勵——完成操作，用戶獲得相應的獎勵

最終的獎勵來的越明顯，習慣越容易形成。所以，許多產品都在給用戶的獎勵上動心思。獎勵的方式多種多樣，而目前最常用的，是通過動效來賦予交互以愉悅感，或者是給予用戶有用的信息。Facebook 就是採用的這樣的機制，當用戶看到圖標上出現小紅點的時候（提示），會點擊圖標（操作），進入 APP 之後，用戶會看到相應的推送信息（獎勵）。

重要時刻

如果微交互執行的好，那麼它可以成為不斷強化用戶忠誠度的關鍵時刻。同時，它也可以成為塑造品牌的關鍵時刻。想想 Facebook 的 Like 按鈕吧，它採用的是動效作為獎勵機制，並且現在已經成為了 Facebook UI 和交互的標誌，是不可或缺的組成部分。如何哪天 Facebook 刪除了這一功能，用戶會立刻注意到，甚至會誤以為 Facebook 出了狀況。

高識別度

微交互的優勢很多，它最大的特點在於可以無縫的存在於不同的界面，不同的 UX 環節當中，同各式各樣的交互連接起來，如影隨形。

高亮變化

微交互常常能夠吸引用戶的注意力，在許多情況下，微交互是藉由動畫和動效來提相應用戶 「這個細節很重要」。

提升用戶效率

自動補全是微交互的另外一個重要用途。不論是什麼語言，文本輸入本身的成本一直都很高昂，在小型觸摸屏上尤其是如此，出錯率高，總體效率低下。自動補全，或者說自動填充，它能通過預測在一定程度上提前給用戶正確的輸入內容，降低出錯率，提升效率。

提供相應的反饋

微交互能夠強化用戶交互的實際效果，不過考慮到 「show, don』t tell」 這一設計原則，採用動畫來展示交互結果和操作已完成，比起文字說明和提示框要優雅得體且有效得多。在 Stripe 的這個案例當中，用戶點擊付款之前，會有一個短暫的載入過程，完成之後還有一個完成的對勾標識告知用戶付款完成。這組動效不僅符合用戶接受信息的自然過程，而且給予了用戶正確的反饋。

提供狀態相關信息

Jakob Nielsen 所提出的第一個可用性原則是這麼說的：系統應該讓用戶明白正在發生的事情。聊天窗口中的綠色狀態指示控制項就是一個很優秀的實例。用戶是否收到了，一目了然，無需說明。

驗證用戶信息

表單設計中最容易被忽視的，其實是對於出錯信息的處理。表單，尤其是長表單，填寫內容出錯其實是很正常的事情，等到提交信息的時候再報錯，用戶會非常沮喪。而微交互結合實時驗證，能夠讓用戶在輸入的過程中就發現錯誤並進行修改，一次通過，不用等待提交的時候再回頭處理。

結語

設計始終都關乎細節。即使是再微小的細節都值得我們關注，細節的裝飾，微妙的配色，看起來微不足道的微交互，細小但是引人注意的動效，所有的這些東西構成了產品令人難以忘懷的體驗，而這些都無法忽視。

「那些令人愛不釋手的應用，和那些令人難以忍受的應用，差別可能就在於微交互上。」 這句話也是 Dan Saffer 說的。

原文作者：NICK BABICH