如何將註冊表單的用戶體驗設計做到最好？

設計師信用卡 Facebook Google 人人都是產品經理 2017-05-28

有多少人喜歡填寫表單？我認為不是很多。因為這不是用戶想要的服務——他們只是想購買門票，或和朋友聊天等等。而註冊是不可避免的，他們必須處理的惡行。那麼提交表單有什麼問題？

這是很浪費時間的；
複雜形式很難弄清楚；
表單會要求用戶不敢共享的信息——信用卡的詳細信息、電話號碼、地址。

表單對於業務成功至關重要，且可能導致轉換率降低，客戶被遺棄。而且這也是用戶最為掙扎的地方。那麼設計師在這種情況下如何幫助用戶呢？如何設計一個非常好的表單？這裡有一些建議。

允許註冊並通過社交服務登——Facebook，Google等

社會登錄是一個非常強大的工具，它可以幫助實地完成工作。它會讓人們知道他們的社會數據是有保障的，並解釋你會需要什麼樣的信息。

保存輸入數據

表單中最有用的功能之一——記住用戶已經填寫的輸入數據。如果出現問題，用戶不需要再次重新輸入所有信息。此功能對於長形式特別有用。

保留表單儘可能的短，或將其拆分成多個步驟

在你的表單中只添加必需字段——它可以節省時間並減少錯誤。如果一個字段是可選的，最好不要顯示它。將表單限制為只有1或2個可選字段，並將其清楚地標記為可選字段。也可刪除任何確認字段，只要是你真正需要的。如果你無法避免使用較長的表單，請將其拆分成多個步驟並對相關字段進行分組。

自動對焦窗體中的第一個輸入域

自動對焦會引導用戶到你的表單起點。強調第一個字段與邊框顏色，背景顏色或兩者兼而有之。

圖片來源：Udacity

避免使用隱私警察協議確認的複選框

而不是複選框，使用帶有關於接受條款和政策的鏈接的文本。

圖片來源：Coursera

你可以使用一種表單進行註冊和登錄（注意）

創建一個註冊和登錄的通用表單是一個很好的選擇。輸入電子郵件和密碼後，服務器會檢查電子郵件是否已經在數據庫中。如果是，你將登錄，如果不是，該服務將為你創建一個新帳戶。但注意這種方法有一些問題——如果你輸入錯誤但有效的電子郵件，該服務將使用此電子郵件創建一個帳戶。

圖片來源：Bookmate

在單列布局中顯示字段

通過粘貼到單個列以避免重新定向來維持用戶流動（例外：簡短的相關字段，如城市，州和郵政編碼）。

提供清晰的標題

一個好的設計從文本開始，一個好的形式從標題開始。簡短且智能的CTA向用戶展示了完成此表單的好處，並激勵他們。為了值得信賴，顯示用戶的信息是安全的，提供安全徽章。

圖片來源：New York Times

設置輸入

輸入字段是任何形式的基本元素。簡單的輸入由幾個部分組成——輸入字段，標籤，佔位符。

輸入字段

一般來說，一個文本字段有6個表示 – 默認，懸停，焦點，錯誤，成功和禁用。

文本字段狀態

一個好的經驗是使用頂部對齊的標籤，因為它們更快讀取。簡而言之，可以使用有意義的圖標而不是標籤。另一種方法是使用像Material Design這樣的浮動標籤。標籤應該有一個簡短而清晰的mircocopy。一個案例或標題案例——這是你的選擇，且要保持標籤命名的一致性。組合相關標籤和字段，將標籤放置在與其相關的字段附近。