DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 網頁注冊表單的網頁設計技巧
網頁注冊表單的網頁設計技巧
編輯:CSS詳解     

Ajax的流行給用戶體驗帶來了很大程序的提升,而“注冊“這項做為互聯網最常用到的功能也自然而然的成為Ajax最常光顧的地方,實時判斷用戶輸入的用戶名是否被搶注、檢測兩次輸入的密碼是否一致,檢測用戶輸入的郵箱格式是否正確,等等這些功能因為有了AJax的加入,得以讓我們徹底告別以往那個注冊一個用戶往往需要反復填寫好幾次表單的時代。

當然,注冊用戶時所需要填寫的項也越來越少,說明文字也盡量的精簡,最終讓整個注冊表單看起來相當的簡單沒有一點復雜的難度,這無疑也是吸引用戶注冊的很大的一個關健所在。

雖然AJax的使用給用戶的注冊體驗帶來了極大的改善,但是同時也因為在一些細節功能及文字說明的處理上的不精細,結果給用戶的注冊帶來了困惑,嚴重者甚至會影響用戶注冊的心情而導致用戶的流失。

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

重復密碼的時候我寫錯了,於是我得到提示說“兩次輸入密碼不一致,請確認後重新輸入”,於是我再一次的填寫正確的重復密碼,可是這個提示卻依然還在那裡“囂張”的看著我。我要怎麼做你才能告訴我填寫正確呢?!

而且看看這個表單的說明文字,為什麼這裡會是“注冊密碼”呢?在注冊頁裡裡又出現“注冊”兩字給人的感覺就很怪異了。密碼位數的限制並不能給用戶帶來任何好處,而在此處的說明文字更是會產生歧義——“密碼位數在4-20個字之間的英文、數字和下劃線”,此處清晰的說明文字應該是“位數在4-20個字之間的英文、數字和下劃線”。

再來看下我在另外一個網站的注冊表單上發現的問題:

我還沒開始輸入重復密碼,我就已經被告知“兩次輸入的密碼不相同”,而且他很明確的告訴我,密碼設置不要太簡單,如果我的常用密碼比較簡單呢?那麼我是不是應該更改一個復雜到自己也記不住的密碼呢?

“重復剛輸入的密碼”與“填寫與上面相同的密碼”這兩句說明有什麼區別?前一句是後一句的說明?還是後一句是前一句的說明呢?僅僅只是為了保持與上面設密碼時樣式的整齊而加上這樣絲毫沒有意義的話,似乎就是顯得多余了。

既然郵箱不屬於必須填寫的項,那麼為何不在其他必須填寫的項前面加注“*”號呢?

看看豆瓣的注冊頁面設計:

只保留最基本的注冊信息,對信息的輸入也基本上不做任何的限制,說明文字清晰明了沒有歧義,這樣的注冊表單無疑會讓用戶在注冊的過程中感到舒服貼切。

把更多的時間留給用戶去體驗網站,而不是體驗注冊,這是一個注冊頁面最成功的地方。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved