在你的表單中只添加必需字段——它可以節省時間并減少錯誤。如果一個字段是可選的,最好不要顯示它。將表單限制為只有1或2個可選字段,并將其清楚地標記為可選字段。也可刪除任何確認字段,只要是你真正需要的。如果你無法避免使用較長的表單,請將其拆分成多個步驟并對相關字段進行分組。
自動對焦窗體中的第一個輸入域
自動對焦會引導用戶到你的表單起點。強調第一個字段與邊框顏色,背景顏色或兩者兼而有之。
數據錄入軟件 圖片來源:Udacity
避免使用隱私警察協議確認的復選框
而不是復選框,使用帶有關于接受條款和政策的鏈接的文本。
圖片來源:Coursera
你可以使用一種表單進行注冊和登錄(注意)
創建一個注冊和登錄的通用表單是一個很好的選擇。輸入電子郵件和密碼后,服務器會檢查電子郵件是否已經在數據庫中。如果是,你將登錄,如果不是,該服務將為你創建一個新帳戶。但注意這種方法有一些問題——如果你輸入錯誤但有效的電子郵件,該服務將使用此電子郵件創建一個帳戶。
圖片來源:Bookmate
在單列布局中顯示字段
通過粘貼到單個列以避免重新定向來維持用戶流動(例外:簡短的相關字段,如城市,州和郵政編碼)。
提供清晰的標題
一個好的設計從文本開始,一個好的形式從標題開始。簡短且智能的CTA向用戶展示了完成此表單的好處,并激勵他們。為了值得信賴,顯示用戶的信息是安全的,提供安全徽章。
圖片來源:New York Times
設置輸入
輸入字段是任何形式的基本元素。簡單的輸入由幾個部分組成——輸入字段,標簽,占位符。
輸入字段
一般來說,一個文本字段有6個表示 –默認,懸停,焦點,錯誤,成功和禁用。
文本字段狀態
標簽
一個好的經驗是使用頂部對齊的標簽,因為它們更快讀取。簡而言之,可以使用有意義的圖標而不是標簽。另一種方法是使用像Material Design這樣的浮動標簽。標簽應該有一個簡短而清晰的mircocoy。一個案例或標題案例——這是你的選擇,且要保持標簽命名的一致性。組合相關標簽和字段,將標簽放置在與其相關的字段附近。
字段標簽
占位符
占位符是幫助用戶了解可輸入數據類型和格式的提示。避免使用占位符作為標簽,而使表單緊湊。它適用于2-3個字段的短格式,但不適用于較長的表單。當用戶將信息輸入到該字段中時,占位符消失,用戶可能無法檢查是否輸入正確類型的數據。
避免使用占位符作為標簽
注意密碼字段
我指出了密碼字段,因為它有自己的約束和技巧。
讓用戶看到他們的密碼
它可以幫助用戶在提交之前檢查其密碼。
顯示密碼強度
好的密碼很難被猜到。給用戶顯示他們密碼的強度和安全性,以及是否需要使其更復雜。
圖片來源:Drobox
提交之前顯示密碼要求
如果你的服務需要特定要求的密碼,請在提交表單之前顯示。
錄入系統工具 圖片來源:MailChim
檔案錄入軟件 提醒用戶大小寫字母轉換鍵的開啟
它有助于防止突然按下Cas Lock鍵的Shift鍵,這種常見錯誤的出現。
<文章地址:http://www.meyanliao.com/article/other/blbdjknddhjqcfcdgbz.html