0. 組成五元素:輸入框晦攒,標簽, 動作得哆,幫助信息脯颜, 輸入反饋 。
1. 輸入框:單選框贩据,文本輸入框栋操,下拉框,文本區(qū)域乐设,復選框讼庇,時間控件绎巨。輸入框的選擇要考慮業(yè)務需求和用戶使用場景近尚,目標是降低用戶的操作復雜度。
2. 標簽:分為頂部對齊场勤,右對齊戈锻,左對齊歼跟,居內對齊。
1)頂部對齊:易視覺掃描格遭,易理解哈街。
2)右對齊:易視覺掃描,易理解拒迅,節(jié)約表單長度骚秦,反饋等信息易顯示。
3)左對齊:不易視覺掃描璧微,為陌生表單增加安全性作箍。
4)居內對齊:最大限度節(jié)約空間,時間成本低前硫,無法處理復雜邏輯胞得。(標簽至于輸入框內)
3. 動作:體現(xiàn)表單的目的,『提交』屹电,『注冊』等阶剑。
1)快速:根據業(yè)務場景考慮動作的位置。
2)準確:差異區(qū)分主要動作和次要動作危号。
4. 幫助信息:分為靜態(tài)幫助牧愁,動態(tài)幫助。
1)靜態(tài):簡單葱色,可讀性不強递宅,易被忽略。
2)動態(tài):可讀性強苍狰,關注度高办龄,需要觸發(fā)才出現(xiàn)。
5. 輸入反饋:與動態(tài)幫助信息的區(qū)別是淋昭,反饋發(fā)生在輸入后俐填,動態(tài)發(fā)生在輸入時。分為成功和失敗翔忽。
1)成功:引導用戶進入下一步英融。
2)失敗:告訴用戶如何修復及正確的操作方法歇式。
6. 表單需要進行平等的交流驶悟。
7. 表單信息的簡化:
1)收起or砍掉不重要的。
2)不能砍掉的給用戶原因材失。
3)考慮場景的默認值痕鳍,常用信息,上次填的值。