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

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

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

#31 視覺必須體現層次

沒有樣式的內容，用戶沒法區分層次，也沒法決定閱讀順序。右圖那樣一路看下來已經算好的了——多數用戶碰到這種排版但是會直接走人的！

---

#32 分組類似的內容

常識。

△ 【左】菜單：打開 保存 創建副本 刪除。工做區控制：放大 縮小。
【右】菜單：保存 縮小。工做區控制：放大 創建副本。 散在外邊：打開 刪除…… （這個有點搞笑了）

---

#33 表單內直接驗證，替代傳統的提交後返回錯誤

AJAX時代的新常識。不要忘記就能夠。

固然也須要注意：傳統的驗證方法仍然要做爲保底方案設計出來。絕對禁止由於前臺有了AJAX後臺就不驗證。

△ 【左】好的表單 - 直接顯示「這個選項是必填的」
【右】不那麼完美的表單 - 提交後才顯示缺乏部分項

---

#34 寬容各類格式的用戶輸入！

在不引發二義性的前提下，程序員有責任儘量多的接受各類格式的用戶輸入。例如信用卡號碼、電話號碼等數據，就應當自動接受並過濾括號、空格、減號、句點、逗號這些合理的分隔符。

寬進嚴出是程序設計的一個重要原則。對用戶的輸入要儘量的寬容，但對數據的顯示和輸出（包括對用戶輸入數據的回顯）必須格式嚴格。這個原則也一樣適用於Web程序設計。

△ 幾個電話號碼中包含了空格、括號、減號、加號
【左】完美的表單 - 通通接受
【右】差強人意的表單 - 只接受帶空格的
（不錯了……國內多少表單連空格都不讓加……程序員的懶惰、無知和自大氣死人！）

---

#35 強調緊迫性

明日復明日，明日何其多。我生待明日，萬事成蹉跎。不給用戶設定時間期限，用戶就永遠沒有行動的動力。該催促就催促。

用戶都懼怕失去機會，這是個應當合理利用的心理。只是不要欺騙用戶——用戶發現得了。

△ 【左】還有2天結束 ——　馬上行動
【右】總之行動吧，時間沒關係，今天、明天，反正拖到最後就不作了

---

#36 強調稀缺性

用戶每每認爲稀缺的東西更有價值，在面對稀缺資源時也更懼怕錯過。

用戶都懼怕失去機會，這是個應當合理利用的心理。只是必須再次強調：不要欺騙用戶——用戶發現得了。

△ 【左】最好的網絡課程 - 僅餘 2 席。 【右】最好的網絡課程。

---

#37 給用戶提示，不要讓用戶憑空回憶

作過調查問卷的都知道，右圖那樣一個<textarea>要求用戶反饋的問題，若是是可選問題那麼幾乎沒人寫，若是是必填問題那麼全部人都對付。

給用戶一些提示去選擇，明顯比讓用戶本身從0開始回憶更友善。

△ 【左】請告訴咱們您最喜歡的電影 - 這裏是最近您看過的一些影片，供您選擇。
【右】請告訴咱們您最喜歡的電影 - 努力回憶一下吧！你能想起來的！加油！

---

#38 可點擊元素作大點兒

小不點的按鈕和導航條文字，那已是上世紀90年代的網頁樣式了。

尤爲是如今的移動時代，小按鈕在手機上幾乎無法點。請千萬作大一點。

---

#39 頁面加載作快點兒

幾秒鐘加載不出來，用戶就流失百分之多少，這都是老生常談的調查結論了。

請合理選擇機房，並正確使用CDN、緩存等手段。生產環境的網站很大程度上都忌諱全部內容往主服務器上一堆完事。

---

#40 提供必要的快捷鍵

例如GMail使用j和k切換上一封/下一封郵件。對開發者羣體會尤爲受歡迎。

---

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