原文作者：Andrew Coyle
原文鏈接：Design Better Forms
無論是注冊流程斗遏，多圖遞進，或單調(diào)的數(shù)據(jù)錄入界面，表單都是數(shù)字產(chǎn)品設(shè)計的重要組成部分豆励。這篇文章會著重于一些表單設(shè)計中常見的dos&don’ts。把這些執(zhí)導規(guī)則熟記于心瞒渠，當然每項也都會有例外肆糕。
表單應該在一列上
多列表單會破壞用戶的垂直視線。
頂部對齊標簽
在頂部對齊標簽的情況下在孝，用戶完成表單的速度會比左對齊標簽更快诚啃。頂部對齊標簽的形式也同樣適用于移動端。然而私沮，考慮到在大量系統(tǒng)變量存在的資料系統(tǒng)中屠尊，左對齊的方式更容易被一同掃視，而且能夠降低頁面高度砸彬，所以會在這種情景下多加思考葡秒。
將標簽和輸入框組合
讓標簽和輸入框更接近，確保輸入框與下一標簽有足夠高的間距晰搀，這樣用戶不會感到困惑五辽。
避免全部大寫
全部大寫會很難掃視和理解。
如果少于6項就展示全部選項
放置在下拉列表中外恕，會隱藏選項杆逗，而且需要點擊兩次，所以在超過5個選項的時候再去使用鳞疲。如果下拉列表的選項超過了25個罪郊，那么應該增加一個搜索。
抵制使用占位符文本作為標簽
雖然使用占位符文本作為標簽尚洽，很容易就能夠優(yōu)化空間悔橄。但是這也會導致許多可用性的問題，Nielsen Norman團隊的Katie Sherwin已經(jīng)總結(jié)過了腺毫。
單選框和復選框應該順向排列
將每一個復選框排列在下方更易于瀏覽癣疟。
讓喚起動作描述準確
一個喚起動作應該有清楚的目的。
指定錯誤內(nèi)聯(lián)
展示給用戶哪里出錯了潮酒，并提供一個理由睛挚。
在用戶輸入結(jié)束后使用內(nèi)聯(lián)校正（除非它會在過程中幫助到他們）
不要在用戶輸入的時候使用內(nèi)聯(lián)校正，除非它會幫助用戶－像是創(chuàng)建密碼澈灼，用戶名的數(shù)字提示或消息竞川。
不要隱藏基礎(chǔ)的幫助文本
盡可能的展示出基礎(chǔ)幫助文本店溢。對于復雜的幫助內(nèi)容，考慮將它放在輸入框旁邊委乌，當輸入框被注意到的時候床牧。
區(qū)分主次動作
這也是一個很大的哲學問題，應不應該將第二個也包含進去遭贸。
字段長度提供可供性
字段的長度提供為答案的長度戈咳，使用這個定義的字段可以是字符計數(shù)，例如電話號碼壕吹，郵政編碼等著蛙。
區(qū)分＊及可選字段
如果沒有＊用戶可能不知道哪些是選填的內(nèi)容。所以加上＊能夠更好的暗示用戶耳贬。
組合相關(guān)信息
用戶希望批量的去思考處理踏堡，但是長表單會讓人覺得不知所措。所以通過創(chuàng)建邏輯組合咒劲，用戶將會理解的更快顷蟆。
why ask？
省略可選字段和其他方法來收集數(shù)據(jù)腐魂，總是文自己是否問題能被推斷帐偎，推遲，或完全排除蛔屹。
數(shù)據(jù)條目越來越自動化削樊。移動和可穿戴設(shè)備手機大量的數(shù)據(jù)而用戶毫無察覺。思考Nike 以如何利用社交兔毒，會話界面漫贞，短信，電子郵件眼刃，語音绕辖，OCR摇肌，LBS擂红，指紋，生理信息围小。
讓表格有趣昵骤，生命是短暫的。沒有人想要去填表格肯适。增強互動变秦，變得有趣，逐步遞進框舔。讓人驚喜蹦玫。這就是設(shè)計師扮演的角色赎婚，表達出他們公司品牌傳遞出來的情緒。如果做得對樱溉，就會提高完成率挣输。想想自己有沒有犯上述的一些錯誤呢？
