如何製作好表格（確保您的表格不會嚇跑人們）

表單是您讓人們在您的網站上做事的方式。 無論您使用哪種類型的表格，您都需要確保您的表格易於使用，以便人們填寫。

如果您的表單給用戶帶來不好的體驗，人們不會填寫它們。 這意味著他們離開您的網站，永遠不會成為客戶——這一切都是因為您將表單字段的格式設置得有些不妥！

這意味著你需要知道如何製作一個好的表格。

哪些類型的表單將受益於良好的表單設計？

• 潛在客戶生成表格- 當您希望人們選擇加入您的電子郵件列表或下載免費優惠時
• 聯繫表格——當您希望人們取得聯繫時
• 註冊表格——當您希望人們註冊您的服務或活動時
• 登錄表單——當您想讓人們輕鬆登錄時
• 結帳表格——當您想確保人們不會放棄購物車時
• 通用電子郵件捕獲表格——在您需要獲取某人的電子郵件地址的任何雜項時間

不幸的是，那裡有很多不好的形式。

幸運的是，設計一個簡單、有效且具有良好 UX 的表單並不難。

以下是如何製作一個好的表格。

要遵循的表單設計原則（良好表單設計的 4 C）

當你需要製作一個好的表格時，你需要兩件事：

1. 簡單的最佳實踐，例如在哪裡放置字段標籤以及如何堆疊字段
2. 指導如何製作好表格的原則

你可以從其他人已經測試過的東西中學到很多東西——接下來我將列出一堆表單設計的最佳實踐，它們會讓你更容易設計表單。

但有時您需要為尚未測試的內容使用表單。

或者，無論出於何種原因，您與大多數填寫表格的人都不同。

了解表單設計的原則為您提供了在任何情況下創建良好表單的工具。

[博客訂閱標題=“此表單遵循原則”描述=“當您輸入電子郵件時，您將每週收到 1 封電子郵件，其中包含我們最好的營銷建議。”]

所以。 以下是幫助您處理常見表單用戶體驗錯誤的快速、具體的提示：

• 將標籤放在字段上方，而不是在字段中消失的文本。 否則，當有人開始打字時，他們可能會忘記您要求的信息。
• 當字段超過兩個時，垂直堆疊字段。 垂直場比水平場更容易掃描。
• 明確需要哪些字段。 星號很常見（或者您可以專門調出可選字段）。
• 如果表單的選項超過 6 個，請使用下拉菜單。 聽說過 7 法則嗎？ 人們可以記住大約 7 個項目，因此如果您有這個數字或更多，請不要一次將它們全部顯示為單選按鈕。
• 如果您有大量字段，請使用多步驟表單——它可以減少摩擦
• 根據您期望的答案長度使您的表單字段大小不同。 郵政編碼的形式應該比電話號碼的形式短。
• 如果您有錯誤消息，添加內聯驗證可能是個好主意
• 不要讓你的提交按鈕說“提交”。 通過引人注目的微文案使其在視覺上與眾不同。

然後是良好形式背後的原則。 這些是良好的表單設計的四個 C：

1. 清除
2. 簡潔的
3. 聰明的
4. 合作社

（注：感謝 Formulate 團隊開發此 4 Cs 模型）。

1.清晰的表格更易於使用

清晰的表格不會讓人思考（這是一件好事）。

這就像網頁設計的聖經（亞馬遜）是有原因的

有一個清晰的表格是什麼意思？ 這意味著填寫您的網絡表單的人應該能夠以盡可能少的努力完成它。

必填字段顯然應該是必需的。 輸入字段應該清楚他們要求哪些輸入。

如果您的表格很長，則這些字段會被清楚地標記並且盡可能輕鬆。

表格的清晰性至關重要。 如果表單的任何部分令人困惑，您將失去轉換！

我的意思是你表格的任何部分。 包括：

• 哪些部分是可選的或必需的
• 填寫什麼信息
• 哪些表單字段與哪些信息一起使用
• 表單提交後會發生什麼
• 為什麼他們甚至應該首先填寫您的表格！

除非您的表格是法律要求人們填寫的瘋狂強烈的東西（例如稅務文件），否則您需要讓人們想要填寫您的表格。 這意味著您需要一個好的、明確的報價以及好的、明確的選擇加入副本。

這意味著讓您的表格盡可能輕鬆無痛地完成。

設計表單時，請提出以下問題：

• 表格想要某人做什麼很明顯嗎？
• 要求哪些信息很明顯嗎？
• 信息需要採用什麼格式是否很明顯？
• 每條信息需要輸入的位置是否明顯？
• 如果有錯誤，錯誤消息是否說明如何更正？
• 輸入信息後，下一步該做什麼很明顯嗎？

