表單是界面設(shè)計中重要組件之一，在表單頁中用戶往往需要填寫不同的信息來完成操作，這些操作往往復雜亢長，所以我們都希望表單能被設(shè)計的更好用一點。下面從三個方面，和大家聊一聊表單設(shè)計中值得注意的一些設(shè)計細節(jié)。

01 布 局

一個合格的表單，從一個好的布局開始。在信息選項較多時，有的設(shè)計師會傾向于，把表單設(shè)計成為兩列。這樣的做法雖然能夠大大縮短表單的長度。但用戶在使用表單的時候，通常會按照Z字掃描的閱讀模式進行操作。這樣會大大減慢用戶理解的速度。而使用一列的布局時，用戶往往會從上往下檢視表單，大大提升了理解的速度。所以在這里的建議是：表單最好按照一列的排布形式設(shè)計，好利于用戶理解并及時進行操作。

在一列布局下，如果你希望用戶能快速掃描表單，那么就將表單的標題放在輸入框的上方。而如果你希望用戶謹慎的去輸入表單，或者是放慢用戶輸入的速度，比如說某些重要的操作金額、收款人等等，就可以把表單的，標題放在輸入框的左側(cè)。

02 提 示

在表單的默認顯示狀態(tài)中，要注意清晰的展示，當前表單要進行的操作或收集的信息。文字標簽的文案要便于理解，字數(shù)也不易過多。操作選項過多的時，不是所有內(nèi)容都是必須要填寫的，這時就要區(qū)分出必選項和選填項。

若你設(shè)計的表單沒有標題標簽，只使用了暗提示，那記得在選中和操作之后依然將標簽顯示出來，提示用戶進行了什么操作。

用戶在表單操作完成后，校驗是必不可少的一步。如果所有的操作都完成了再去提示用戶操作失誤，往往會讓用戶產(chǎn)生消極的情緒從而影響用戶體驗。所以，當用戶還在輸入狀態(tài)的時候，我們就應(yīng)該及時的出現(xiàn)提示，不要等提交的時候才出現(xiàn)。

03?按 鈕

在表單中，按鈕的操作會觸發(fā)某些活動，例如提交、取消、刪除等等。

在按鈕設(shè)計的時候首先要明確它是可操作（點擊）的，不能設(shè)計的太小或者意義不明。

其次在多個按鈕存在的時候，按鈕的主次要區(qū)分開來便于操作。

在按鈕命名的時候，如果是指向性較為明確的操作，可以盡可能的使用詳細文案來說明，減少諸如“確定”“提交”這類意義廣泛的文案。

04 總 結(jié)

表單相較于界面中的其他操作，對于用戶來說是繁瑣的。不同的情況我們所要設(shè)計的表單形式也不一樣，關(guān)于表單設(shè)計這里我也只是列出很小的一部份，還有更多值得我們思考和改進的地方。

文章來自：海鹽社

作者：劉清