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

咱們知道成功的頁面設計不只有很高的轉化率，更便於用戶使用；既能知足商業目標，又能爲用戶帶來良好的體驗。

Good UI是一家研究用戶體驗的設計機構，以一系列簡潔的手繪對比圖，清晰說明UI設計的法則與禁忌。

近期咱們編譯分享一些Good UI在一些項目中獲取的設計以及運營策略等方面的經驗。

天天10則。對比着尋找本身身邊的優秀和不良實踐，認真消化，大有益處。

#1 單欄更專一，多欄易分心

單欄佈局讓讀者的精力集中在從上到下閱讀文字內容之上，減小干擾。在須要讓讀者通讀一個好故事以後，在文章末尾採起某種行動的場合尤爲有用。

△ 按鈕內容：你但願動員用戶去作的事

---

#2 給用戶實惠，別急着賣錢

一些小的優惠讓用戶感到更受尊重和藹待，從而更能促成交易。

△ 【左】咱們的首月服務是免費的！ 【右】你快註冊吧！註冊吧！註冊吧！！！

---

#3 類似功能要整合，用戶界面忌破碎

這真的是一個頻發錯誤——人們很容易爲同一功能創建多個入口。請注意一樣的功能只應當出現一次。尤爲要注意字面表示不一樣但實際一致的狀況。

△ 【左】聯繫咱們 【右】客服中心、聯繫咱們、馬上來電、咱們的號碼XXXXXX、取得聯繫……

---

#4 客戶評價是宣傳，自吹自擂是做死

不解釋。對於中國用戶，請千萬特別注意在企業簡介等處，常常出現的這類文案：

XX公司堅持以客戶需求爲核心，以顧客體驗爲根本，爲超過XXXX的企業和我的客戶，提供XXXX、XXXX和XXXX的專業產品，優質、用心的服務贏得了衆多客戶的信賴和好評，在XX地區逐漸樹立起公司良好品牌。公司不只僅提供業界領先水平的XXXX，同時還創建了完善的售後服務體系，爲客戶在使用過程當中的XXXX等問題提供無微不至的指導、幫助和服務。咱們相信，經過咱們的不斷努力和不懈堅持，必定可以實現與同業人士的互利雙贏，爲客戶創造永無止境的巨大價值！

這類沒有人真正去看的文案，只會給人以浮誇的感覺，爲企業的印象減分。糟糕透頂的常見實踐。

△ 【左】客戶是這樣評價咱們的… 【右】看下邊這幾條！咱們就是這麼牛！

---

#5 主要目標，反覆出現

在長頁面或多頁面中，記得向用戶重複你的主要目標，以避免用戶在閱讀過程當中忘記。通常頭尾出現一次老是好的——頁頭持續提示用戶帶着目的開始閱讀，頁尾讓用戶在讀完後把目標付諸實現。

---

#6 導航元素宜明確，花哨模糊不該該

我在哪？能夠去哪裏？這是爲了讓人類可以在網站中導航的基本要素。這些地方的樣式務必要統一，絕對禁止無心義的模糊和多樣化。

△ 【左】連接必定是藍色的，當前位置必定是黑色加粗的 【右】你暈不？

---

#7 宜重點推薦，忌平鋪選擇

不止一個心理學研究代表：選擇越多，決定越難，從而成交越少。在不得不讓客戶多選一的時候，把常見的選擇突出顯示，給客戶一點小小的推力。

△ 【左】咱們推薦X，不過選Y和Z也能夠 【右】XYZ，我也不知道哪一個好，你挑吧。

---

#8 容許用戶去反悔，不要事前去確認

人類都自信本身的行爲是正確的，從而但願機器馬上響應。執行了還要「確認」，這無異於讓人類把一件事重複兩次，是違反常識的。

網絡上絕大多數的行爲，執行以後都沒有什麼災難性後果，甚至不少均可以簡單的挽回。因此執行後容許撤銷纔是常態，沒事千萬不要用確認對話框。這是個雷。必定要只在執行後的後果絕對不能挽回的時候，才把確認做爲最後手段。

△ 【左】您改動了這裏。若是弄錯了，點擊撤銷。
【右】你確認真的要改動這裏嗎？ [是的！改！就按我說的作！] [呃不，我犯SB了，對不起]

---

#9 目標客戶，明確勝於高大全

明確您的用戶羣，會讓您和用戶有更深度的接觸，同時也讓用戶感受本身受到了企業的針對性服務和特別對待。

△ 【左】實話實說，咱們的產品確實沒法知足全部人，例如：1.…2.…3.…4.…。點擊這裏瞭解咱們的服務。
【右】個人產品，不管高矮胖瘦男女老幼都能用！點擊這裏瞭解咱們的服務。

---

#10 直中靶心，別繞彎子

就如同在生活中，洪亮自信老是比顫抖虛弱的講話方式有力同樣。網絡上若是用詞不堅定，常常出現「可能」、「也許」等詞彙，或者是疑問氣氛濃重的表達方法……那麼試想：網站主本身都沒有信心，那又拿什麼讓訪客信任你呢？

△ 【左】就點這裏！ 【右】呃…還想了解點別的嗎？或者也許點這兒試試看也不錯？

---

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