如何測試 Web 表單

how-to-test-a-web-form-1 如何測試 Web 表單

Web 表單是網站所有者不可或缺的工具 轉變 訪問客戶、會員、訂閱者等。如果您想知道為什麼沒有收到您期望的捐款、訂單、註冊或註冊,這並不一定意味著您有廣告/內容/流量問題。 可能是您的 Web 表單無法正常工作,這就是您需要知道如何測試 Web 表單的原因。

為什麼知道如何測試 Web 表單很重要

表單對於大多數商業網站都是必不可少的。 如果用戶向您提供他們的信息——或者他們的錢——很可能至少有幾個 形式 涉及。 當這些基本形式失效或表現不佳時,您的業務和用戶體驗都會受到影響。

測試網站表單包括:

  • 查找和修復根本不起作用的表單
  • 清除格式和語法/拼寫錯誤
  • 澄清表格中令人困惑的部分
  • 確保集成正在同步
  • 修復技術錯誤或更換您的表單插件

測試您的網站表單並使其正確執行意味著您的訪問者將能夠理解、完成並發送您需要的信息。 並且它可以降低用戶對非工作表單感到沮喪並轉向其他地方而導致的跳出率。

如何測試網站表單

在開始之前,請確定您網站上的每個表單的用途。 您將測試所有這些,但您想確保它們仍然相關。 否則,您將浪費時間測試您後來認為實際上並不需要的表格。

PS 您需要創建一個虛擬聯繫人(或幾個)來測試您的網路表單。

測試基本功能

通過這個測試,您基本上可以看到表單是否完成了它應該做的事情。 另外,表單必須實際出現在頁面上,以便用戶填寫和測試。 確保表單正在頁面上載入並正確載入。 以下是要檢查的內容:

  • 是整個表單載入,還是僅部分載入?
  • 它是正確的尺寸,還是太小或太大?
  • 它是否放置在頁面的正確區域?
  • 是否包含所有表單欄位並位於正確的位置?
  • 您是否看到奇怪的格式錯誤,例如您可以看到的代碼?

條件邏輯參數是否正常工作?

這有它自己的部分,因為它需要更深入的測試,而不僅僅是查看錶單。 條件表單欄位是基於另一個欄位顯示或消失的欄位。 例如,如果您問:「您以後希望我們與您聯繫嗎?」 如果用戶回答「是」,則可以填充另一個欄位,詢問他們首選的聯繫方式。 如果他們回答「否」,則不會填充該欄位。 如果您在表單上設置了條件,請確保它們按預期工作。

測試自動化和集成

用戶提交表單後,您必須知道數據正在被正確格式化、存儲和發送。 此步驟需要檢查所有自動化和集成。

錯誤信息

當 Web 表單填寫不正確時,應顯示錯誤消息。 這些錯誤消息必須對用戶一目了然——易於查找和理解。 否則,用戶會在他們能夠解決問題之前感到沮喪,這可能導致他們放棄。 通過在測試期間錯誤地填寫表單來確保錯誤消息有效。 這是您要查找的內容:

  • 你看到錯誤信息了嗎? 容易找到嗎?
  • 即使顯示錯誤消息,該表單是否也允許提交? 這可能意味著您收到了無用的、部分填寫的 Web 表單。
  • 表格是否說明必須修復或填寫哪些內容才能提交?

提交和感謝頁面

幾乎每個表單構建器都會有一個提交和/或感謝頁面,您可以自定義其中的許多頁面。 這些頁面將在用戶提交表單後自動出現,除非您出於某種原因將它們關閉。 以下是要檢查的內容:

  • 提交表單後,您是否看到正確的消息/頁面?
  • 消息/頁面的外觀是否符合您的預期或希望?
  • 它是否告訴訪問者下一步是什麼? 例如,它可能會說,「謝謝,我們很快就會與您聯繫」,或者,「您是訂閱者! 檢查你的收件箱。」

電子郵件

許多表單構建器可以設置為在提交後發送電子郵件通知。 這些通知可能會發送給用戶和/或您的團隊——無論您安排了什麼。 以下是要檢查的內容:

  • 通知電子郵件是否按預期發送?
  • 它們是否按正確的時間表發送——即不會太早或太晚?
  • 電子郵件主題行和發件人信息是否正確顯示?
  • 電子郵件看起來應該如何?

集成

