2020-4-6 資深UI設計者
編者按：這篇文章來自 Taras Bakusevych 的文章《How to simplify your design》
如今的數字產品，在不斷迭代過程中，會加入更多功能，添加更多的技術支持，更新進階的特性。而另一方面，企業對于構建簡單實用的產品，也同樣非常著迷。這當中當中毫無疑問是存在微妙的對抗和沖突的——如何讓更好更多的信息，以更加輕量易用的方式呈現出來？這就涉及到產品的簡化改版的技巧了。
讓產品變簡單，其實一件困難的事情。
我們可以將「簡單」定義為「更加易于理解或完成」，或者是「不困難」。值得一提的是，簡單與否，它是主觀的，對于一個人而言簡單，對于另一個人而言不一定簡單。通常，我們是通過下面的三個步驟來判斷一件事情是簡單還是困難：
在《簡單法則》當中，John Maeda 提供了10條法則，這些法則能夠幫你平衡商業、技術、設計所帶來的復雜性——更通俗的來說，就是如何合理簡化但是又能收獲更多。
The Laws of Simplicity, John Maeda
Meada，作為麻省理工多媒體實驗室的教授，他也是舉世聞名的平面設計師。在書中，他非常慎重地探討了「改進」這一概念，在他看來，它通常并不總意味著「更多」。無論是對于復雜度，還是簡化，都只是相對概念。結合合理的培訓，培養制造火箭的科學家也不是難事，但是總會有一些關鍵的因素，會讓簡單的事情變復雜，在設計中我們應該盡量去規避它們：
那么，我們在具體的產品改版中，要如何合理地簡化呢？下面，是我結合這些原則來總結的21條建議：
有太多的產品試圖讓你更用戶做更多的事情，每個企業都試圖成為行業中的瑞士軍刀。但是，如果你希望產更加簡單，那么你需要有一個核心價值，并且確定產品真正針對的是誰，并非每個產品都應該成為 Facebook。你的產品的核心價值是什么？
想要簡化產品，最簡單的方法，是經過深思熟慮之后再進行簡化和刪除。如果組件或者模塊的功能、價值存疑，那么請刪除。次要信息、不常用的控件、分散注意力的樣式，都在這個范疇內。就這么簡單。一旦采用這一的方式，你會立刻馬上看到結果。當然，刪除的時候，請務必深思熟慮。
「簡單并非完全沒有混亂，因為雜亂必然會伴隨簡化而存在。簡單本質上是對產品的定位和目的有更精準的描述。而沒有雜亂僅僅意味著這是一件不雜亂的產品，但是這并非簡單。」
——喬納森·艾維
我們日常設計的絕大多數產品，都涉及到需要用戶理解大量數據。當用戶對于趨勢和變化感興趣的時候，請盡量使用可視化的方式來呈現信息，而不是一堆數字。嘗試從數據中提取有效的內容，可視化地呈現在用戶眼前，這才是有意義的簡化。
用戶長期遭受復雜決策機制的折磨，幫助用戶看清各種信息，更好的決策是簡化的方向之一。席克定律曾經對此作出過非常經典的解釋：用戶做選擇所需要花費的時間和精力往往會隨著選項數量的增加而增加。因此，如果你希望用戶決策變得簡單，那么你需要簡化選擇，消除不必要的選項，來幫助用戶進行選擇。
當前心理學理論和調研肯定了一件事，就是足夠多的選擇可能會給人帶來積極的情緒，相應的衍生出一個流行的觀點，就是選擇越多越好，但是人類天性中的管理能力是不足以支撐過多選擇的。
果醬實驗是消費心理學當中最著名的實驗之一：為消費者提供更少的選擇，對于銷售更加有利。這一點是至關重要的——更少的選擇，能夠帶來更多的銷量。
在這個實驗當中，選擇較少所帶來的轉化率幾乎是更多選擇的轉化率的10倍。這是一個選擇過載帶來不良后果的一個重要范例——過多選擇抑制了用戶選擇購買的想法。
如果多個選擇總是無法避免，那么不妨給用戶提供建議，或者告訴用戶多數用戶的選擇。向用戶清楚地傳達選項之間的差別，這在定價策略上會帶來更多積極的效果。
當你了解用戶流程的時候，就應該有針對性將用戶注意力引導到的對的目標上去，找到關鍵區域，讓用戶在界面中優先注意到它們。
你應該經常會聽到類似「可讀性很差」這樣的表述。有很多設計的確存在這樣的問題。在設計當中，有太多的因素會影響信息的傳達——字體的選取，大小變化、間距、大小寫和配色，都會影響到層次結構，影響到用戶汲取信息的方式。使用正確的配色和版式，讓內容的層次結構更加清晰，最好還能反映出品牌特征，這樣就更能增強吸引力和用戶對它的印象了。
下面兩張圖當中，要你數清楚有多少個圓點，哪一張圖會讓你這個過程更快？
如同你所看到的，無序的點狀方陣和有序的是截然不同的，后者的認知負擔更低，識別速度更快。面對無序的信息和內容，我們需要逐個計數，但是面對有序的信息，則截然不同。
有組織的元素不僅有著更高的識別度，也更容易被記住。在數字產品當中，記住常見控件的位置和功能無疑是重要的。同樣是上面這張圖，如果不是計數，而是記住每個點的位置，你能不能做到？毫無疑問，缺少組織結構，這是一件艱難的事情。
在簡化復雜頁面結構的時候，對組件和內容進行分組通常是最為有效的方法之一。通過層級劃分，用戶每次需要處理的信息量都會更小，而不是在無關的組件中來回穿梭尋找。借助邊框和卡片將相關度更高的內容整合到一起，這是非常便捷的方法。此外，關于關于分組，格式塔原理中的分組原則是非常值得借鑒的：接近性、相似性、連續性、閉合性和連通性。
幾乎任何產品當中都會涉及到不同類別的表單，這是獲取用戶信息的一種方式。有的時候，即使刪除掉一些不必要的字段，表單依然會很長。因此，我們可以將巨大的表單或者任務拆分開來，這樣一來，整個執行過程會變得簡單不少。
設計表單的時候，盡量使用單列而非多列，這樣更加順暢、易于填寫。用戶無需思考接下來要填寫什么，而是按照一條線繼續操作下去即可。
不確定性讓人感到焦慮，盡可能地在設計當中規避這種不確定性。這就是為什么要讓用戶在任何時候都清晰地知道他在流程中所處的位置，以及接下來會發生什么。總結之前所提供的信息也是個好主意，能夠減輕用戶的負擔，避免反復檢查之前的內容。
人腦對于涉及計算的部分通常會比較費力，對于這些不太占用計算力的內容可以交由系統來進行計算，和計算相比，人的大腦在處理具象化的信息的時候更加擅長。嘗試利用系統，而不是將壓力轉嫁給用戶。
漸進式的展開是用戶體驗設計當中的一種范式，這種方法能夠讓界面更容易被理解。當涉及到多屏、大量信息和操作的時候，這種逐步展現的機制，可以避免讓用戶感到不知所措，也可以隱藏一些無關的信息，直到最后用戶可以清晰明白內在的關聯性為止。逐漸展現的方法，遵循著「從抽象到具體」這樣的一種概念，而 iOS 系統當中，所采用的導航方式，無疑就是這種思路的典范。一屏一個步驟，逐漸展現，最后給用戶一個確切的結果。
用戶將絕大多數的精力都耗費在各種各樣的其他數字產品上，這意味著用戶對于其他的網站和APP的交互模式、使用方法都有著清晰的了解，對于特定的模式有具體的預期。因此，無論你是設計網站，某個 APP ，甚至是冰箱上的控制系統，都可以遵循既有的設計和交互模式。這并不是意味著停止創新，而是在很多事情上，你無需重新造輪子。
在設計任何產品的時候，都應該讓用戶盡快感知到產品的價值。因此，除非是滿足功能性的需求，在用戶初次打開應用的時候，都盡量把其他的干擾去掉，因為這都是讓用戶了解產品價值的障礙。第一印象很重要，如果不滿意，很多用戶會立即離開。
如果你第一次嘗試，即使是最簡單的操作，可能也是有挑戰性的，有時候新手使用 APP 的時候需要引導，但是最好的方法是盡量讓體驗和功能一目了然，搭配上下文環境的說明引導，而不是提供復雜繁瑣的學習材料。
簡約易用的產品大多能夠合理地結合人體工程學的設計。絕大多數人可能會想到諸如汽車座椅、控制面板和手柄這樣的案例，但實際其實遠遠不止。人體工程學適用于幾乎所有涉及人的產品設計。
1954 年，心理學家 Paul Fitts 仔細了解了人的運動系統，并且提出了費茨定律——移動到目標所需要的時間取決于和目標之間的距離，并且和目標大小成反比。這個定律反饋到具體的界面設計上，就是盡可能讓常用元素更大，并放置到更容易被觸及的地方。
刪除不必要的交互組件、視圖或者是步驟，是簡化過程中必不可少的部分呢。用戶應該可以以最快的速度進行操作，比如在表單中直接操作，而不是在彈出框中進行編輯，這個被稱為「流程狀態」，「流程狀態」不應當被彈出框打破。此外，對于很多需要填寫的部分，最好提供參數推薦建議功能，就像搜索的實時推薦，讓用戶可以更為準確地輸入。
智能默認值——或者說智能占位符是一個非常有用的策略。一方面可以幫助用戶更快更精準的填寫表單，另一方面，也給用戶提供了相對準確的范例。只不過，默認參數的確定，需要設計師和開發團隊對用戶的使用場景等信息進行研究，通過測試和調研，確定用戶使用狀況，以此來確定默認參數應該是多少。如果需要明確地參數或者選項，那么可以將默認值設置為 90% 用戶可能會選的選項，并輔以說明。
出錯信息會給用戶帶來很大的壓力，為了避免用戶陷入這樣的狀況，防止用戶無法完成任務，請使用數據輸入檢查的功能，對于格式輸入錯誤的表單和內容，對用戶予以警報和提醒，避免錯誤發生。對于極為重要的操作，在用戶提交之前，讓用戶二次確認信息，做好檢查。對于某些強制性、破壞性乃至于不可恢復的操作，確保用戶知道這一操作帶來的影響。
數字產品的可訪問性是老話題了，要讓產品和設計對于所有人——包括有視覺障礙的用戶，都可以輕松地使用。最常見的，就是不要使用色彩來作為傳達信息的唯一途徑，確保文本和背景之間有足夠的對比度，支持鍵盤導航操作等等。可訪問性問題并不限于特定的群體，堅持不斷的改善和提升，有助于每一個用戶的體驗。
簡化并創造易于理解的產品并不容易，但是這是一條幾乎任何產品都要走的必經之路，簡化的方法和技巧有很多，雖然零碎，但是它們最終會帶著產品走向一條更好的道路。
文章來源：優設 作者：Taras Bakusevych