上篇文章主要說了“微交互和交互設計的區(qū)別”“微交互的適用場景”以及“微交互的實現(xiàn)和組成”的上半部分，這篇文章主要說“微交互的實現(xiàn)和組成”中的規(guī)則這一部分，反饋、循環(huán)與模式放到下篇文章說，附上篇的鏈接《「微交互：不被用戶察覺的小細節(jié)提升用戶體驗」》。

什么是規(guī)則？

在社會生活中，規(guī)則就是運行、運作規(guī)律、規(guī)范人們行動所遵循的準則。它是有定式的、有規(guī)律的。內(nèi)容基本是圍繞人們應該做的事情的范圍和執(zhí)行方法來設定，規(guī)則的目的就是維持社會生活的秩序、合理、圓滿；協(xié)助人們在社會活動中作出正確判斷。

沒有正確的規(guī)則，社會生活就不能良好順利進行，人們就不能在社會中，滿足自己的需求和更好的生活。且不同的規(guī)則，也會形成不同的社會活動，當社會活動順利進行時，參與活動者幾乎感受不到規(guī)則的存在。

同樣地，微交互的規(guī)則決定了微交互如何使用。設計微交互規(guī)則的最終目標不是整個交互過程中的某一個步驟，而是最終的一個狀態(tài)。

比如用來檢索信息的微交互“搜索”，最終的目的不是輸入信息，也不是點擊“搜索”按鈕，而是得到用戶想要查詢的信息。那微交互越接近目標，成功率就越高，這個微交互就越高效，一切規(guī)則都是圍繞目標來設計的，這個目標一定是容易理解和完成的。

實時搜索改變了傳統(tǒng)意義上的靜態(tài)搜索模式，不需要點擊“搜索”按鈕，結(jié)果會根據(jù)輸入的信息而實時變化的。

滴滴金融

比如滴滴金融的“登錄”微交互，最終目的不是讓用戶輸入密碼等信息，而是進入應用程序，可以看到輸完驗證碼，后臺驗證，如果正確便自動進入下一步，不需要額外點擊“下一步”的操作，也體現(xiàn)了微交互越接近目標，成功率越高。

微交互的規(guī)則應該是在用戶使用應用的過程中，潛移默化地引導用戶完成“交互”的流程，整個過程很流暢，而不是讓用戶覺得又卡殼了，哪里都是要遵循，需要動腦子記憶的感覺。

就像社會活動中的規(guī)則一樣——我雖然是用來限制你的，但是好的微交互規(guī)則，會讓用戶幾乎感覺不到規(guī)則的存在，一切都是自然而然到達目的的。

規(guī)則的作用

1. 微交互如何響應被激活的觸發(fā)器

（用戶點擊按鈕時，會發(fā)生什么？）

2.?用戶可以進行什么操作

（比如正在緩存視頻時，可以暫停緩存）

3.?動作發(fā)生的時間及順序

（比如填寫表單時，必須填寫完必填項，提交按鈕的狀態(tài)才會轉(zhuǎn)變）

4. 什么時候提供反饋

（比如蘋果手機的鬧鐘，故意把“稍后提醒”的按鈕放大，讓用戶容易點到，大部分人的心理都會有賴床一會的習慣，點擊“稍后提醒”，第一次提醒會在9分鐘之后，時間長短的選擇也很恰當，避免賴床的時間太長而耽誤事情…那這個微交互提供的反饋是在9分鐘之后）

5. 微交互結(jié)束時會發(fā)生什么

（一個微交互結(jié)束時是切換到另一個微交互？循環(huán)重復？還是自動結(jié)束？）

規(guī)則設置時要考慮到規(guī)則是否符合用戶在其他應用上，使用類似微交互已經(jīng)養(yǎng)成的習慣，或者更改的新規(guī)則和舊規(guī)則之間的沖突。如果徹底顛覆了用戶習以為常的思維模式，那新規(guī)則一定要確確實實很新穎的，新的微交互一定要比舊的明顯好很多，最好能夠有立竿見影的效果，否則用戶總會帶著某種心理預期去使用它。

微交互如何生成規(guī)則

可以進行頭腦風暴，集思廣益，把能想到的規(guī)則大體上都記錄下來，再一步步去順序排列，依次展開，拆分細化；如果能使用“泳道圖”之類的可視化的邏輯關系圖，微交互之間的規(guī)則就更能夠一目了然了。

泳道圖

動詞與名詞

在微交互中，動詞代表用戶為實現(xiàn)目標采取的動作，名詞代表輔助實現(xiàn)該動作的對象。

比如：音樂播放器中調(diào)節(jié)音量大小的滑動條，動詞就是用戶可以做什么（調(diào)節(jié)音量大?。?，而名詞就是通過什么來調(diào)節(jié)（滑動條）。

微交互規(guī)則還定義這些名詞的特征和狀態(tài)，用最多的動詞和最少的名詞是微交互的最高境界。當兩個看起來類似的按鈕，執(zhí)行的行為應該也差不多，這既是交互中每個名詞的獨一性也是規(guī)則的統(tǒng)一性。

