無論是注冊流程、多頁面的步進還是單純的數(shù)據(jù)錄入，表單都是最重要的組件之一。這篇文章將會介紹在表單設(shè)計中我們該做什么，不該做什么。需要說明的是，本文只是一篇常規(guī)的設(shè)計指南，實際生產(chǎn)過程中，每一條規(guī)則都可能有例外。
表單應(yīng)該是單列的
多列的表單有損用戶的垂直注意力
標(biāo)簽應(yīng)該頂部對齊
相對于左對齊的標(biāo)簽，用戶更有可能完成標(biāo)簽頂部對齊的表單。另外，頂部對齊的標(biāo)簽在移動設(shè)備中的顯示效果通常也更好。不過對于有大量字段需要輸入的表單，可以考慮采用標(biāo)簽左對齊，這樣可以減少表單高度，讓字段一目了然。
標(biāo)簽和對應(yīng)的輸入控件要在視覺上形成一組
標(biāo)簽與輸入控件靠近一些，確保用戶不會產(chǎn)生疑惑
杜絕大寫
大寫的單詞會增加閱讀難度。當(dāng)然，中文沒這毛病
如果選項小于6個，將他們?nèi)空故境鰜?/h2>
![]()
把選項放在Select中要求用戶進行兩次點擊。只有當(dāng)選項數(shù)目超過6個，才考慮將他們放入select中，如果超過25個，還需要為下拉控件提供搜索功能
不用要占位符替代標(biāo)簽
![]()
用占位符替代標(biāo)簽很誘人，考慮到能節(jié)省不少控件。但這樣做會導(dǎo)致很多可用性問題
checkbox和radio采用垂直布局，方便掃視
![]()
采用垂直布局，用戶更方便掃視
文字要能夠觸發(fā)行動
![]()
文字要站在用戶的角度去描述，增加用戶采取行動的機會
錯誤提示要與對應(yīng)的控件在一行
![]()
當(dāng)錯誤發(fā)生時，在錯誤發(fā)生的位置后面緊跟錯誤原因
在表單填寫完成后使用內(nèi)聯(lián)驗證
![]()
不要在用戶輸入沒有完成時對表單進行驗證，除非驗證提示能對輸入提供指導(dǎo)作用，比如實時統(tǒng)計用戶名或者密碼的字符長度
不要隱藏基本的幫助性文字
![]()
對于簡單的幫助性文字，直接將其顯示在對應(yīng)的控件周圍。對于復(fù)雜的文字描述，可以考慮在控件獲得焦點后置于其后
區(qū)分主要動作和次要動作
![]()
現(xiàn)在甚至在討論次要動作是否應(yīng)該包括在內(nèi)
輸入控件的長度要反映出內(nèi)容的可接受長度
![]()
對那些具有固定長度的字段請采用該方法，比如電話號碼、郵編等。
不要再使用 * 標(biāo)記必要字段，用“可選”把非必填字段標(biāo)記出來
![]()
雖然*是一個常用的標(biāo)記必要字段的符號，但仍不能保證所有的用戶都能理解其含義，更好的選擇是用文字標(biāo)出非必填字段
把相關(guān)字段放在一起
![]()
有很多字段的表單可能會讓用戶不知所措，將相關(guān)的字段放置在一起有助于用戶更快地進行思考和響應(yīng)
為什么要問用戶？
把選項放在Select中要求用戶進行兩次點擊。只有當(dāng)選項數(shù)目超過6個，才考慮將他們放入select中，如果超過25個，還需要為下拉控件提供搜索功能
用占位符替代標(biāo)簽很誘人，考慮到能節(jié)省不少控件。但這樣做會導(dǎo)致很多可用性問題
采用垂直布局，用戶更方便掃視
文字要站在用戶的角度去描述，增加用戶采取行動的機會
當(dāng)錯誤發(fā)生時，在錯誤發(fā)生的位置后面緊跟錯誤原因
不要在用戶輸入沒有完成時對表單進行驗證，除非驗證提示能對輸入提供指導(dǎo)作用，比如實時統(tǒng)計用戶名或者密碼的字符長度
對于簡單的幫助性文字，直接將其顯示在對應(yīng)的控件周圍。對于復(fù)雜的文字描述，可以考慮在控件獲得焦點后置于其后
現(xiàn)在甚至在討論次要動作是否應(yīng)該包括在內(nèi)
對那些具有固定長度的字段請采用該方法，比如電話號碼、郵編等。
雖然*是一個常用的標(biāo)記必要字段的符號，但仍不能保證所有的用戶都能理解其含義，更好的選擇是用文字標(biāo)出非必填字段
有很多字段的表單可能會讓用戶不知所措，將相關(guān)的字段放置在一起有助于用戶更快地進行思考和響應(yīng)
對于可選的內(nèi)容，我們應(yīng)該考慮采用其他的辦法去搜集這部分信息而不是直接向用戶提出。始終問自己這個問題是否可以通過已有數(shù)據(jù)推算得到、是否可以推遲甚至完全不需要。
數(shù)據(jù)獲取正逐漸自動化，現(xiàn)在的移動設(shè)備和可穿戴設(shè)備可以在用戶毫不知情的情況下獲取大量信息。始終思考是否能購利用社交網(wǎng)絡(luò)、對話式的UI設(shè)計、短信、電子郵件、語音、光字符閱讀器（OCR）、位置、指紋和生物特征等來獲得我們想要的信息。
有趣很重要
生命短暫、沒人想把寶貴的時光浪費在填寫表單上。所以，表單務(wù)必要友好、有趣，能慢慢吸引用戶。要能打破常規(guī)，對設(shè)計者來說，將公司品牌傳達(dá)給用戶并激發(fā)出情感共鳴是自己的重要職責(zé)，如果做得好，將會在很大程度上增加用戶完成表單的可能性。
