無論是連貫試、分布式,亦或是單調的數據輸入界面,表單都是數碼產品的重要組成部分。這篇文章聚焦在表單設計中常見的該做和不再做的點上。這些都是通用的設計指南,但每條規則都肯定是有不適用的特殊情況的。
最好單列排布
多列會打擾用戶的縱向動勢。【如果數量太多,雙列并不是不可以。】
左對齊
用戶完成左對齊的表單的效率比左右分布式的要快很多。
左對齊的形式要將不同的區域分離
將文字說明和輸入框靠近,確保高度間距足夠,不會讓用戶困惑。
避免完全大寫【英文的話】
因為大寫更難閱讀和掃視。
選項少于6個時全部展示
下拉框至少需要用戶點兩次,并且還將選項藏起來了。所以在選項達到6個或以上時才使用下拉框。當選項超過25個時需要加入搜索功能。【這個數量也要看選項之間的關聯,用戶的熟悉情況等。】
最好不要將默認文本當作說明文字使用
用默認文本當作文字說明使用能節省空間,這一點的確很吸引人。但是這樣會導致很多可用性問題。這些問題尼爾森諾曼集團的Katie Sherwin已經整理過了。
單選/復選框最好垂直排布
這樣比較方便掃視。
讓確定按鈕具有描述性
不要用“確定”,而用具體的操作。
在用戶填寫完成之前不要給出該輸入框的錯誤提示
在用戶輸入的過程中不要進行校驗(除非真的有幫助,如字數限制等)。
不要將提示隱藏起來
盡可能地展開基本的幫助文字。對于比較復雜的幫助,可以考慮讓輸入框聚焦時才在附展示。
區分主按鈕和副按鈕
如果不區分度的話,會造成很大的理解延遲(哪怕根本沒有副按鈕也是一樣)。
用寬度隱喻內容
輸入區域的長度要能夠暗示答案的長度。
不用符號標記必填,而用文字標記選填
用戶不一定總是知道你標記的符號是什么意思【甚至“*”即可能用于必填項也可能用于選填項】。相較之下,最好用文字標記出選填項。
組合相關信息
用戶的思考方式是分步的,并且過長的表單會讓人感覺太多。邏輯分組能夠讓用戶更快理解表單。
為什么提問?
省去選填下項目并且想想能否用其它方式收集數據。永遠問自己表單里的問題是不是可以推斷出答案、延期,或者完全去掉。
數據輸入越來越自動化。例如,移動和可穿戴設備手機不需要用戶的察覺就可以搜集大量的數據。想想其它的手段,例如社交、對話式界面、短信、郵箱、語音、文字識別、定位、指紋、生物計量等。
更有趣
人生短暫,沒人愿意填表。讓表單更加對話式、更有趣、更吸引人、嘗試意想不到的方式。通過表達公司品牌來引發情緒反應是設計師的角色職能。如果做對了,就可以提升表單的完成率。只要確保不要觸犯以上的規則就好了。
注釋:“【】”里的內容是譯者添加的