表單設計原則：13 個經驗支持的最佳實踐

如果您沒有遵循表單設計的最佳實踐，那麼您就會損失很多錢。

雖然表單不是轉換優化中最吸引人的部分，但它們往往是最接近金錢的部分——宏觀轉換。 花一點時間優化表單可能是您可以做的一些最重要的優化工作。

當然，最佳實踐並非在所有網站上都適用。 這是上下文。 但總的來說，實施經常有效的表單設計策略是一個很好的開始方式。

幸運的是，關於表單設計最佳實踐的數據、案例研究、研究和示例並不缺乏。 它來自各個地方：商業案例研究、博客文章、A/B 測試示例、可用性研究、眼動追踪研究等等。

這篇文章概述了一些最常見的表單設計最佳實踐。 如果您剛剛開始優化，請將它們用作基準。

如果您正在處理表單，這些指南應該可以幫助您快速取得成果。

13 條表單設計原則和最佳實踐

1. 少即是多（即刪除表單域）。

您要求用戶填寫的每個字段都會增加摩擦。 改進表單完成的最好方法是盡可能多地刪除字段。

在一個案例研究中，將 11 字段的聯繫表替換為 4 字段的版本，表單完成量增加了 160%。 （提交的質量保持不變。）

在另一項測試中，5 場表格的表現優於 9 場表格 34%。 在這一個中，數據或潛在客戶質量也沒有下降。

大多數表格都太長了。 這是“貪婪的營銷人員綜合症”——我們認為我們需要所有數據。

Baymard Institute 發現結帳時平均包含 14.88 個表單字段。 但他們的結帳可用性測試還表明，大多數網站可以將默認顯示的表單字段數量減少 20-60%。

本質上，平均結帳顯示的表單字段數量是所需數量的兩倍。

因此，表單字段縮減對於漏斗底部轉換優化來說是零基礎。 在這裡您可以獲得一些最快的勝利。 所需的努力和資源極少，潛在收益是巨大的，尤其是在規模上：

• 你有多少種形式？
• 有多少人經歷過？
• 每種表格增加 10% 對您意味著什麼？

現在，肯定存在數據問題，特別是如果您是一家 B2B 公司，負責生成潛在客戶並將潛在客戶傳遞給銷售團隊。 您想確保他們是合格的潛在客戶； 否則，更多的潛在客戶會成為外部因素，從而導致生產力浪費。

例如，您可以使用分配預算的分層系統來篩選潛在客戶。 基本上，潛在客戶願意支付多少錢？ 將最低標准設置為您認為有價值的領先優勢的最低值，這樣您就會淘汰很多挑剔的人。

我們代理頁面的一個例子：

當您優化表單域時，詢問數據：您真的需要它嗎？ 你真的需要別人的電話、傳真或地址嗎？ 如果你賣蠟燭，你需要公司名稱嗎？ 只詢問相關的內容。 Expedia 從他們的預訂表格中刪除了“公司”字段，並實現了每年 1200 萬美元的利潤增長。

還知道，特別是對於 B2B，存在像 Clearbit 這樣的數據豐富公司。 如果您收集電子郵件和名字，他們通常可以豐富其餘數據（公司名稱、規模、Twitter 句柄等）。

這樣想：每增加一個字段都會讓您失去一些潛在客戶。 你從現場獲得的額外信息是否值得失去這些人？ 如果您不立即獲取所有數據，您會丟失任何東西嗎？

最好的註冊表單很簡短：

與往常一樣，也有例外。 減少表單字段並不總能增加轉化率。 另外，您收集的有關用戶的信息越多，您可以使用的營銷和定位就越有效（通常）。

不過，一般來說，遵循這種啟發式方法是安全的：刪除無用或多餘的表單字段。

2. 單欄勝過多欄形式。

這在眼動追踪研究（包括我們自己的研究）、案例研究和 A/B 測試中得到了很好的研究。 當您在單列或多列表單設計之間做出決定時，請默認為單列。

在 CXL 研究中，調查參與者完成線性單列表格 (n = 356) 比多列表格 (n = 346) 平均快 15.4 秒。 這在 95% 的置信水平下明顯更快。

