無論是連貫試、分散式,亦或是單調的數據輸入界面,表單都是數碼產品的重要組成部分。這篇文章聚焦在表單設計中常見的該做和不再做的點上。這些都是通用的設計指南,但每條規則都肯定是有不適用的特殊情況的。

最好單列排布

多列會打擾用戶的縱向動勢【Z Yuhan:如果數量太多,雙列並不是不可以】

左對齊

用戶完成左對齊的表單的效率比左右分散式的要快很多。

左對齊的形式要將不同的區域分離

將文字說明和輸入框靠近,確保高度間距足夠,不會讓用戶困惑

英文避免完全大寫

因為大寫更難閱讀和掃視

選項少於6個時全部展示

下拉框至少需要用戶點兩次,並且還將選項藏起來了。所以在選項達到6個或以上時才使用下拉框。當選項超過25個時需要加入搜索功能【Z Yuhan:這個數量也要看選項之間的關聯,用戶的熟悉情況等】

最好不要將默認文本當作說明文字使用

用默認文本當作文字說明使用能節省空間,這一點的確很吸引人。但是這樣會導致很多可用性問題。這些問題 Nielsen Norman Group 的 Katie Sherwin已經整理過了

單選/複選框最好垂直排布

這樣比較方便掃視

讓確定按鈕具有描述性

不要用「確定」,而用具體的操作

在用戶填寫完成之前不要給出該輸入框的錯誤提示

在用戶輸入的過程中不要進行校驗(除非真的有幫助,如字數限制等)

不要將提示隱藏起來

儘可能地展開基本的幫助文字。對於比較複雜的幫助,可以考慮讓輸入框聚焦時才在附展示

區分主按鈕和副按鈕

如果不區分度的話,會造成很大的理解延遲(哪怕根本沒有副按鈕也是一樣)

用寬度隱喻內容

輸入區域的長度要能夠暗示答案的長度

不用符號標記必填,而用文字標記選填

用戶不一定總是知道你標記的符號是什麼意思,相較之下,最好用文字標記出選填項

組合相關信息

用戶的思考方式是分步的,並且過長的表單會讓人感覺太多。邏輯分組能夠讓用戶更快理解表單

思考為什麼讓用戶填表

省去選填下項目並且想想能否用其它方式收集數據。永遠問自己表單里的問題是不是可以推斷出答案、延期,或者完全去掉。

數據輸入越來越自動化。例如,移動和可穿戴設備手機不需要用戶的察覺就可以搜集大量的數據。想想其它的手段,例如社交、對話式界面、簡訊、郵箱、語音、文字識別、定位、指紋、生物計量等。

思考如何讓表單更有趣

人生短暫,沒人願意填表。讓表單更加對話式、更有趣、更吸引人、嘗試意想不到的方式。通過表達公司品牌來引發情緒反應是設計師的角色職能。如果做對了,就可以提升表單的完成率。只要確保不要觸犯以上的規則就好了。

——

兩年前在簡書發的文章發現還有一些沒有同步過來,陸續發一下。

本文譯自:Design Better Forms


推薦閱讀:
相关文章