2018-8-17 資深UI設計者
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
《名偵探柯南》中總是提到福爾摩斯的一段話：「When you have eliminated the impossible, whatever remains, however improbable, must be the truth.（排除一切不可能的，剩下的即使再不可能，那也是真相。）」這句話用干擾效應來解釋最好不過，本期我們來聊聊。
想看更多設計法則，這個專題里全都有：設計法則專題
干擾效應：一種現象，同時思考兩件或兩件以上的事情時，思考的過程會變得比較慢，也不準確。
有兩種或兩種以上的知覺或認知過程發生沖突時，就會產生干擾效應。
人們的知覺和認知的不同與心智模型有關，這些模式會獨立分析、處理收到的相關信息，處理后會傳送到工作記憶區，并作出詮釋。當輸出資料一致，詮釋過程會又快又好。當輸出資料不一致，就會產生干擾，需要一些其他的處理，以便更好地解決。解決這些問題需要浪費很多時間，對性能也會產生不好的影響。
1. 斯特魯普干擾
斯特魯普干擾（Stroop Interference）：刺激物不相干的一面引發了思考過程，因而干擾了刺激物相關方面的思考。
圖標協同文字可以準確的向用戶傳遞所要表達的內容，二手在常用的 App 中截出了一些圖標，卻發現現在很多的圖標在信息傳達方面有所欠缺。
舉四個例子：
下面這組圖標，「地方菜系、美食、晚餐、大牌簡餐」幾個圖標沒有表達出所要傳達的信息，還有幾個圖標要借助文字才能表達出其含義。即使圖標設計的非常精美，但是圖標功能卻存在缺失，而且這幾個圖標不能刺激用戶對信息的理解，反倒是讓用戶更加迷惑。設計師也注意到了這個情況，所以最近改版后，信息傳達變的更加直接，減少了干擾。
接下來的這組圖標也存在同樣的問題，這組圖標想借助圖標上產品本身的含義來傳達給用戶要表達的信息，但是這需要用戶對這些產品本身的定位非常明確，如果不明確的話只能干擾用戶的行為，例如，用戶需要知道「呂」是個韓國洗發水之后才能拐彎抹角的聯想到「全球超市」，再例如：中間「輕奢」圖標，用的是勞力士綠水鬼，一款70000+還要靠等才能買到的奢華手表，二手認為跟輕奢的定義有矛盾，除非這并不是勞力士。
米家這套圖標二手認為可以準確傳達所描述的信息，因為米家有種類繁多的 loT 產品，有時候一款產品更是分為不同的版本，如果用戶只是根據名稱選擇的話不僅繁瑣而且十分耗時，所以在選擇產品時，米家把所有產品外形準確刻畫成圖標，用戶可以先根據自己產品的外形大致選擇型號，再根據文字提示準確的選擇自己產品的版本。
△ 米家App圖標
滴滴這套圖標表達也很準確，不同的服務通過不同的圖標可以準確傳達。
△ 滴滴圖標
2. 加納干擾
加納干擾（Garner Interference）：刺激物一個無關的變化，引發了思考過程，干擾到跟刺激物相關的思考過程。
舉個例子：如下圖，指出單獨一排的形狀，比指出兩排其中一排的形狀要簡單。兩排形狀緊靠在一起，激發了想說出旁邊形狀的思考程序，造成干擾。
根據上面這個案例，二手聯想到了「個人中心」頁面，大部分「個人中心」頁面都選擇了豎排列表布局。列表布局就是以列表的形式展示具體內容，并且能夠根據數據的長度自適應顯示，Material Design 建議列表是「可快速掃描」，適合顯示類似的重復的內容。列表布局也是最快速的 app 布局方式。這種排列在某方面上就是降低了干擾。相比于列表布局，宮格導航是將主要入口全部聚合在頁面，讓用戶做出選擇。這樣的組織方式無法讓用戶在第一時間看到內容，選擇壓力較大，采用這種導航的應用已經越來越少，往往用在二級頁作為內容列表的一種圖形化形式呈現，或是作為一系列工具入口的聚合。
△ 列表布局和宮格導航
3. 前向干擾
前向干擾（Proactive Interference）：現存記憶干擾了學習。
舉個例子：手淘的最近改版中，店鋪首頁頂部導航和底部自定義菜單結構化調整，但是有一個細節的變化讓二手不斷的犯錯——返回按鈕改成了關閉按鈕，二手習慣點擊左上角返回按鈕來返回上一級菜單，改版后依舊習慣點擊左上角，但是打開的是店鋪印象，僅僅是圖標左右位置簡單的調換，已經讓二手在使用的過程中挫敗感強烈。這就是現在的使用記憶已經嚴重干擾了學習。所以產品在改版迭代的時候，盡量不要干擾用戶已經熟悉的路徑或是破壞用戶使用習慣。
△ 手淘的店鋪首頁改版
4. 后向干擾
后向干擾（Retrosctive Interference）：學習干擾了現存記憶。
這個正好跟上面相反，二手不斷培養現在的使用習慣，漸漸的就忘記了上一版的路徑。
要想預防干擾，就要避免輸出思考過程中相互沖突的設計。知覺的干擾效應，通常是因為信息的傳達過程中有歧義，或是因為把互相干擾的元素結合在一起。要把干擾效應降到，首先要求設計師用準確的設計語言傳達信息，如果這樣還是無法讓用戶很好的理解，其次可以考慮利用文字或者引導來告知用戶。