無論是連貫試郑气、分布式怠堪,亦或是單調(diào)的數(shù)據(jù)輸入界面芽偏,表單都是數(shù)碼產(chǎn)品的重要組成部分雷逆。這篇文章聚焦在表單設(shè)計中常見的該做和不再做的點上。這些都是通用的設(shè)計指南污尉,但每條規(guī)則都肯定是有不適用的特殊情況的膀哲。
最好單列排布
多列會打擾用戶的縱向動勢”煌耄【如果數(shù)量太多某宪,雙列并不是不可以∪衿樱】
左對齊
用戶完成左對齊的表單的效率比左右分布式的要快很多兴喂。
左對齊的形式要將不同的區(qū)域分離
將文字說明和輸入框靠近,確保高度間距足夠,不會讓用戶困惑瞻想。
避免完全大寫【英文的話】
因為大寫更難閱讀和掃視压真。
選項少于6個時全部展示
下拉框至少需要用戶點兩次,并且還將選項藏起來了蘑险。所以在選項達(dá)到6個或以上時才使用下拉框滴肿。當(dāng)選項超過25個時需要加入搜索功能〉杵【這個數(shù)量也要看選項之間的關(guān)聯(lián)泼差,用戶的熟悉情況等『乔危】
最好不要將默認(rèn)文本當(dāng)作說明文字使用
用默認(rèn)文本當(dāng)作文字說明使用能節(jié)省空間堆缘,這一點的確很吸引人。但是這樣會導(dǎo)致很多可用性問題普碎。這些問題尼爾森諾曼集團的Katie Sherwin已經(jīng)整理過了吼肥。
單選/復(fù)選框最好垂直排布
這樣比較方便掃視。
讓確定按鈕具有描述性
不要用“確定”麻车,而用具體的操作缀皱。
在用戶填寫完成之前不要給出該輸入框的錯誤提示
在用戶輸入的過程中不要進行校驗(除非真的有幫助,如字?jǐn)?shù)限制等)动猬。
不要將提示隱藏起來
盡可能地展開基本的幫助文字啤斗。對于比較復(fù)雜的幫助,可以考慮讓輸入框聚焦時才在附展示赁咙。
區(qū)分主按鈕和副按鈕
如果不區(qū)分度的話钮莲,會造成很大的理解延遲(哪怕根本沒有副按鈕也是一樣)。
用寬度隱喻內(nèi)容
輸入?yún)^(qū)域的長度要能夠暗示答案的長度彼水。
不用符號標(biāo)記必填崔拥,而用文字標(biāo)記選填
用戶不一定總是知道你標(biāo)記的符號是什么意思【甚至“*”即可能用于必填項也可能用于選填項】。相較之下,最好用文字標(biāo)記出選填項。
組合相關(guān)信息
用戶的思考方式是分步的伟端,并且過長的表單會讓人感覺太多。邏輯分組能夠讓用戶更快理解表單澡绩。
為什么提問?
省去選填下項目并且想想能否用其它方式收集數(shù)據(jù)俺附。永遠(yuǎn)問自己表單里的問題是不是可以推斷出答案肥卡、延期,或者完全去掉事镣。
數(shù)據(jù)輸入越來越自動化步鉴。例如,移動和可穿戴設(shè)備手機不需要用戶的察覺就可以搜集大量的數(shù)據(jù)。想想其它的手段氛琢,例如社交喊递、對話式界面、短信阳似、郵箱骚勘、語音、文字識別撮奏、定位俏讹、指紋、生物計量等畜吊。
更有趣
人生短暫泽疆,沒人愿意填表。讓表單更加對話式玲献、更有趣殉疼、更吸引人、嘗試意想不到的方式青自。通過表達(dá)公司品牌來引發(fā)情緒反應(yīng)是設(shè)計師的角色職能株依。如果做對了,就可以提升表單的完成率延窜。只要確保不要觸犯以上的規(guī)則就好了。
注釋:“【】”里的內(nèi)容是譯者添加的