無論是連貫試、分布式,亦或是單調(diào)的數(shù)據(jù)輸入界面,表單都是數(shù)碼產(chǎn)品的重要組成部分。這篇文章聚焦在表單設(shè)計(jì)中常見的該做和不再做的點(diǎn)上。這些都是通用的設(shè)計(jì)指南,但每條規(guī)則都肯定是有不適用的特殊情況的。
最好單列排布
多列會(huì)打擾用戶的縱向動(dòng)勢(shì)【Z Yuhan:如果數(shù)量太多,雙列并不是不可以】
左對(duì)齊
用戶完成左對(duì)齊的表單的效率比左右分布式的要快很多。
左對(duì)齊的形式要將不同的區(qū)域分離
將文字說明和輸入框靠近,確保高度間距足夠,不會(huì)讓用戶困惑
英文避免完全大寫
因?yàn)榇髮懜y閱讀和掃視
選項(xiàng)少于6個(gè)時(shí)全部展示
下拉框至少需要用戶點(diǎn)兩次,并且還將選項(xiàng)藏起來了。所以在選項(xiàng)達(dá)到6個(gè)或以上時(shí)才使用下拉框。當(dāng)選項(xiàng)超過25個(gè)時(shí)需要加入搜索功能【Z Yuhan:這個(gè)數(shù)量也要看選項(xiàng)之間的關(guān)聯(lián),用戶的熟悉情況等】
最好不要將默認(rèn)文本當(dāng)作說明文字使用
用默認(rèn)文本當(dāng)作文字說明使用能節(jié)省空間,這一點(diǎn)的確很吸引人。但是這樣會(huì)導(dǎo)致很多可用性問題。這些問題 Nielsen Norman Group 的 Katie Sherwin已經(jīng)整理過了
單選/復(fù)選框最好垂直排布