該指南並不新鮮。 事實上，它已經存在多年，但在我們的研究之前，並沒有太多的定量證據。 儘管如此，那些進行轉化優化的人無疑會看到許多引人注目的用戶測試以及 A/B 測試，這些測試表明單列更有用。

我敢肯定這條規則有例外（與任何規則一樣），但我還沒有找到任何經驗支持。

3.清楚地傳達錯誤。

用戶會犯錯誤。 這是不可避免的。 即使您使用每一種表單設計最佳實踐，用戶仍然會收到錯誤消息。 您如何處理錯誤消息很重要。

設計錯誤消息就是為了限制用戶對您的表單感到沮喪。 當用戶感到沮喪時，他們會感到壓力。 皮質醇開始積累。 如果達到某個閾值，用戶就會放棄並轉到競爭對手的網站。

所以，是的，自己做可用性研究，但從這些錯誤消息最佳實踐開始：

• 不要責怪用戶。
• 像人一樣寫作，而不是機器人。
• 確保錯誤清楚，消息位於直觀的位置。
• 確保用戶知道如何修復所述錯誤。
• 不要在頁面頂部列出所有錯誤。 在線驗證是一個很好的解決方案。

4. 使用內聯表單字段驗證。

與錯誤消息相關的還有您如何與用戶溝通他們的提交是否正確。 表單驗證本身就是一個完整的主題，但我們可以在這裡涵蓋一些方面。

內聯驗證是一種實時查找、警告和糾正錯誤的絕妙方式。 他們不會等到用戶按下“提交”，而是立即了解哪裡出了問題。

這是內聯驗證的一個很好的例子：

內聯驗證有很多經驗支持。 2009 年，Luke Wroblewski 針對控件（提交後驗證）測試了內聯驗證，儘管樣本很小，但他發現內聯版本的結果如下：

• 成功率提高 22%；
• 錯誤減少 22%；
• 滿意度提高 31%；
• 完成時間減少 42%；
• 眼睛注視次數減少 47%。

我會接受那些結果。 （我在許多電子商務網站上看到過類似的 A/B 測試結果。）

這一切都與明確的期望和溝通有關。 用戶不必猜測什麼有效，什麼無效。 您越容易理解期望，人們犯的錯誤就越少，您完成的表格就越多。

5. 從最容易到最難填寫的順序字段。

羅伯特·西奧迪尼 (Robert Cialdini) 的“承諾和一致性”原則指出，當某人採取一個小動作或朝著某件事邁出一步時，他們會感到必須完成。 出於這個原因，將最簡單的內容放在首位是表單設計的最佳實踐。

等到稍後再引入摩擦（例如，賬單信息或任何過於個人化的信息）。 允許人們在開票前填寫運輸信息。 （它們通常是相同的，所以他們不需要再次輸入。）

不要這樣做：

6. 讓打字變得簡單。

表單設計最佳實踐的首要原則不斷湧現：讓用戶更容易使用（尤其是移動表單）。

限制用戶完成表單所需的輸入量。 一種方法是使用自動填充等功能盡可能實現自動化。

在決定自動填充時，這裡有一些值得思考的好問題：

• 你有這個領域的任何好的默認值嗎？
• 有什麼歷史可查？
• 你有什麼常用的值嗎？
• 您可以使用瀏覽器的移動功能或設置來填充該字段嗎？
• 你能計算字段嗎？ （例如，根據郵政編碼自動填充狀態）

自動格式化也非常重要（令人沮喪的是未被充分利用）。 允許用戶以他們想要的任何方式輸入數據（特別是郵政編碼、電話號碼和信用卡等字段）。 輸入格式後，需要幾行代碼來修復格式。 不要讓你的懶惰毀了用戶體驗。

所以不要這樣做：

7. 指出每個字段是必需的還是可選的（除非它們都是必需的）。

首先，詢問您是否需要包括那些可選字段。 大多數時候，它們是不必要的。 例如，誰需要我的頭銜或中間名？ 為什麼要把一個字段變成四個？

關注您需要從用戶那裡獲得的信息，以便他們可以開始。 您不希望用戶坐在家裡思考，“他們為什麼需要這個？！”

指出每個字段是必需的還是可選的，除非它都是必需的。

8.姓名和電話號碼字段應該是一個字段。

沒有名字和姓氏字段，只有一個顯示“全名”的字段。 一個電話號碼不是三個字段，而是一個。

