轉載請註明出處：葡萄城官網，葡萄城為開發者提供專業的開發工具、解決方案和服務，賦能開發者。

原文出處：https://blog.bitsrc.io/8-tips-for-an-awesome-signup-form-30300816282c

大多數人並不喜歡填表，我想這應該是不爭的事實，但為什麼呢？

因為填表單時你就像考試一樣感到緊張和焦慮，對填寫的內容謹小慎微，慎之又慎。如果你在花時間填完了表單提交後後得到了令人沮喪的反饋，你們可能會產生強烈的受挫感更有甚者會對這個表單產生厭惡感。

然而，在你的系統上收集使用者的資料對於業務來說是至關重要的。而對於新使用者來說，註冊過程是收集使用者資訊整個流程中必不可少的步驟。作為你係統入門的第一步，我們需要確保這個過程儘可能的簡單且易用。因為如果使用者在這個過程中的任何一步中遇到問題，都有可能會造成潛在使用者的流失。所以為使用者提供一個友好的登錄檔單是非常重要的。

那麼，如何優化你登錄檔單的使用者體驗從而提高使用者的註冊率呢？關於這塊，有8個方面是可以去提升的。

1. 告訴使用者註冊後有什麼好處

向用戶提供具有吸引力的激勵機制是提升使用者註冊比例最有效的途徑之一。因為讓使用者瞭解到註冊後能得到什麼服務，或者得到什麼有價值的資訊，對使用者而言是非常有說服力的，例如這些資訊：給予優惠、折扣、預購權、新品資訊等。

2. 讓表單儘量清爽

使用者很忙，不想在註冊上花費太多時間。因此，通過減少使用者填寫專案的數量來保持表單清爽、精簡，降低使用者的註冊門檻，是提高使用者的註冊率的另一種方式。

一般來說，我們只需要把所有非必填欄位全部刪除只顯示必填欄位就可以保持表單的清爽了。但很顯然大部分情況下我們都不能這麼做，所以如果仍然需要展示你的可選欄位，請限制可選欄位的數量，並確保你的必填欄位清楚的向用戶標記出來。

另一種讓登錄檔單清爽的方法是將登錄檔單拆分成為多個步驟。每個欄目都像一個問題，因為可以顯示當前的填寫進度，這樣他們可以知道自己已經完成了多少問題，這種方式增強了使用者的信心，緩解了使用者填寫表單時的焦慮感，讓使用者可以毫無壓力的直到完成註冊。

3. 從易到難

不要給使用者壓力，表單前面儘可能的展示些最簡單的問題吧。這就好比考試的第一個問題應該是全卷中最容易的一樣，讓使用者在開始時毫不費力地填幾個欄位，然後才能激勵他們有信心完成剩下的欄位。

4.清楚地標記欄位

欄位前的標籤告訴使用者他們需要填（選）些什麼，所以標籤必須簡明扼要。它們可以是一個句子、一個單詞或一個圖示，但無論它們是什麼，請一定要確保它們的風格是一致的，以保護使用者的閱讀習慣及保持表單一致的可讀性。

5.通過placeholder提供提示

placeholder是文字框的一個屬性，合理使用它可以幫助使用者輸入符合格式的正確內容同時也可以用作欄位標籤。以下是兩種用法：

6. 用微說明進一步解釋欄位

對錶單中的同一問題每個人可能都會有自己不同的理解。

例如：

“名稱”欄位。是指使用者名稱還是暱稱？

“公司名”欄位。是指我工作的公司還是我擁有的公司？

所以加上縮說明進一步進行解釋，可以避免使用者誤解，統一大家的理解使其更加人性化提升填寫的準確度。

有時，當用戶被要求提供個人資訊時，他們會感到不安全。如果通過微說明告訴使用者詢問問題的原因，可以減少使用者的擔憂，建立起他們對你的信任。例如：

如果使用者在輸入資料時不知道你的要求是什麼，在他們提交的答案不正確的情況下使用者就會收到系統的錯誤資訊，一般這種出錯資訊往往對使用者是負面的，因為這樣的受挫感，就很有可能流失掉使用者。但這種情況本應是可以被避免的。

當對欄位有特定要求時，通過微說明來提示使用者該欄位的填寫要求是避免使用者出錯的好辦法。例如：

7. 實時的欄位資料驗證

另一種防止錯誤的方法是實時資料驗證。這是一種實時反饋機制，適用於要求相對複雜的使用場景。

因為使用者一般並不想一次又一次地提交資料去嘗試使用者名稱是不是被佔用、密碼是不是不符合標準等情況。使用者希望填寫後最好立即知道結果，如果不符合標準，他們可以再次嘗試。而通過頻繁地提交資料去試錯，是一個不好的使用者體驗，這不僅挑戰了他們的耐心也無形中流失了使用者。

實時資料驗證可以實現兩個目標：

• 當用戶輸入合格的資料時，它會告訴使用者填寫的沒問題。正向的反饋，增強了使用者的信心。
• 當用戶輸入不合格的資料時，它會告訴使用者錯誤的原因以及如何更正。

如下圖：

8. 錯誤驗證

錯誤驗證是整個註冊過程的最後一步。這就像審閱試卷，通過錯誤訊息通知使用者錯誤在哪裡以及如何更正。一次顯示所有錯誤訊息，以便使用者可以一次修復它們。如下圖：

結論：

我們可能無法改變人們不喜歡填寫表單的事實，但我們可以盡最大努力改善登錄檔單的使用者體驗。對使用者友好使用體驗提供了充分的互動和反饋，減少了使用者的焦慮感，並和使用者建立了信任。我想，以上列出的8個方面雖然不是全部，但應該是可以提升一部分的使用者體驗，併為你有效提升使用者註冊率。