1、關(guān)注用戶任務(wù)
1.1、告訴我填寫這個(gè)表單是做什么的？
如果這是一個(gè)注冊(cè)表單，你需要告訴我注冊(cè)能帶給我什么；如果這是一個(gè)聯(lián)系網(wǎng)站管理員的表單，你需要告訴我管理員將如何處理我的信息。
1.2、表單提交后，不要把我晾在一邊
是的，還有很多用戶在提交表單后不知所措，沒(méi)有告訴我提交是否成功，或者提示我提交成功，然后就把我晾在某個(gè)地方。
雖然很喜歡mister-wong的界面風(fēng)格，但是當(dāng)我注冊(cè)完了之后，我還是不知道該干什么。Errr...那么我現(xiàn)在要做的就是去收郵件嗎？
1.3、如果表單較長(zhǎng)，創(chuàng)建表單導(dǎo)航
在線購(gòu)物是一個(gè)很好的例子，幾乎所有的購(gòu)物網(wǎng)站都建立了“挑選商品——查看詳細(xì)信息——添加購(gòu)物籃——支付——訂單完成”或與之類似的全局導(dǎo)航。這樣當(dāng)用戶在購(gòu)物流程中并不會(huì)覺(jué)得自己是在一個(gè)很長(zhǎng)的表單中，而只是為了一個(gè)特點(diǎn)的目標(biāo)而進(jìn)行的必要的點(diǎn)擊。
即使是在一個(gè)表單里，如果表單包含多個(gè)任務(wù)，也應(yīng)該將其分步驟進(jìn)行。參考blogger.com的注冊(cè)表單：
為每個(gè)任務(wù)添加說(shuō)明。也許你需要了解一下fieldset和legend屬性。
2、必要、簡(jiǎn)單
2.1、自以為是技術(shù)約束
我實(shí)在不能理解要求用戶“必須使用字母是數(shù)字組合作為密碼”有何意義，尤其是在銀行網(wǎng)站上，盡管我能理解這些網(wǎng)站對(duì)于安全性的考慮，但我仍然因此必須對(duì)于自己的常用密碼進(jìn)行適當(dāng)?shù)男薷囊赃m應(yīng)要求，這由此產(chǎn)生另外一個(gè)問(wèn)題——我經(jīng)常忘記我的密碼，比如adsense。
2.2、站在你的用戶角度想問(wèn)題
我同意不能理解當(dāng)我填寫一個(gè)在線表單投訴問(wèn)題，卻要我留下電話號(hào)碼和地址？OMG，你們的營(yíng)銷人員是第一天上班嗎？如果我愿意電話聯(lián)系，我難道看不到你們網(wǎng)站底部的800電話號(hào)碼嗎？
2.3、“我不是很聰明，但也不會(huì)太笨”
對(duì)不起，我不需要你告訴我郵編是5位數(shù)字。
當(dāng)web2.0風(fēng)潮吹遍神州大地的時(shí)候，我們的網(wǎng)站設(shè)計(jì)刮起了一股清新之分，與之相應(yīng)的，表單設(shè)計(jì)卻變成了冗余與累贅的試驗(yàn)田�？纯�163或者zhuaxia的注冊(cè)表單，你就會(huì)明白什么叫過(guò)尤不及。
2.4、如果使用email作為用戶名，密碼重復(fù)是否必要？
對(duì)于傳統(tǒng)的注冊(cè)表單而言，密碼重復(fù)驗(yàn)證非常必要，理由很簡(jiǎn)單，對(duì)于非可見的輸入，在沒(méi)有其他取回密碼的機(jī)制下，保證用戶不會(huì)輸入錯(cuò)誤只能采用這種簡(jiǎn)單的驗(yàn)證機(jī)制。
但是現(xiàn)在很多新的互聯(lián)網(wǎng)服務(wù)都開始采用email作為登錄名，這就給表單設(shè)計(jì)提供了一個(gè)新的思考方式：當(dāng)密碼可以方便的重新取回，那么讓人厭倦的密碼重復(fù)驗(yàn) 證是否還是必不可少？不少網(wǎng)站已經(jīng)開始將repeat password從頁(yè)面上去除了，下面是twitter的注冊(cè)頁(yè)面，何其清爽：
3、減少信息迷惑
3.1、用星號(hào)區(qū)別必填和選填項(xiàng)
盡管這已經(jīng)是幾乎所有g(shù)uidelines的標(biāo)準(zhǔn)，仍然有很多網(wǎng)站并沒(méi)有在意這一點(diǎn)�？纯磒ownce的注冊(cè)表單：
為什么不直接告訴我這些是必填的，一定要我點(diǎn)擊提交后再告訴我這些非填不可。
3.2、表單指引務(wù)必明確而直接，不要故弄玄虛，不是所有用戶都有興趣和你玩。
在我隨機(jī)挑選測(cè)試的注冊(cè)表單中，xing無(wú)疑是做的最糟糕的。糟糕的并非界面設(shè)計(jì)或代碼結(jié)構(gòu)，而是失敗的本地化。
作為一個(gè)讀過(guò)十幾年語(yǔ)文并且一直在互聯(lián)網(wǎng)里生活的網(wǎng)民，我對(duì)于這個(gè)表單的疑問(wèn)實(shí)在太多了。
我可以理解xing原本是國(guó)外網(wǎng)站，但是你要在中文圈里混，至少也要適應(yīng)一下姓在前名在后的中國(guó)傳統(tǒng)吧。好吧，姑且認(rèn)為要你為中文用戶修改頁(yè)面比較麻煩，那么能不能請(qǐng)你告訴我，what's the meaning of“城市（商務(wù)）” and “身份”？
4、防止用戶錯(cuò)誤
4.1、與其在提交后檢測(cè)，不如在提交前檢測(cè)
可以參考3.1里的pownce的案例。事實(shí)上，現(xiàn)在推出的大多數(shù)web服務(wù)已經(jīng)越來(lái)越多的使用javascript來(lái)進(jìn)行表單驗(yàn)證，jquery和prototype等也都有很多好用的表單驗(yàn)證插件。
記得，用戶最厭倦的情況之一就是：當(dāng)提交表單后刷新頁(yè)面，然后告訴他有信息填寫不完整和錯(cuò)誤，然后密碼部分被清空要用戶重新填寫。
4.2、如果提供驗(yàn)證碼，不要太過(guò)分
之前看“史上最強(qiáng)驗(yàn)證碼 ”時(shí)，其實(shí)頗覺(jué)理所當(dāng)然，那些網(wǎng)站本身就是服務(wù)某些專業(yè)人士，因此問(wèn)你Na2S4O6的中文名稱是什么也無(wú)可厚非，那大門本來(lái)就是對(duì)俺們關(guān)閉的。但是你要做普羅大眾如我輩的web服務(wù)，也忒考驗(yàn)俺輩的耐心了吧。
4.3、千萬(wàn)，千萬(wàn)，千萬(wàn)不要使用reset按鈕
有什么理由要用戶將剛剛填寫的所有信息全部清空？
5、提供反饋
5.1、對(duì)于已完成的任務(wù)進(jìn)行提示和鼓勵(lì)
在適當(dāng)?shù)臅r(shí)候給用戶一點(diǎn)掌聲和鼓勵(lì)會(huì)起到很大的效果，就行《使命召喚2》開始的那個(gè)蘇聯(lián)教官在我的射擊課上跟我說(shuō)的，“很好，就差一點(diǎn)了，繼續(xù)訓(xùn)練吧”。
對(duì)于網(wǎng)站而言，一個(gè)典雅而有效的例子就是用百分比來(lái)描述表單的完成率，你會(huì)發(fā)現(xiàn)用戶有一種使用時(shí)的“潔癖”，拒絕任何的不完美，因此當(dāng)看到這個(gè)70%時(shí)，他會(huì)迫切的要將其變?yōu)?00%，是的，你的目的達(dá)到了。
5.2、不要恐嚇用戶
對(duì)不起，用語(yǔ)夸張了點(diǎn)，但是大多用戶都遇到過(guò)“可怕的”alert窗口的情況。當(dāng)你提交一個(gè)表單，滴的一聲彈出一個(gè)灰色窗口，“weqwew32673712323錯(cuò)誤，請(qǐng)重新輸入”。
于是你心驚肉跳，哪里錯(cuò)了，哪里錯(cuò)了？友好一些的就告訴你Email地址填寫不合法，不友好的就干脆就是一個(gè)只給程序員哥哥看的錯(cuò)誤代碼。俺的小命啊，只是填寫一個(gè)表單嗎，用得著這樣嚇俺幼小的心靈嗎？
粵公網(wǎng)安備 44010402000282號(hào)