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

2024-07-11 08:25:07

字體：大中小

來源：轉載

供稿：網友

Ajax的流行給用戶體驗帶來了很大程序的提升，而“注冊“這項做為互聯網最常用到的功能也自然而然的成為Ajax最常光顧的地方，實時判斷用戶輸入的用戶名是否被搶注、檢測兩次輸入的密碼是否一致，檢測用戶輸入的郵箱格式是否正確，等等這些功能因為有了Ajax的加入，得以讓我們徹底告別以往那個注冊一個用戶往往需要反復填寫好幾次表單的時代。
當然，注冊用戶時所需要填寫的項也越來越少，說明文字也盡量的精簡，最終讓整個注冊表單看起來相當的簡單沒有一點復雜的難度，這無疑也是吸引用戶注冊的很大的一個關健所在。
雖然Ajax的使用給用戶的注冊體驗帶來了極大的改善，但是同時也因為在一些細節功能及文字說明的處理上的不精細，結果給用戶的注冊帶來了困惑，嚴重者甚至會影響用戶注冊的心情而導致用戶的流失。

看看我在注冊“一起網”時所遇到的問題吧：

重復密碼的時候我寫錯了，于是我得到提示說“兩次輸入密碼不一致，請確認后重新輸入”，于是我再一次的填寫正確的重復密碼，可是這個提示卻依然還在那里“囂張”的看著我。我要怎么做你才能告訴我填寫正確呢？！
而且看看這個表單的說明文字，為什么這里會是“注冊密碼”呢？在注冊頁里里又出現“注冊”兩字給人的感覺就很怪異了。密碼位數的限制并不能給用戶帶來任何好處，而在此處的說明文字更是會產生歧義——“密碼位數在4-20個字之間的英文、數字和下劃線”，此處清晰的說明文字應該是“位數在4-20個字之間的英文、數字和下劃線”。
再來看下我在另外一個網站的注冊表單上發現的問題：

我還沒開始輸入重復密碼，我就已經被告知“兩次輸入的密碼不相同”，而且他很明確的告訴我，密碼設置不要太簡單，如果我的常用密碼比較簡單呢？那么我是不是應該更改一個復雜到自己也記不住的密碼呢？
“重復剛輸入的密碼”與“填寫與上面相同的密碼”這兩句說明有什么區別？前一句是后一句的說明？還是后一句是前一句的說明呢？僅僅只是為了保持與上面設密碼時樣式的整齊而加上這樣絲毫沒有意義的話，似乎就是顯得多余了。
既然郵箱不屬于必須填寫的項，那么為何不在其他必須填寫的項前面加注“*”號呢？

上一篇：網站變黑白色CSS一行代碼實現

下一篇：YUI 中的 Grids CSS值得關注和學習的