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

01 布 局

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

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

02 提 示

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

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

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

03?按 鈕

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

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

其次在多個(gè)按鈕存在的時(shí)候，按鈕的主次要區(qū)分開(kāi)來(lái)便于操作。

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

04 總 結(jié)

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

文章來(lái)自：海鹽社

作者：劉清