如果您有其他工具連接到您的 Web 表單,您需要確保集成正確運行。 例如,假設您已將 MailChimp 與您的 Web 表單插件同步。 當用戶提交他們的聯繫信息時,應該將他們的姓名和電子郵件地址添加到您的郵件列表中。 運行虛擬測試並登錄 MailChimp 以確保它按預期同步。 運行儘可能多的測試以確保所有集成仍然連接並根據需要收集信息。

測試可用性和訪問

通過這些測試,您可以確保 Web 表單對用戶友好且 無障礙 在各種情況下。 這些方面尤其重要,因為它們可以幫助用戶查找、閱讀、理解、填寫和提交表單。 如果用戶無法弄清楚該怎麼做,即使是正確載入的表單也會給用戶帶來障礙。 Web 表單越用戶友好且易於訪問,就會有越多的人使用它。 檢查以下內容:

  • 這些問題是否易於閱讀? 字體清晰且足夠大,措辭清晰明了而不是費解……
  • 表單是否適合移動設備? 應該是這樣 – 這樣,無論用戶使用什麼設備,都可以填寫它。
  • 對於無法握住滑鼠的用戶,可以使用 Tab 鍵瀏覽表單嗎?
  • 當屏幕閱讀器閱讀表單時,表單聽起來如何? 美國盲人基金會有一個 專門用於屏幕閱讀器和推薦的輔助技術產品,以防您需要一個工具來測試或推薦給您的訪問者。

轉換測試

轉換測試是確定您的 Web 表單在這些方面是否需要改進的好方法。 此過程會廣播頁面的不同版本,以確定用戶對哪個版本的反應更好——這表明所選頁面比另一個更用戶友好和/或可訪問。 您可以嘗試手動執行此操作,但有專門的工具可以指導您完成整個過程並簡化它,例如 OptinMonster 和 MonsterInsights。

如果您使用我們的網站構建器,我們有 Divi Leads,這是一種拆分測試系統,可讓您放置不同版本的頁面以查看訪問者更喜歡哪個版本。 更改顏色、標題或布局,看看其中一個是否會比另一個帶來更多的參與度或銷售額。 然後,一旦您瀏覽了性能最高的頁面,您就可以選擇該頁面以一直顯示。 我們將詳細介紹使用 Divi Leads 進行拆分測試 這裡.

Web 表單測試常見問題

測試 Web 表單的最佳方法是什麼?

老方法! 假裝您是您自己的網站訪問者,並使用您自己的信息或為測試目的而虛構的信息填寫表單。 是的,您可以使用一些工具來自動測試您的表單,但是如果您想真正親身體驗用戶體驗,那麼您必須扮演用戶的角色。

應多久測試一次 Web 表單?

理想情況下,您可以在對網站進行更改或更新時測試所有 Web 表單。 如果這太難處理了,那麼請確保在啟動或更改表單時以及在主要站點更新之後進行測試。 然後,為了讓事情順利進行並發現您可能會錯過的錯誤,請將自己置於例行的 Web 表單測試計劃中,例如每月或每季度。

在修復表單時,我應該如何處理我的網站?

如果您發現需要修復的有問題的表單,您可能希望在處理網站時將其置於維護模式。 這樣,您就可以告訴訪問者您暫時感到沮喪,而不是冒著讓他們嘗試填寫損壞的表格的風險。 我們有一篇文章解釋了 您需要了解的有關 WordPress 維護模式的所有信息,包括如何設置自定義頁面。

總結

技術是一件了不起的事情,但相信它可以 100% 地完美運行是錯誤的。 測試和修復 Web 表單需要時間,但從長遠來看,保持它們的健康最終會為您和您的團隊節省時間。

哦,當您完成 Web 表單的測試後,不要忘記清理所有表單! 刪除測試提交和虛擬帳戶,退還您支付的任何款項,從郵件列表和其他集成中刪除電子郵件等。

另外,一個重要的提醒:當您第一次在您的網站上啟動 Web 表單時,您一定要對其進行測試,但測試是一個持續的過程。 如果您使用的 Web 表單插件已過時,您的 WordPress 版本不再與該插件一起使用,或者您網站上的某些東西只是出問題了,您可能會遇到一個您甚至不知道出現故障的表單。 每當您對網站進行重大更新時,請務必測試您的 Web 表單,但將自己置於測試計劃中也是明智之舉,例如每季度一次。

既然您的 Web 表單完全正常運行,請嘗試這些 提高轉化率的四個心理技巧! 如果他們中的任何一個為您工作,請告訴我們。

來源

相關文章