最近在讀《Web表單設(shè)計—點石成金的藝術(shù)》一書侄柔，頗受啟發(fā)施籍。而且該書目前已經(jīng)買不到了居扒，好像二手書也買不到，特意找了pdf掃描版來讀丑慎，讀書過程中的一些感悟跟大家分享喜喂。
一、表單的設(shè)計
大多數(shù)人都不喜歡填寫表單竿裂，這也就說明了應(yīng)該關(guān)注優(yōu)秀表單設(shè)計玉吁。
而很多的特定數(shù)據(jù)來源都提供了衡量表單設(shè)計影響的方式：
（1）可用性測試（觀察人們與表單如何交互）
錯誤或問題的數(shù)量和位置；
錯誤或問題的嚴(yán)重程度腻异；
完成率进副；
完成整個表單或部分表單的時間；
滿意度評分悔常；
任務(wù)主觀評論影斑；
（2）實地測試（從人種學(xué)角度觀察人們在家中或辦公室中與表單互動的情況；）
（3）客戶支持（了解客戶填寫表單時遇到的問題）
報告最多的問題机打；
解決報告問題的常見辦法矫户；
問題報告人的統(tǒng)計信息；
問題報告人使用的操作系統(tǒng)和瀏覽器配置姐帚；
（4）網(wǎng)站追蹤
完成率吏垮；
如果表單未完成障涯，人們是在哪個位置放棄填寫的；
人們訪問表單的方式膳汪；
已使用哪些表單元素唯蝶；
已輸入哪些信息；
瀏覽器和操作系統(tǒng)信息遗嗽；
（5）眼動跟蹤（記錄人們?nèi)绾卫斫獗韱蔚谋憩F(xiàn)形式）
人們在表單上看到了什么粘我；
眼球固定次數(shù)：解析表單所花的努力；
眼球固定時間長度：看每個元素所花費的時間痹换；
（6）Web慣例（即查看該問題的通用解決模式征字，可理解為分析競爭對手的解決方案）
二、表單的組織
類似標(biāo)簽后面是否要防止冒號的問題娇豫，用戶真的不關(guān)心匙姜。用戶關(guān)心的是問題內(nèi)容和所問的原因。
有些字段需要告訴用戶填寫的原因（為什么問這些問題冯痢，能為用戶帶來的好處）氮昧，如果不能回答，就要考慮是否真的需要這個字段浦楣。
表單所提的問題即標(biāo)簽要盡量的簡潔清晰袖肥。
如果簡潔的標(biāo)簽容易引起用戶的誤會，應(yīng)該嘗試使用自然語言的方式振劳。
表單較長或較復(fù)雜時應(yīng)考慮對表單內(nèi)容進行分組椎组，有助于瀏覽和快速完成填寫。
有些時候很多問題需要按順序回答历恐，否則回答就沒有意義寸癌。這時候人們需要看到所有問題，一個較長的網(wǎng)頁是好的解決方案弱贼。通常這些問題會和一個主題相關(guān)灵份。
有些可選問題在表單填寫完成后再問比較好，如“您如何知道我們”或者“您想進一步了解我們嗎”哮洽。這樣會比初始表單就提問能獲得更多的答案。
可以通過Web慣例調(diào)查弦聂，比較相似網(wǎng)站的設(shè)計方案鸟辅，引導(dǎo)發(fā)現(xiàn)網(wǎng)上已經(jīng)形成的常見表單組織結(jié)構(gòu)，但是也要結(jié)合自身情況不要只停留在簡單復(fù)制競爭對手莺葫。
對表單進行分組時匪凉，每個內(nèi)容組都從視覺上區(qū)別于表單的其余部分，但是對比太多也可能造成視覺污染捺檬，阻礙人們?yōu)g覽表單再层。
信息設(shè)計專家愛德華,托佛特認(rèn)為，信息由產(chǎn)生作用的差異構(gòu)成，任何無助于布局的頁面元素都會損壞布局聂受。采用最好的必要視覺信息來區(qū)分內(nèi)容組蒿秦。
英文網(wǎng)站，標(biāo)簽首字母應(yīng)當(dāng)大寫蛋济，使內(nèi)容組更容易瀏覽棍鳖。
最后，祝大家六一兒童節(jié)快樂碗旅！永葆童心~
