最近在讀《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ù)：解析表單所花的努力；

眼球固定時間長度：看每個元素所花費(fèi)的時間；

（6）Web慣例（即查看該問題的通用解決模式，可理解為分析競爭對手的解決方案）

二、表單的組織

類似標(biāo)簽后面是否要防止冒號的問題，用戶真的不關(guān)心。用戶關(guān)心的是問題內(nèi)容和所問的原因。

有些字段需要告訴用戶填寫的原因（為什么問這些問題，能為用戶帶來的好處），如果不能回答，就要考慮是否真的需要這個字段。

表單所提的問題即標(biāo)簽要盡量的簡潔清晰。

如果簡潔的標(biāo)簽容易引起用戶的誤會，應(yīng)該嘗試使用自然語言的方式。

表單較長或較復(fù)雜時應(yīng)考慮對表單內(nèi)容進(jìn)行分組，有助于瀏覽和快速完成填寫。

有些時候很多問題需要按順序回答，否則回答就沒有意義。這時候人們需要看到所有問題，一個較長的網(wǎng)頁是好的解決方案。通常這些問題會和一個主題相關(guān)。

有些可選問題在表單填寫完成后再問比較好，如“您如何知道我們”或者“您想進(jìn)一步了解我們嗎”。這樣會比初始表單就提問能獲得更多的答案。

可以通過Web慣例調(diào)查，比較相似網(wǎng)站的設(shè)計方案，引導(dǎo)發(fā)現(xiàn)網(wǎng)上已經(jīng)形成的常見表單組織結(jié)構(gòu)，但是也要結(jié)合自身情況不要只停留在簡單復(fù)制競爭對手。

對表單進(jìn)行分組時，每個內(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é)快樂！永葆童心~