[譯文]設(shè)計(jì)更好的表單（常見(jiàn)錯(cuò)誤&如何解決）
字?jǐn)?shù)525閱讀639評(píng)論16喜歡25
無(wú)論是連貫試、分布式，亦或是單調(diào)的數(shù)據(jù)輸入界面，表單都是數(shù)碼產(chǎn)品的重要組成部分。這篇文章聚焦在表單設(shè)計(jì)中常見(jiàn)的該做和不再做的點(diǎn)上。這些都是通用的設(shè)計(jì)指南，但每條規(guī)則都肯定是有不適用的特殊情況的。
最好單列排布
多列會(huì)打擾用戶的縱向動(dòng)勢(shì)。【如果數(shù)量太多，雙列并不是不可以。】
左對(duì)齊
用戶完成左對(duì)齊的表單的效率比左右分布式的要快很多。
左對(duì)齊的形式要將不同的區(qū)域分離
將文字說(shuō)明和輸入框靠近，確保高度間距足夠，不會(huì)讓用戶困惑。
避免完全大寫(xiě)【英文的話】
因?yàn)榇髮?xiě)更難閱讀和掃視。
選項(xiàng)少于6個(gè)時(shí)全部展示
下拉框至少需要用戶點(diǎn)兩次，并且還將選項(xiàng)藏起來(lái)了。所以在選項(xiàng)達(dá)到6個(gè)或以上時(shí)才使用下拉框。當(dāng)選項(xiàng)超過(guò)25個(gè)時(shí)需要加入搜索功能。【這個(gè)數(shù)量也要看選項(xiàng)之間的關(guān)聯(lián)，用戶的熟悉情況等。】
最好不要將默認(rèn)文本當(dāng)作說(shuō)明文字使用
用默認(rèn)文本當(dāng)作文字說(shuō)明使用能節(jié)省空間，這一點(diǎn)的確很吸引人。但是這樣會(huì)導(dǎo)致很多可用性問(wèn)題。這些問(wèn)題尼爾森諾曼集團(tuán)的Katie Sherwin已經(jīng)整理過(guò)了。
單選/復(fù)選框最好垂直排布
這樣比較方便掃視。
讓確定按鈕具有描述性
不要用“確定”，而用具體的操作。
在用戶填寫(xiě)完成之前不要給出該輸入框的錯(cuò)誤提示
在用戶輸入的過(guò)程中不要進(jìn)行校驗(yàn)（除非真的有幫助，如字?jǐn)?shù)限制等）。
不要將提示隱藏起來(lái)
盡可能地展開(kāi)基本的幫助文字。對(duì)于比較復(fù)雜的幫助，可以考慮讓輸入框聚焦時(shí)才在附展示。
區(qū)分主按鈕和副按鈕
如果不區(qū)分度的話，會(huì)造成很大的理解延遲（哪怕根本沒(méi)有副按鈕也是一樣）。
用寬度隱喻內(nèi)容
輸入?yún)^(qū)域的長(zhǎng)度要能夠暗示答案的長(zhǎng)度。
不用符號(hào)標(biāo)記必填，而用文字標(biāo)記選填
用戶不一定總是知道你標(biāo)記的符號(hào)是什么意思【甚至“*”即可能用于必填項(xiàng)也可能用于選填項(xiàng)】。相較之下，最好用文字標(biāo)記出選填項(xiàng)。
組合相關(guān)信息
用戶的思考方式是分步的，并且過(guò)長(zhǎng)的表單會(huì)讓人感覺(jué)太多。邏輯分組能夠讓用戶更快理解表單。
為什么提問(wèn)？
省去選填下項(xiàng)目并且想想能否用其它方式收集數(shù)據(jù)。永遠(yuǎn)問(wèn)自己表單里的問(wèn)題是不是可以推斷出答案、延期，或者完全去掉。
數(shù)據(jù)輸入越來(lái)越自動(dòng)化。例如，移動(dòng)和可穿戴設(shè)備手機(jī)不需要用戶的察覺(jué)就可以搜集大量的數(shù)據(jù)。想想其它的手段，例如社交、對(duì)話式界面、短信、郵箱、語(yǔ)音、文字識(shí)別、定位、指紋、生物計(jì)量等。
更有趣
人生短暫，沒(méi)人愿意填表。讓表單更加對(duì)話式、更有趣、更吸引人、嘗試意想不到的方式。通過(guò)表達(dá)公司品牌來(lái)引發(fā)情緒反應(yīng)是設(shè)計(jì)師的角色職能。如果做對(duì)了，就可以提升表單的完成率。只要確保不要觸犯以上的規(guī)則就好了。