屏幕與狀態(tài)

微交互采用獨立的屏幕不如利用狀態(tài)的變化，狀態(tài)可以分為默認狀態(tài)、活動狀態(tài)、更新后的狀態(tài)等。

微交互使用太多獨立的屏幕容易造成流程的割裂感，倒不如為每個對象定義狀態(tài)，使用狀態(tài)的變化來向用戶傳達消息，告訴用戶發(fā)生了什么。

約束條件

設計規(guī)則時需要考慮業(yè)務性、環(huán)境性以及技術實現(xiàn)的約束。

1. 可用的輸入、輸出（比如輸入手機號碼時，自動彈出數(shù)字鍵盤）
2. 輸入內(nèi)容的類型與范圍（比如輸入手機號碼，允許輸入多少字符，除數(shù)字以外的字符是否允許輸入）
3. 資源消耗
4. 可以搜集哪些數(shù)據(jù)

細節(jié)性的規(guī)則

1. 設置一個聰明的默認項和有限的選項（有限的選項分為把不需要的隱藏和只提供需要的這兩種）

比如貸款類產(chǎn)品需要選擇是否有公積金，可以根據(jù)已知的用戶信息來默認選擇一個，選項也要越少越好，因為選項越多，規(guī)則越多，默認的選項應該是大多數(shù)時候會用到的。選擇使用什么樣的控件？如何展示？要根據(jù)易操作和易辨識來選擇，比如不斷重復的一定要易辨識；不常用或者只需要一步操作的，易操作更好。

即使是類似屬性的內(nèi)容，選擇了不同的控件，也會使得產(chǎn)品完全不同。

比如新聞類的頂部導航欄（交互手勢更多的是左右滑動去切換導航中的目標位置）和電商類的分類導航（交互手勢一般是點擊選中左側(cè)導航中的目標）。

一種偏重于為了讓用戶更沉浸式的閱讀觀看體驗，往往一個tab里面會有很多內(nèi)容，并且希望用戶可以停留的時間越長越好。根據(jù)人眼在移動端的“Z”形瀏覽規(guī)律，左側(cè)放tab就很影響用戶的沉浸式體驗，而且人們使用新聞娛樂類的app 時，更多的是無目的閑逛消遣。

另一種偏重于可以讓用戶在繁多的商品里，快速方便定位內(nèi)容，更重視效率。

微信的截屏默認快速發(fā)圖選項，就是聰明的默認項的表現(xiàn)，在微信中進行截屏操作，然后在聊天界面點擊“+”號，會默認彈出剛剛截屏的圖片，點擊圖片就可以快速發(fā)送，不需要再進入相冊選擇圖片。也是結(jié)合了上下文情景，預測用戶的行為，添加了一個微交互的選擇，縮短了用戶行為路徑，高效又方便。

2. 利用情景和之前的行為預測（例如微信的快速發(fā)送截屏的選項）來增強微交互，在對你的用戶、平臺或者環(huán)境有了解的基礎上，再去優(yōu)化、設計微交互。

舉個手機來電的例子，已鎖屏和未鎖屏采用不同視圖，左圖是手機未鎖屏時的顯示方式，右圖是手機已鎖屏的顯示方式。

手機鎖屏的很多情況可能是手機在褲兜里沒有使用時，那右圖的滑動接聽的微交互方式就有效的避免了誤觸的問題。

3. 即使要讓系統(tǒng)處理大多數(shù)的復雜性，減少用戶的操作，但有些時候也要適時的將控制權交給用戶，所有的活動都有內(nèi)在的復雜性，超過了某個臨界點，就會不可能再簡化了。找出最核心復雜的地方，再判斷什么時候系統(tǒng)處理復雜性，什么時候用戶自己手動處理。

4. 為了預防錯誤，可以做某些限制、提供建議、對用戶寬容一些、靈活處理各種情況等，讓用戶沒有機會犯錯，如果不得已給出警告或者錯誤提示，一定要給出解決方案。

錯誤一般分為兩種：“失誤”和“錯誤”。

失誤就是想做某個操作，不小心或無意做了另一個操作。錯誤就是用戶的目標不能解決用戶的問題或者滿足需求，想做的事情不能解決問題，如果繼續(xù)走下去就是一個錯誤。錯誤是有意識的，通常是因為用戶的認知和獲取信息的不完整有關系。

例如輸入銀行卡號，輸入的卡號格式如下：

• 可以是6123 4321 8000 5233 453，
• 也可以是6123432180005233453，
• 或者是6123-4321-8000-5233-453。

如果數(shù)據(jù)庫不允許出現(xiàn)非數(shù)字符號，是否可以智能刪除非數(shù)字符號，或者直接可以掃描銀行卡，自動識別卡號，就能有效的避免用戶犯錯。

規(guī)則是微交互模型的非技術層面，規(guī)定了什么可以做，怎么做，什么不可以做，合理完善的規(guī)則才能夠讓用戶在應用內(nèi)流暢愉快的達到目的。

本文由 @白白 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于 CC0 協(xié)議