轉載請注明出處：葡萄城官網，葡萄城為開發者提供專業的開發工具、解決方案和服務，賦能開發者，
原文出處：https://blog.bitsrc.io/8-tips-for-an-awesome-signup-form-30300816282c
大多數人并不喜歡填表，我想這應該是不爭的事實，但為什么呢？
因為填表單時你就像考試一樣感到緊張和焦慮，對填寫的內容謹小慎微，慎之又慎，如果你在花時間填完了表單提交后后得到了令人沮喪的反饋，你們可能會產生強烈的受挫感更有甚者會對這個表單產生厭惡感，
然而，在你的系統上收集用戶的資料對于業務來說是至關重要的，而對于新用戶來說，注冊程序是收集用戶資訊整個流程中必不可少的步驟，作為你系統入門的第一步，我們需要確保這個程序盡可能的簡單且易用，因為如果用戶在這個程序中的任何一步中遇到問題，都有可能會造成潛在用戶的流失，所以為用戶提供一個友好的注冊表單是非常重要的，
那么，如何優化你注冊表單的用戶體驗從而提高用戶的注冊率呢？關于這塊，有8個方面是可以去提升的，
1. 告訴用戶注冊后有什么好處
向用戶提供具有吸引力的激勵機制是提升用戶注冊比例最有效的途徑之一，因為讓用戶了解到注冊后能得到什么服務，或者得到什么有價值的資訊，對用戶而言是非常有說服力的，例如這些資訊：給予優惠、折扣、預購權、新品資訊等，
2. 讓表單盡量清爽
用戶很忙，不想在注冊上花費太多時間，因此，通過減少用戶填寫專案的數量來保持表單清爽、精簡，降低用戶的注冊門檻，是提高用戶的注冊率的另一種方式，
一般來說，我們只需要把所有非必填欄位全部洗掉只顯示必填欄位就可以保持表單的清爽了，但很顯然大部分情況下我們都不能這么做，所以如果仍然需要展示你的可選欄位，請限制可選欄位的數量，并確保你的必填欄位清楚的向用戶標記出來，
另一種讓注冊表單清爽的方法是將注冊表單拆分成為多個步驟，每個欄目都像一個問題，因為可以顯示當前的填寫進度，這樣他們可以知道自己已經完成了多少問題，這種方式增強了用戶的信心，緩解了用戶填寫表單時的焦慮感，讓用戶可以毫無壓力的直到完成注冊，
3. 從易到難
不要給用戶壓力，表單前面盡可能的展示些最簡單的問題吧，這就好比考試的第一個問題應該是全卷中最容易的一樣，讓用戶在開始時毫不費力地填幾個欄位，然后才能激勵他們有信心完成剩下的欄位，
4.清楚地標記欄位
欄位前的標簽告訴用戶他們需要填（選）些什么，所以標簽必須簡明扼要，它們可以是一個句子、一個單詞或一個圖示，但無論它們是什么，請一定要確保它們的風格是一致的，以保護用戶的閱讀習慣及保持表單一致的可讀性，
5.通過placeholder提供提示
placeholder是文本框的一個屬性，合理使用它可以幫助用戶輸入符合格式的正確內容同時也可以用作欄位標簽，以下是兩種用法：
6. 用微說明進一步解釋欄位
對表單中的同一問題每個人可能都會有自己不同的理解，
例如：
“名稱”欄位，是指用戶名還是昵稱？
“公司名”欄位，是指我作業的公司還是我擁有的公司？
所以加上縮說明進一步進行解釋，可以避免用戶誤解，統一大家的理解使其更加人性化提升填寫的準確度，
有時，當用戶被要求提供個人資訊時，他們會感到不安全，如果通過微說明告訴用戶詢問問題的原因，可以減少用戶的擔憂，建立起他們對你的信任，例如：
如果用戶在輸入資料時不知道你的要求是什么，在他們提交的答案不正確的情況下用戶就會收到系統的錯誤資訊，一般這種出錯資訊往往對用戶是負面的，因為這樣的受挫感，就很有可能流失掉用戶，但這種情況本應是可以被避免的，
當對欄位有特定要求時，通過微說明來提示用戶該欄位的填寫要求是避免用戶出錯的好辦法，例如：
7. 實時的欄位資料驗證
另一種防止錯誤的方法是實時資料驗證，這是一種實時反饋機制，適用于要求相對復雜的使用場景，
因為用戶一般并不想一次又一次地提交資料去嘗試用戶名是不是被占用、密碼是不是不符合標準等情況，用戶希望填寫后最好立即知道結果，如果不符合標準，他們可以再次嘗試，而通過頻繁地提交資料去試錯，是一個不好的用戶體驗，這不僅挑戰了他們的耐心也無形中流失了用戶，
實時資料驗證可以實作兩個目標：
- 當用戶輸入合格的資料時，它會告訴用戶填寫的沒問題，正向的反饋，增強了用戶的信心，
- 當用戶輸入不合格的資料時，它會告訴用戶錯誤的原因以及如何更正，
如下圖：
8. 錯誤驗證
錯誤驗證是整個注冊程序的最后一步，這就像審閱試卷，通過錯誤訊息通知用戶錯誤在哪里以及如何更正，一次顯示所有錯誤訊息，以便用戶可以一次修復它們，如下圖：
結論：
我們可能無法改變人們不喜歡填寫表單的事實，但我們可以盡最大努力改善注冊表單的用戶體驗，對用戶友好使用體驗提供了充分的互動和反饋，減少了用戶的焦慮感，并和用戶建立了信任，我想，以上列出的8個方面雖然不是全部，但應該是可以提升一部分的用戶體驗，并為你有效提升用戶注冊率，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/41082.html
標籤：其他