表單是網(wǎng)站中與用戶交互的重要形式，往往也是衡量客戶轉(zhuǎn)化效果的環(huán)節(jié)之一。例如，用戶在訂閱免費(fèi)電子報、注冊成為會員或發(fā)出詢盤時都需要填寫表單。有時候訪問者會在網(wǎng)站上停留很久，但詢盤或轉(zhuǎn)化指標(biāo)卻不高，這可能是因?yàn)榫W(wǎng)站上的表單設(shè)計存在問題。

實(shí)際上，填寫表單對于網(wǎng)頁訪問者來說是一道障礙。在網(wǎng)站建設(shè)中，我們需要不斷尋找更好的設(shè)計方法來幫助用戶順利完成表單填寫。

影響用戶完成網(wǎng)頁表單的因素主要有兩個：

1. 感知的復(fù)雜性：當(dāng)用戶看到一個新的表單時，他們會首先估計完成這個表單需要花費(fèi)多少時間。用戶通常會通過掃描表單來完成這個操作，在這個過程中，感知起到了至關(guān)重要的作用。如果表單的外觀看起來復(fù)雜，用戶很可能會選擇放棄填寫。

2. 交互成本：用戶為了達(dá)到他的目的，在與界面交互的過程中所付出的時間和精力。交互成本與表單的可用性直接相關(guān)。用戶完成表單所需付出的努力越多，該表單的可用性就越差。造成高交互成本的原因可能包括數(shù)據(jù)輸入困難、問題含義不明確或信息誤導(dǎo)等細(xì)節(jié)問題。

網(wǎng)頁表單通常包括以下幾個部分：

輸入字段：包括文本字段、密碼字段、復(fù)選框、單選按鈕、滑塊等需要用戶輸入的字段。

字段標(biāo)簽：解釋用戶輸入字段的含義，例如“你的姓名”這樣的標(biāo)簽。

外觀和結(jié)構(gòu)：包括字段的順序、表單在頁面上的樣式以及不同字段之間的邏輯關(guān)系。

動作按鈕：表單至少需要一個動作按鈕，例如“提交”按鈕。

反饋信息：將操作結(jié)果通知給用戶，例如“謝謝，表單提交成功！”或“你提供的數(shù)字不正確”等。

關(guān)于注冊登錄表單的最佳設(shè)計細(xì)節(jié)，以下是一些建議：

在顯眼的位置突出顯示注冊價值，并設(shè)置醒目的登錄輸入框。使用明確的價值主張來激發(fā)用戶的注冊行為，例如LinkedIn的“在這里，連接世界”的價值主張。

允許用戶使用社交賬號進(jìn)行注冊和登錄。提供使用現(xiàn)有社交賬戶（如Facebook/Twitter/Google等）輕松登錄網(wǎng)站或應(yīng)用程序的選項(xiàng)，這樣會給用戶帶來極大的便利。

用戶名可以采用郵箱或手機(jī)號碼。使用電子郵件地址或手機(jī)號碼作為用戶名，這樣可以避免用戶困擾于起一個新名字的問題，并且許多手機(jī)銀行都是這樣做的。

登錄和注冊功能需要明顯區(qū)分。為了避免用戶混淆，最好將登錄和注冊的鏈接或按鈕明顯區(qū)分開。

依次高亮顯示輸入框，并允許記住用戶登錄信息。當(dāng)用戶在輸入框輸入內(nèi)容時，該輸入框需要高亮顯示。提供一個選項(xiàng)讓用戶選擇記住自己的登錄信息，這樣用戶就不需要再次花費(fèi)時間登錄該網(wǎng)站。

允許用戶查看密碼。密碼應(yīng)該以明文顯示，這樣用戶可以確認(rèn)自己輸入的密碼是否正確。

對于移動端用戶，需要顯示ISD代碼。ISD是電話國家代碼的簡稱，在移動端注冊時，需要識別用戶所在位置并自動顯示相應(yīng)的ISD代碼。

如果啟用了大寫鍵，需要有提示。盡管這個功能在大多數(shù)表單中并不常見，但在一些老牌網(wǎng)站上還是可以看到的。

提供必要的信息提示。包括輸入錯誤的信息提示以及一些重要的注意事項(xiàng)提示。

需要顯示密碼的強(qiáng)度。在表單中顯示密碼的強(qiáng)度等級可以提醒用戶輸入密碼的復(fù)雜性。

盡可能少使用下拉選項(xiàng)。如果表單中的某個項(xiàng)目只有3-4個參數(shù)需要選擇，最好使用其他方式而不是下拉框，這樣更有利于用戶體驗(yàn)。

除此之外，還有一些其他的建議：不要要求注冊用戶重復(fù)填寫Email地址；如果表單有必填項(xiàng)和可選填項(xiàng)，需要明確標(biāo)注出哪些是可選填項(xiàng)。以上內(nèi)容純屬作者個人觀點(diǎn)，不代表任何官方立場！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，禁止二次轉(zhuǎn)載！