請勿用于任何商業(yè)目的。
原著Web Form Design: Filling in the Blanks，作者Luke Wroblewski ，amazon購買。
———————————–
常見問題
網(wǎng)絡(luò)表單設(shè)計為什么重要？
表單推動網(wǎng)上商業(yè)、社區(qū)和生產(chǎn)力蓬勃發(fā)展。如果從事網(wǎng)上零售，目標(biāo)是賣出東西，但支付表單阻礙了產(chǎn)品和顧客。如果開發(fā)社會化軟件，目標(biāo)是發(fā)展社區(qū)，而表單阻礙了你和社區(qū)成員。如果建立生產(chǎn)力用網(wǎng)絡(luò)應(yīng)用工具，表單能推動創(chuàng)建和管理內(nèi)容的關(guān)鍵互動。閱讀第12頁了解更多內(nèi)容。
如何組織網(wǎng)絡(luò)表單 —- 單頁還是多頁？
誰要填寫表單，為什么要填寫？一開始就回答這個問題能讓我們以對話方式看待表單，而不是數(shù)據(jù)庫輸入。把表單看成對話，主題之間就會形成自然間斷。如果主題都很短，可以分成幾部分，單頁就足以組織這張表單。如果每部分很長，可采用多個網(wǎng)頁將對話分割成有意義的、能理解的主題。見第27頁。
如果表單跨越多個網(wǎng)頁，需要告訴用戶所在頁面嗎？
如果網(wǎng)絡(luò)表單所提問題分布在多個網(wǎng)頁，會需要說明網(wǎng)頁數(shù)量（范圍）、當(dāng)前頁面，同時提供保存并返回進(jìn)程（狀態(tài)）的方式。三項(xiàng)進(jìn)度指標(biāo)雖緊密相連，但執(zhí)行不同功能。見第70頁。
輸入框標(biāo)簽頂對齊，右對齊還是左對齊？
如果要減少完成時間，或因?yàn)楸镜鼗枰捎渺`活的標(biāo)簽長度，考慮采用頂對齊標(biāo)簽。如果目標(biāo)相似，但受到屏幕垂直面積限制，考慮采用右對齊標(biāo)簽。如果希望人們填表時掃描標(biāo)簽，了解必填內(nèi)容，或希望人們回答諸多問題中的特定問題，考慮采用左對齊標(biāo)簽。見第87頁。
網(wǎng)絡(luò)表單如何使用智能默認(rèn)？
合理設(shè)置默認(rèn)選項(xiàng)，滿足多數(shù)人需要，智能默認(rèn)有助于回答問題。網(wǎng)絡(luò)表單有很多地方可以利用智能默認(rèn)，減少選擇次數(shù)，加快完成填表。見第239頁。
表單何時使用幫助文字？
下列情況應(yīng)考慮使用幫助文字：人們不熟悉表單要求的數(shù)據(jù)；人們疑問為什么要填入特定數(shù)據(jù)；人們關(guān)心數(shù)據(jù)安全或隱私；系統(tǒng)對數(shù)據(jù)提供建議方式；某些輸入框是必填或非必填。見第164頁。
如何表示必填項(xiàng)？
如果表單大部分輸入框是必填項(xiàng)，把非必填項(xiàng)表示出來即可。如果大部分輸入框是非必填項(xiàng)，把必填項(xiàng)表示出來即可。表示輸入框是必填或非必填時，文字最清晰的方式。不過，用戶比較容易理解“*”代表必填項(xiàng)。見119頁。
主動作和次動作有什么區(qū)別？
提交（Submit）、保存（Save）、或繼續(xù)（Continue）等為了完成填表的動作，對于任何表單填寫者都是主要目標(biāo)。因此，這些動作被稱為主動作。另一方面，次動作往往較少用到。見139頁。
粵公網(wǎng)安備 44010402000282號