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