簡潔明瞭的優秀UI設計原則（3）

上一期連接：《簡潔明瞭的優秀UI設計原則（2）》

今天繼續分享Good UI用戶界面設計原則的第11-20條。

#21 加點動畫，不要生硬彈出

當元素移動、彈出、消失的時候，加顯而易見的漸變效果，給人類時間來理解界面是如何變化的，不要讓元素忽然「蹦」出來。

△ 【左】漂亮的滑動彈出菜單（動畫效果：向左滑出0.5秒）
【右】嗚哇！這貨從哪蹦出來的！！

---

#22 漸進鼓勵，先服務再吸引註冊

如無必要，別第一步就讓用戶註冊，別那麼心急。先和用戶分享（可能的狀況下先初步試用）你的產品，讓用戶感覺到網站對本身的價值以後，那麼用戶爲了更進一步使用產品，或者爲了保存本身試用的成果，就必定會註冊。這種方法是培養陌生用戶粘性的靈丹妙藥。

△ 【左】開始製做你的App吧，先給你的App挑一個主題顏色。
【右】作App？先別管怎麼作，註冊一個再開始。

---

#23 用背景色劃分區域，而不是用邊框

邊框是一個前景元素，和前景的全部文字、圖片等乾貨爭奪注意力。因此現代的設計風格中，避免濫用邊框劃分區域，而使用背景顏色配合合理的邊距。邊框僅用來提示真正重點的內容。

△ 看右圖有沒有人想起來當年惡搞短片《饅頭》裏的「圓環套圓環娛樂城」？

---

#24 強調好處，不要列舉功能

人們對軟件給本身帶來的實惠，比技術功能更感興趣。千萬不要在這種問題上犯技術至上的錯誤——尤爲是作慣了開發的人士去作產品的時候常常如此。

△ 【左】這個App有以下好處：幫你省錢、省時間、融入社區
【右】這個App有以下功能：截圖、處理PNG和JPG圖片、容許存儲40GB數據

---

#25 爲0數據量的狀況作正確的設計

咱們老是爲了大負載、大數據量而設計，卻常常忽視用戶在新註冊或處理完數據的時候，我的老是會碰到0數據的狀況。正確設計，吸引用戶使用功能，而不是給用戶一個徹底的空頁面。

△ 【左】Hi，點擊這裏開始你的第一個任務。
【右】你有0個任務。之後再來吧。謝謝。

---

#26 選擇退出替代選擇進入

用戶固然不可能主動去關注和嘗試新功能。因此在尊重用戶選擇的狀況下，把默認項設置成選擇並無大問題。

（Web不一樣於計算機軟件，不會有裝一大堆工具條這樣的災難後果，放心作吧……）

△ 【左】我想（默認）/不想訂閱 【右】點擊勾選才能訂閱

---

#27 保持一致，不要讓用戶屢次適應

每個UI元素的外觀變化，都意味着用戶必須從新學習「這個東西是什麼」。儘可能避免。

---

#28 默認值智能一點

儘可能讓用戶填寫的東西少一些。猜不許不要緊。

△ 【左】自動根據IP地址猜想了州和國家 【右】必須全都本身填

---

#29 尊重慣例，不要本身發明輪子

不要違背用戶的已有認知，而讓用戶在你本身創建的一套系統內掙扎！

△ 右邊：關閉按鈕放在左下角是個毛線？！

---

#30 宣傳減損，代替宣傳增收

用戶老是更關注失去已有資源的恐慌，而不是錦上添花式無關緊要的增長。

△ 【左】這個能夠防止損失資源、財富、健康和朋友
【右】這個能夠得到更多資源、財富、健康和朋友

---

來源：GoodUI SegmentFault原創編譯，轉載請遵照本站相關聲明。 翻譯與責任編輯：沙渺