在網(wǎng)站制作中，在線表單是常見而且重要的元素。從注冊、訂閱、反饋、問卷甚至是在線交易，都離不開在線表單。因此，我們在制作網(wǎng)站的時(shí)候，要重視在線表單的設(shè)計(jì)，讓它更加契合用戶的需求和提升用戶體驗(yàn)。接下來就讓小編拋磚引玉，介紹幾個(gè)關(guān)于在線表單的設(shè)計(jì)細(xì)節(jié)吧！

一、單列列表優(yōu)于多列列表

大部分人可能會(huì)覺得多列列表更加高效，因?yàn)樗臻g利用率更高。其實(shí)事實(shí)正好相反，多列列表的表單會(huì)要求用戶按照Z字形的軌跡來完成填寫，降低效率的同時(shí)也增加了漏填的幾率。而在上面的網(wǎng)站模板中，單列列表的表單則只需要從上到下、單一路徑進(jìn)行填寫，更加高效的同時(shí)避免了漏填的可能性，更加符合用戶習(xí)慣。所以我們在網(wǎng)站制作中要優(yōu)先選擇單列列表的表單設(shè)計(jì)，提升用戶體驗(yàn)。

二、減少待輸入字段

讓用戶手動(dòng)輸入文字內(nèi)容不僅僅會(huì)降低效率而且提高出錯(cuò)的幾率，所以在網(wǎng)站制作中，我們要盡量避免讓用戶打字輸入太多的文字。除了單純減少待輸入的字段，我們還可以通過下拉選擇、復(fù)選框、單選按鈕等網(wǎng)站設(shè)計(jì)來減少用戶的輸入量。舉個(gè)例子，網(wǎng)站在填寫地址是可以采用下拉選擇省市縣街道等，有固定答案的問題可以用單選按鈕代替文字輸入，例如“是”O(jiān)R“不是”。

三、減少出錯(cuò)的設(shè)計(jì)

表單輸入有時(shí)候需要一些說明或者示范，不少網(wǎng)站都會(huì)將這些說明或者示范的文字作為占字符置于輸入框內(nèi)，節(jié)省空間。但是用戶一旦開始輸入這些文字就會(huì)消失，用戶很容易忘記輸入的內(nèi)容或格式。而且如果提示不明顯，用戶很容易產(chǎn)生誤解“這個(gè)我已經(jīng)輸入好了”。所以我們在網(wǎng)站制作中盡量要將說明或者示范的文字放在輸入框外，讓用戶在輸入的同時(shí)可以看到提示。

如果我們要求某個(gè)輸入的內(nèi)容或者格式要非常精準(zhǔn)，那么我們可以考慮設(shè)置成相對(duì)的輸入方式和顯示方式。舉個(gè)例子，商城網(wǎng)站經(jīng)常會(huì)需要用戶的電話號(hào)碼，那么我們可以把輸入框設(shè)計(jì)成（× × × ×）× × ×—× × × ×，這樣就更加方便用戶輸入，減少出錯(cuò)的幾率。所以，一般商城網(wǎng)站模板的設(shè)計(jì)都會(huì)考慮這個(gè)問題，避免出現(xiàn)錯(cuò)誤。

用戶本來就對(duì)在線表單心有疑慮，我們要做的就是設(shè)計(jì)出有針對(duì)性的、細(xì)節(jié)周到、高效率的表單，讓用戶可以用更短的時(shí)間、更流暢地完成表單，這樣才是優(yōu)秀的網(wǎng)站制作。