寫好交互說明是交互設(shè)計師的基本功，本篇文章以表單校驗為例，講述如何寫好表單校驗的交互說明。（最近比較忙，翻出早期的文章更新一波，各位看官輕拍。）
1.什么是表單校驗？
表單校驗，又稱表單驗證，是指填寫表單時對輸入的數(shù)據(jù)進(jìn)行合法化的驗證，例如銀行取款密碼設(shè)置，不能輸入非數(shù)字之外的內(nèi)容。
2.表單校驗要校驗什么內(nèi)容？
以注冊QQ賬號時填寫密碼為例來進(jìn)行說明，表單校驗至少需要校驗如下幾個方面的內(nèi)容：
（1）是否必填
注冊時密碼是否必填？這里很明顯，QQ密碼為必填項。
（2）數(shù)據(jù)類型
輸入和存儲的數(shù)據(jù)類型，一般有文本、數(shù)字、時間等，QQ密碼數(shù)據(jù)類型為文本。
（3）字段長度
字段輸入的最小和最大長度，用來限制表單數(shù)據(jù)輸入的長短，QQ密碼字段長度為6-16個字符。
（4）數(shù)據(jù)區(qū)間
字段輸入的區(qū)間范圍，例如輸入1-10之間的整數(shù)，QQ密碼沒有區(qū)間限制。
（5）提示文字
一般指未填寫時默認(rèn)的提示文字，預(yù)防用戶輸入錯誤，QQ密碼的提示文字較多“長度為6-16個字符，不能包含空格，不能是9位以下純數(shù)字”。
（1）-（5）見下圖
（6）錯誤提示
錯誤提示是指數(shù)據(jù)未輸入或者錯誤時的提示，一般通過圖形變化反饋和文字語言來進(jìn)行提示。
①Q(mào)Q密碼未填寫
屬于必填項未輸入，QQ用輸入框紅顯來進(jìn)行提示
②QQ密碼輸入不正確
輸入錯誤時，輸入框紅顯且提示文字變?yōu)榧t色，同時“！”符號變?yōu)椤癤”符號。
（7）默認(rèn)值
默認(rèn)值又稱為缺省值，例如QQ頭像都是有默認(rèn)的頭像。
（8）初始鍵盤
針對手機端，輸入純數(shù)字驗證碼時，默認(rèn)調(diào)用數(shù)字鍵盤。
（9）其他說明
除了以上8種，其他的校驗說明，例如QQ號碼的“不能包含空格“、”不能是9位以下的純數(shù)字”
3.常見的表單校驗交互說明方式
（1）文字描述
老套的交互說明方式，整篇都是文字，寫的人累，看的人也累，不推薦。
（2）圖文結(jié)合
普遍的交互說明方式，例如上文第2點中的圖文說明，這種交互說明的好處是直觀易懂，一般推薦。
（3）結(jié)構(gòu)化列表
針對表單校驗說明，可以采用結(jié)構(gòu)化列表的說明方式，具備方便查看、易于維護(hù)的特點，強烈推薦。由于表單校驗一般都離不開第2點中的9種情況，可以通過結(jié)構(gòu)化列表進(jìn)行羅列，見下面表格。
4.交互說明適用原則
（1）方便查看
《認(rèn)知與設(shè)計》中指出“當(dāng)信息以簡潔和結(jié)構(gòu)化的方式呈現(xiàn)時，人們更容易閱讀和理解”，所以，該種交互說明方式是方便查看的。
（2）易于維護(hù)
相比常見的圖文結(jié)合方式，每次改動都需要重新配圖，維護(hù)成本不低，而結(jié)構(gòu)化列表顯然更易于維護(hù)，只需改變表格中的內(nèi)容即可。
（3）規(guī)范統(tǒng)一
易于維護(hù)的說明列表更容易形成統(tǒng)一的規(guī)范文檔，例如公司全平臺的所在地設(shè)置就可以參考統(tǒng)一的一份表格。
更多我的原創(chuàng)精彩的文章推薦
精品（超過600贊）：干貨：讓你全方位學(xué)習(xí)成為一名交互設(shè)計師（1.6萬字誠意之作）
交互設(shè)計方法論系列：
交互設(shè)計方法論-英國設(shè)計協(xié)會雙鉆模型
