網頁登錄檔單的網頁設計技巧

2022-09-28 21:33:29 字數 1133 閱讀 9805

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

當程式設計客棧然,註冊使用者時所需要填寫的項也越來越少,說明文字也盡量的精簡,最終讓整個登錄檔單看起來相當的簡單沒有一點複雜的難度,這無疑也是吸引使用者註冊的很大的乙個關健所在。

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

看看我在註冊「一起網」時所遇到的問題吧:

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

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

再來看下我在另外乙個**的登錄檔單上發現的問題:

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

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

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

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

只保留最基本的註冊資訊,對資訊的輸入也基本上不做任何的限制,說明文字清晰明了沒有歧義,這樣的登錄檔單無疑會讓使用者在註冊的過程中感到舒服貼切。

本文標題: 網頁登錄檔單的網頁設計技巧

本文位址: /web/css/25192.html

網頁設計中的常用表單設計技巧

輸入框 input 應當符合邏輯地劃分為小組,這樣大腦就可以很好的處理大堆區域間的關係。html權威指南 web應用程式總是利用表單來處理資料錄入和配置,但並不是所有的表單都保持一致。輸入區域的對齊方式,各自的標籤 label 操作方式,以及周圍的視覺元素都會或多或少影響使用者的行為。表單布局 考慮...

優秀網頁設計的技巧

作為一名網頁設計師,如何在第一時間打動潛在的客戶是至關重要的。如果你設計的東西不能夠打動他們,你就會失去一切,這個世界有的時候就是這麼的現實。那究竟要注意哪些細節才能夠在乙個正確的方向去打動客戶,讓瀏覽者源源不斷呢?下面幾點可能是你需要反思的。1.有明確的標誌和口號 我們知道有乙個好的標誌是企業形象...

自適應網頁設計 自適應網頁設計技巧

隨著3g的普及,越來越多的人使用手機上網。移動裝置正超過桌面裝置,成為訪問網際網路的最常見終端。於是,網頁設計師不得不面對乙個難題 如何才能在不同大小的裝置上呈現同樣的網頁?手機的螢幕比較小,寬度通常在600畫素以下 pc的螢幕寬度,一般都在1000畫素以上 目前主流寬度是1366 768 有的還達...