多個字段的問題是交互問題。 一般來說，表單設計的最佳實踐是“字段越少越好”。

想像一下，使用您的移動設備時，必須在五個字段中輸入姓名和號碼（兩個輸入姓名，三個輸入號碼）而不是兩個？ 不必要的摩擦。

9. 提供單選按鈕而不是下拉框。

UX Movement 認為帶有選擇菜單的表單經常被放棄，因為它們“需要更多的時間和精力來完成”。

更具體地說，他們聲稱他們通過中斷用戶流程、難以閱讀和需要靈巧的鼠標操作來減慢用戶的速度。 他們沒有提供支持數據。

好吧，這很容易測試。 所以我們做到了。 我們剛剛啟動了一項關於在線信任感知的大型調查，因此我們有機會操縱調查表並以不同的格式（多選與單選按鈕）向不同的人詢問相同的問題。

結果？ 帶有單選按鈕的表單可以更快地完成。 調查參與者完成單選按鈕表單 (n = 354) 比使用多選按鈕的表單 (n = 354) 平均快 2.5 秒。 這在 95% 的水平上明顯更快。

10. 不要讓優惠券代碼字段顯眼。

當人們看到“在此處輸入優惠券代碼”字段時，他們會覺得不那麼特別。 他們會想，“為什麼我沒有？” 他們得到了 FOMO。

許多人去谷歌搜索優惠券。 有些人會在第三方網站上找到優惠券，這會削減您的利潤。 許多人再也沒有回來。

離開網站去搜索優惠券是放棄購物車的常見原因。

所以這不是一個好主意：

沒有大橫幅，而是有一個文本鏈接，上面寫著“有優惠券？” （或類似的東西）。 如果用戶單擊該鏈接，它應該打開一個輸入字段。 文本鏈接在視覺上並不突出，因此很少有人會注意。

已經擁有優惠券代碼的客戶會尋找輸入優惠券代碼的方法，因此除非您將其隱藏得（太）好，否則他們仍然可以使用他們的優惠券。 如果客戶收到優惠券（通過電子郵件），則自動應用並顯示折扣。

11.避免使用“清除字段”按鈕。

填寫您的表格的人都不想清除這些字段。 如果他們不想填寫，他們可以離開。

如果他們填寫表格並不小心清除了字段，他們很可能不會重新開始。

特定於移動設備的表單設計最佳實踐

雖然上述大部分內容也適用於移動設備，但對於較小的屏幕，需要牢記一些具體問題。 移動用戶的耐心較差，使用智能手機比使用台式機更難。

我們有一篇關於該主題的完整文章，因此請深入研究。 但是，如果您想要幾個起點，請遵循這些準則。

12.提供領域重點。

如果您有一個包含多個字段的表單，您不希望用戶迷失在表單中。 這在移動設備上尤為重要：較小的屏幕允許對錶單進行較少的視覺控制。

使正在編輯的輸入字段突出並突出重點。

13. 不要隱藏密碼。

雖然在用戶鍵入密碼時顯示密碼似乎是一個安全問題，但這對用戶體驗來說要好得多。

正如 NN/g 總結的那樣：

當用戶輸入密碼並且他們得到的唯一反饋是一排項目符號時，可用性會受到影響。 通常，屏蔽密碼甚至不會增加安全性，但它確實會因登錄失敗而給您帶來業務損失。

警告：運行你自己的實驗。

僅僅因為某事是“最佳實踐”並不意味著它始終是最佳解決方案。 有時，最佳實踐會失敗。

網站是上下文相關的。 在一個站點上有效的方法可能在另一個站點上無效。

此外，您的業務環境可能不同。 誰知道呢，也許您真的需要那個中間名作為一條數據。 我要評判誰？

因此，對所有事情都持保留態度。 要知道這一切都已經過測試和研究，但歸根結底，重要的是它如何在您的網站和您的業務環境中運作。

這些是指導方針，而不是強制要求。

結論

良好的表單設計原則可能更有效，但它們並不普遍。 沒有銀彈解決方案：您必須自己測試這些東西。

但是，如果您是從頭開始，那麼這些表單設計最佳實踐是一個很好的基準 — 一個起點，而不是終點。

正在做與此相關的事情嗎？ 在CXL 社區發表評論！