網頁註冊表單的網頁設計技巧

Ajax的流行給用戶體驗帶來了很大程序的提升,而“註冊“這項做爲互聯網最常用到的功能也自然而然的成爲Ajax最常光顧的地方,實時判斷用戶輸 入的用戶名是否被搶注、檢測兩次輸入的密碼是否一致,檢測用戶輸入的郵箱格式是否正確,等等這些功能因爲有了Ajax的加入,得以讓我們徹底告別以往那個 註冊一個用戶往往需要反覆填寫好幾次表單的時代。
當然,註冊用戶時所需要填寫的項也越來越少,說明文字也儘量的精簡,最終讓整個註冊表單看起來相當的簡單沒有一點複雜的難度,這無疑也是吸引用戶註冊的很大的一個關健所在。
雖然Ajax的使用給用戶的註冊體驗帶來了極大的改善,但是同時也因爲在一些細節功能及文字說明的處理上的不精細,結果給用戶的註冊帶來了困惑,嚴重者甚至會影響用戶註冊的心情而導致用戶的流失。
 
看看我在註冊“一起網”時所遇到的問題吧:
重複密碼的時候我寫錯了,於是我得到提示說“兩次輸入密碼不一致,請確認後重新輸入”,於是我再一次的填寫正確的重複密碼,可是這個提示卻依然還在那裏“囂張”的看着我。我要怎麼做你才能告訴我填寫正確呢?!
而且看看這個表單的說明文字,爲什麼這裏會是“註冊密碼”呢?在註冊頁裏裏又出現“註冊”兩字給人的感覺就很怪異了。密碼位數的限制並不能給用戶帶 來任何好處,而在此處的說明文字更是會產生歧義——“密碼位數在4-20個字之間的英文、數字和下劃線”,此處清晰的說明文字應該是“位數在4-20個字 之間的英文、數字和下劃線”。
再來看下我在另外一個網站的註冊表單上發現的問題:
我還沒開始輸入重複密碼,我就已經被告知“兩次輸入的密碼不相同”,而且他很明確的告訴我,密碼設置不要太簡單,如果我的常用密碼比較簡單呢?那麼我是不是應該更改一個複雜到自己也記不住的密碼呢?
“重複剛輸入的密碼”與“填寫與上面相同的密碼”這兩句說明有什麼區別?前一句是後一句的說明?還是後一句是前一句的說明呢?僅僅只是爲了保持與上面設密碼時樣式的整齊而加上這樣絲毫沒有意義的話,似乎就是顯得多餘了。
既然郵箱不屬於必須填寫的項,那麼爲何不在其他必須填寫的項前面加註“*”號呢?
看看豆瓣的註冊頁面設計:
只保留最基本的註冊信息,對信息的輸入也基本上不做任何的限制,說明文字清晰明瞭沒有歧義,這樣的註冊表單無疑會讓用戶在註冊的過程中感到舒服貼切。
把更多的時間留給用戶去體驗網站,而不是體驗註冊,這是一個註冊頁面最成功的地方。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章