2. 簡潔的表格獲得更多的轉化

簡潔並不意味著簡短！ 這意味著不再需要。

是的，短格式通常會比長格式獲得更多的轉化。 但：

1. 有時，長格式實際上比短格式轉換得更好
2. 有時你確實需要更多信息
3. 有時您想確保只有最感興趣的人才能聯繫到您

當轉化率優化專家 Michael Aagaard 將表格縮短三個字段時，他認為轉化率會上升。

沒有。 轉化率下降了 14%。

“結果？ 轉化率下降 14%。 我刪除了人們真正想要與之交互的所有字段，只留下了他們不想與之交互的糟糕字段。 有點傻。” – Michael Aagaard，ConversionXL

某些表單字段（例如“電話號碼”）本身就比其他表單字段（例如“名字”）具有更高的摩擦力。

當然，您希望盡可能多地了解有關您的潛在客戶的信息。 你只需要平衡人們願意提供給你的信息。

另一方面，您可能想要製作更長的表格有兩個非常好的理由：

1. 您確實需要所有這些信息才能將潛在客戶轉化為客戶
2. 您有很多網站訪問者，並且想嚇跑那些對您的報價不認真的人

當您銷售更昂貴的服務時，長表格更常見，尤其是當您向企業銷售時。

即使您的表格很長，請確保您只詢問您需要的信息。

請記住——您可以將長表格變成多步驟表格，以使其更容易完成。

3.巧妙的形式幫助人們

聰明並不意味著你的表格應該有一堆雙關語。 正如我們之前所寫的，清晰比聰明更重要——至少當聰明意味著“有趣”時。

在這種情況下，“聰明”的意思是“聰明”。 聰明的表格是足夠聰明的表格，可以幫助您的訪問者完成它們——通過採取不相關的步驟或使訪問者更容易完成需要執行的步驟。

其中一些步驟是什麼？

• 自動完成的表單字段——因此您的訪問者可以更快地填寫他們的信息
• 隱藏您已有信息的表單域
• 隱藏表單字段，直到填寫先決條件字段
• 僅接受某些表單字段的某些輸入（例如，電子郵件地址必須包含 @）

Google 允許您自動填充您的信息。 這個例子（來自developers.google.com）說明了自動填充的速度有多快。

使您的表單更智能使人們更容易提交您的表單。

4.合作形式不會讓人沮喪

“合作”是比其他三個更普遍的原則。 如果表格是合作的，這意味著它與您的訪問者一起工作，以便更容易填寫。

合作原則包含了一系列最佳實踐。 例如合作形式：

• 使用表單填寫者在接近表單時使用的心理框架
• 必要時定義術語並提供上下文
• 使用提交表單的人熟悉的術語
• 使錯誤顯而易見並給出修復它們的步驟
• 適應輸入中的一些小錯誤（拼寫錯誤，多種格式）
• 確保所有表單字段都有有效、準確的響應
• 提出具有有效答案的問題，以消除不能反映填表者真實信念/狀態/信息的“最合適”答案
• 明確填寫表格的期望，以及填寫表格的期望

不確定性使人們感到沮喪。 沮喪的人不會填寫表格，也不會成為客戶。

最近一項關於不確定性影響的薈萃分析說明了它如何影響決策。

“不確定性在日常生活中通常是不可避免的，可能既緊張又令人興奮……最近的研究表明，生物有機體試圖解決和最小化不確定性，作為優化對外部世界的推斷和預測的一種手段，並最終促進生存成功。”

當您遇到令人困惑的形式時，“解決和最小化不確定性”的最快方法是什麼？

不填表！

這就是合作表格如此重要的原因——它們可以防止填表者感到沮喪。

他們讓更多的人填寫您的表格。

結論：好的形式之後會發生什麼？

一個好的表格只是訪客與您的業務互動的開始。

良好的表單設計和強大的選擇性加入副本可以讓更多人提交您的表單。 之後，您將需要方法來繼續吸引新的潛在客戶和訂閱者。

以下是一些保持人們參與的方法：

• 將他們發送到自定義感謝頁面。 自定義感謝頁面可讓您將人們引導到他們可能感興趣的更多資源（並將它們保留在您的網站上）
• 明確下一步所需的步驟。 你要打電話給他們嗎？ 發送確認電子郵件？ 他們現在還需要做其他事情嗎？ 讓他們明白這一點。
• 跟進（您可以自動執行此操作）。 發送歡迎電子郵件。 觸發自動跟進。 表單提交後，參與度最高——所以趁熱打鐵，現在就伸出手。

學習如何製作一個好的表格。 做了。 然後，跟進。 只需將更多訪客轉化為潛在客戶和客戶，即可發展您的業務。