PS設計教程網歡迎你!

詳解表單設計的常見錯誤與解法

文章來源于 知乎,感謝作者 Z Yuhan 給我們帶來經精彩的文章!
設計教程/前端設計/前端設計2018-11-13
無論是連貫試、分布式,亦或是單調的數據輸入界面,表單都是數碼產品的重要組成部分。這篇文章聚焦在表單設計中常見的該做和不再做的點上。這些都是通用的設計指南,但每條規則都肯定是有不適用的特殊情況的。

無論是連貫試、分布式,亦或是單調的數據輸入界面,表單都是數碼產品的重要組成部分。這篇文章聚焦在表單設計中常見的該做和不再做的點上。這些都是通用的設計指南,但每條規則都肯定是有不適用的特殊情況的。

最好單列排布

詳解表單設計的常見錯誤與解法

多列會打擾用戶的縱向動勢【Z Yuhan:如果數量太多,雙列并不是不可以】

左對齊

詳解表單設計的常見錯誤與解法

用戶完成左對齊的表單的效率比左右分布式的要快很多。

左對齊的形式要將不同的區域分離

詳解表單設計的常見錯誤與解法

將文字說明和輸入框靠近,確保高度間距足夠,不會讓用戶困惑

英文避免完全大寫

詳解表單設計的常見錯誤與解法

因為大寫更難閱讀和掃視

選項少于6個時全部展示

詳解表單設計的常見錯誤與解法

下拉框至少需要用戶點兩次,并且還將選項藏起來了。所以在選項達到6個或以上時才使用下拉框。當選項超過25個時需要加入搜索功能【Z Yuhan:這個數量也要看選項之間的關聯,用戶的熟悉情況等】

最好不要將默認文本當作說明文字使用

詳解表單設計的常見錯誤與解法

用默認文本當作文字說明使用能節省空間,這一點的確很吸引人。但是這樣會導致很多可用性問題。這些問題 Nielsen Norman Group 的 Katie Sherwin已經整理過了

單選/復選框最好垂直排布

詳解表單設計的常見錯誤與解法

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
国产精品丝袜一区二区三区,亚洲精品A级毛片,中国少妇XXXXX高潮喷水,中文字幕丰满乱子无码伦,国产蜜芽剧果冻传媒,亚洲一区二区三区人人爽