對(duì)于網(wǎng)站建設(shè)來(lái)說(shuō)，表單提交對(duì)于企業(yè)或個(gè)人都是十分重要的，在收集數(shù)據(jù)以及登記數(shù)據(jù)的時(shí)候大多都是通過(guò)表單方式進(jìn)行在線(xiàn)提交而建立用戶(hù)友好型表單，這是提高完成率的關(guān)鍵性因素。濟(jì)南網(wǎng)站建設(shè)公司自主開(kāi)發(fā)網(wǎng)絡(luò)表單提交，比如最簡(jiǎn)單的HTML表單的提交，在表單的樣式上、表單的狀態(tài)、表單的按鈕等各大方面都有專(zhuān)業(yè)設(shè)計(jì)，這體現(xiàn)的不再僅限于只是表單提交設(shè)計(jì)，更是網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)表現(xiàn)。

一、表單解析

表單的目的、內(nèi)容、大小長(zhǎng)度等雖說(shuō)各不相同，但基本元素比較固定；合理組織這些元素有助于用戶(hù)輕松完成表單填寫(xiě)。

Amazon創(chuàng)建賬戶(hù)表單解析

標(biāo)題：這個(gè)元素幫助用戶(hù)引導(dǎo)完成表單填寫(xiě)的整個(gè)過(guò)程，當(dāng)你把信息分成很多組來(lái)讓用戶(hù)填寫(xiě)的時(shí)候，標(biāo)題就特別有用。例如：個(gè)人資料、職業(yè)詳情、財(cái)務(wù)明細(xì)。

標(biāo)簽：標(biāo)簽告訴用戶(hù)在任何特定的輸入?yún)^(qū)域期望他們填寫(xiě)什么內(nèi)容。

占位符 ：占位符是對(duì)標(biāo)簽進(jìn)行額外的信息描述。

錯(cuò)誤信息提示：錯(cuò)誤信息提示給予用戶(hù)錯(cuò)誤反饋，提醒用戶(hù)為什么填錯(cuò)了。

動(dòng)作按鈕：動(dòng)作按鈕是在表單的結(jié)尾，有個(gè)確認(rèn)提交的動(dòng)作控件。

二、表單狀態(tài)

基本上，表單在用戶(hù)的交互過(guò)程中需要經(jīng)歷三個(gè)階段。

默認(rèn)狀態(tài)：用戶(hù)在未進(jìn)行任何操作前表單的狀態(tài)。

聚焦?fàn)顟B(tài)：這個(gè)狀態(tài)強(qiáng)調(diào)用戶(hù)正在填寫(xiě)的區(qū)域，幫助用戶(hù)聚焦和減少反復(fù)掃描屏幕的時(shí)間。

反饋狀態(tài)：反饋狀態(tài)是指用戶(hù)收到反饋時(shí)的頁(yè)面狀態(tài)（大多數(shù)是指錯(cuò)誤信息反饋）。常常對(duì)于上一個(gè)輸入信息的反饋在用戶(hù)聚焦到下一個(gè)填寫(xiě)區(qū)域時(shí)就會(huì)顯示。然而，如果數(shù)據(jù)不能得到立即驗(yàn)證的話(huà)，就要等到用戶(hù)點(diǎn)擊提交按鈕后再給予反饋提示。

三、最佳實(shí)踐

1. 保持簡(jiǎn)潔

讓你的表單保持簡(jiǎn)短精煉，只保留最有必要的數(shù)據(jù)，避免以驗(yàn)證的名義讓用戶(hù)重復(fù)輸入，例如不要重復(fù)密碼字段，取而代之的是要讓用戶(hù)馬上看到他們輸入的密碼。

2. 使用及時(shí)驗(yàn)證

當(dāng)給予用戶(hù)輸入進(jìn)行報(bào)錯(cuò)時(shí)，最好將反饋定位到具體位置。

3. 將相近的字段打組

將相關(guān)信息進(jìn)行分組并按照常見(jiàn)規(guī)則排序很重要。這樣的話(huà)可以幫助用戶(hù)減少認(rèn)知負(fù)荷和注意力消耗。

4. 將標(biāo)簽左對(duì)齊

要將標(biāo)簽放置到輸入框上面（像上面所解析的 Amazon 的表單一樣）。不要把占位符文字作為輸入框的標(biāo)簽，那樣的話(huà)用戶(hù)輸入完成后將看不到標(biāo)簽，用戶(hù)將很難對(duì)已輸入的內(nèi)容做最終的核對(duì)，會(huì)讓他們思考很多。

始終將標(biāo)簽放置在輸入框上面并左對(duì)齊，這是高效率的做法。

5. 輸入?yún)^(qū)域與內(nèi)容類(lèi)型或尺寸相匹配

簡(jiǎn)單地說(shuō)，要保證輸入字段的長(zhǎng)度與預(yù)期的輸入類(lèi)型相匹配，例如：地址就要比郵政編碼長(zhǎng)。

6. CTA（call to action）按鈕

在表單的末尾通常會(huì)有個(gè)確認(rèn)按鈕或者下一步按鈕，在有些場(chǎng)景下，必須有一個(gè)以上的按鈕。要強(qiáng)調(diào)主要的按鈕，弱化次要按鈕。

7. 搜索區(qū)域

不要隱藏你的搜索框，特別是你的網(wǎng)站內(nèi)有大量?jī)?nèi)容時(shí)，搜索或許是最好的選擇。

當(dāng)用戶(hù)執(zhí)行了搜索操作后并顯示了搜索結(jié)果，不要立即清除搜索框內(nèi)的內(nèi)容，以便可以讓用戶(hù)很容易地去回顧他起初所搜索的內(nèi)容。

8. 清晰

給用戶(hù)傳達(dá)清楚的信息，給予他們所預(yù)期的，不要模棱兩可。沒(méi)有人喜歡填寫(xiě)表單，沒(méi)有人愿意填寫(xiě)兩遍。

濟(jì)南網(wǎng)站建設(shè)公司從以上8個(gè)方面介紹關(guān)于表單提交的設(shè)計(jì)，其價(jià)值不在于表單提交的內(nèi)容和價(jià)值，只是在于幫助用戶(hù)獲得最佳體驗(yàn)感，這對(duì)于表單收集者來(lái)說(shuō)和對(duì)用戶(hù)來(lái)說(shuō)都是有利而無(wú)害的。