設計師應該知道的15個UI優化秘訣（續集）

@一人前端 上期那篇設計師應該知道的16個UI優化秘訣，非常受歡迎，小編看到很多同學都mark了，不知道閱讀了沒有呢？可不要存起來就拋之腦后咯，今天續譯的文章已經出爐了，趕緊來瞧瞧。

第一篇譯文在此：設計師應該知道的16個UI優化秘訣
本文原作者加拿大UI設計師Jakub Linowski

17：嘗試顯示狀態，而不是狀態無關

在任何用戶界面中，我們經常可以有不同的狀態顯示元素。有可以讀取電子郵件，未讀消息，發票狀態、支付與否。接口狀態，可以幫助人們了解到，不論他們過去的行為已成功開展，以及是否應采取行動。

18：嘗試創造效益，而不是僅僅停留在任務按鈕

試想一下，同時有兩個按鈕顯示在頁面上，一個告訴你"存款"，另外一個告訴你"注冊"。第一個按鈕有較高機會被點擊。相反，注冊過程需要努力，往往需要填寫N多冗長的字段。這是一個假設，加強利益按鈕，可能得到更高轉換。另外，也可以放置跟利益密切相關的按鈕，告訴人們為何要這么做。當然，任然有空間，基于任務環路，可以保留那些經常用到的入口按鈕。

19:嘗試直接操縱，而不是上下文的菜單

當顯示數據表格時，我們通常要允許用戶可以自由操作表格項。點擊、或懸停在某一數據時，對數據進行快捷的刪除、修改、重命名等操作。點擊數據項（如文本），則變為可編輯則是另外一個典型例子。

20:嘗試公開領域，而不是創造額外的頁面

這個容易理解，直接看圖：

21:嘗試轉換，而不是瞬間變化。

經常出現的界面元素，隱藏，移動，轉移，并調整其大小，為用戶體驗各司其職。元素作為回應我們的互動，例如通過時間元素，能更容易讓人理解剛剛發生了什么。而一個內置的動畫或過渡的效果，故意延遲，讓人適應位置變化所需的時間。但請記住，我們開始增加這種轉變的持續時間超過0.5秒，會有如下情況，人們可能會開始感到疼痛。對于那些只是希望把事情做得很快的人，過長的延遲，當然可以是一種負擔。

22：嘗試逐步參與而不是倉促簽約

為什么不讓用戶首先執行一個任務通過它演示了一些有價值的東西，而不是要游客立即注冊。像這樣的交互產品既能展示它的好處，還可以有助于個性化。一旦用戶開始看到你的產品的價值，看看他們如何能使它更個性化，他們將更樂于分享與你額外的信息。逐步參與是盡可能的推遲簽約過程，讓用戶自定義產品與服務。

23：嘗試減少邊界，避免影響用戶注意力

用戶真正需要的內容，如果存在邊界的話，會更加分散用戶的注意力。雖然邊界可以準確清晰的定義劃分一個片區，但卻也成為用戶認知能力的負擔。為了定義屏幕元素之間的關系,元素可以僅僅通過靠近、對齊、不同背景，甚至只是一個相似的排版樣式即可。

24：嘗試銷售福利，而非功能

人們傾向于關心特性而不是利益。好處他們隨身攜帶更多的清晰定義的值。克里斯·吉爾伯在《100美元啟動》寫道,人們真正關心有更多的:愛、金錢、認同和空閑時間，同時希望有更少的壓力,沖突,麻煩和不確定性。 展示特性的時候，盡可能用給用戶的好處來代替，當然，功能是可以偶爾出來一下的。（譯者理解：把功能性的陳述轉意成對用戶得到好處的陳述。）

25：盡量使用零數據，而不是非常多數據

一些情況下,你會有0、1、10、100、或10000 +數據結果可能需要以某種不同的方式顯示。最常見的場景可能是第一次使用的過渡與零數據對未來使用更多的數據。我們經常忘記去設計這個初始情況仍沒有任何顯示,通過這樣做,我們可能會忽視用戶。一個零數據世界是一個寒冷的地方。當用戶第一次看你的應用程序和它所做的就是顯示一片空白,沒有任何指導,那么你很可能錯失一個機會。零數據狀態是完美的候選人獲得用戶在最初的障礙學習跟他們下一步要做什么。好東西規模和用戶界面也不例外。

26：試著選擇退出,而不是選擇

選擇推出策略，意味著用戶會無需任何行動就可以做一些事情。或者，也有更多傳統的推出策略，為了收到一些新信息，首先要讓人們采取一些行動。兩個更好的理由說明喜歡選擇退出比傳統推出更好：第一，選擇退出減小了用戶行為軌跡的阻力，因為用戶不需要做任何事；第二，推薦選擇，也是某種規范暗示 —— "因為別人需要它，所以，我可能同樣需要。"當然，選擇退出策略常被認為是有爭議的，因為有很多人濫用這樣的功能給用戶制造麻煩。用戶為了某些事，在不知情的情況下而注冊。因此，在道德標準范疇內，如果你決定使用選擇退出方法，確保你的默認選擇退出對于你的客戶清晰和容易理解。畢竟，這個策略也被使用在歐洲挽救生命。

27：嘗試界面一致性，不要讓用戶重新學習

爭取在用戶界面設計一致性。保持一個更加一致的用戶界面或互動方式，以減少學習量。當我們按下按鈕和換檔滑桿，我們學會期待看到這些交互元素，我們的行為被我們所期望的方式反復。一致性鞏固了我們的學習方式進行互動。如果界面不一致，我們會被迫進入重復學習模式。如：顏色，方向，行為，定位，大小，形狀，標記和語言，等可以實現一致的元素。我們一度讓一切保持一致，但是，請記住，保持不一致的事情仍然有價值。從我們潛意識中，要求不一致的元素或行為 – 它可以是一件好事。試試吧，這種潛意識讓我們常常能夠打破常規。

28：嘗試使用智能默認值，而不是要求做額外的工作

使用智能默認或預填充表單字段，這是一種常見的技術，幫助用戶更快地移動表格，消除他們的工作量，尊重他們有限的時間。嘗試顯示預裝值進行驗證，而不是要求每次重新輸入值的字段。更少工作，就會更好。

29：嘗試公約，而不是重新發明輪子

公約比一致性更具備共識基礎。如果我們保持一致性的用戶界面，人們便可以輕而易舉的完成任務。另一方面，我們還可以讓業務流程盡可能有相同的多個入口,進一步降低學習曲線。在這些幫助，我們學會了建立UI約定關閉屏幕窗口的右上角(通常),或期望一定看從我們的設置圖標。當然有時候,在新模式下，一個約定不再服務的目的。非常規時,確保它目標明確，具備良好的意圖。

30：嘗試讓用戶厭惡損失，而不是強調收益

我們想贏,但是我們不想失去。據說服力心理學規則表明，我們可能更傾向于避免損失比獲得收益。這可以應用到提供的產品是如何被選中并溝通。

文章頭部圖片來源：Visual Interface Design, San Francisco
本文原作者加拿大UI設計師Jakub Linowski
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量57萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：