潘金莲毛片 I 乳女教师の诱惑julia在线播放 I 午夜久久视频 I com超碰 I 午夜电影你懂的 I 超碰97中文 I 日韩精品 I 免费在线观看h片 I 自拍偷拍欧美激情 I 女生脱下裤子让男生操 I 桃色视屏 I 91资源在线观看 I 国产,高清,精品,在线,a I 国产白富美浴室玩奴三部曲 I 大陆国产vs国产对白 I 内射巨臀欧美在线视频 I 国产精品捆绑调教网站 I 深夜影院在线 I 色网站在线免费观看 I 长篇武侠肉伦小说 I 欧美一区二区久久久 I 日本公公和儿媳 I _级黄色片 I 色综合久久久久久久粉嫩 I 亚洲美女视频 I 特级aaaaaaaaa毛片免费视频 I 美女扒开双腿 I 综合一区在线 I 亚洲国产精品av久久久 I av免费人人干 I 日本一区二区三区四区在线视频 I 韩国毛片基地 I 白丝喷水在线观看 I 美女被羞羞网站视频 I 嫩草视频国产 I 国产乱淫视频 I 精品少妇人妻av一区二区三区 I 97这里只有精品 I 精品国产三级a∨在线欧美 I 国产高清在线一区二区 I 免费又色又爽无遮挡60分钟 I 老头性生活 I 经典一区二区三区 I 日韩精品999 I 日本乱码伦午夜福利在线 I 黄色精品网站在线观看 I 日本三级毛片 I 欧美日韩激情一区二区三区 I 在线麻豆视频 I 91播放 I 白人美女和黑人作爱 I 快灬快灬一下爽蜜桃在线观看 I 中文字幕高清在线免费播放 I 日本掀裙子露白内裤打屁股 I 日本艹逼 I 一卡二卡av I 亚洲图区一区

web表單的設計

日期:2011/11/20 / 人氣:

第一,更大的輸入框
      關于WEB表單輸入框大小的爭論,相信大家都曾聽過。vBulletin,Joomla!和Drupal使用的都是相當小的輸入框,大都是10px-12px的文字和很小的內邊距。而Diigo的注冊表單結構就很大氣!你需要緩和不同輸入元素之間的沖突。加粗的文字提示你哪些區域已經填寫了,哪些區域還空著,當激活某一輸入框時,它會變成淡藍色,提示你光標現在所處的位置。

佛山網站建設_佛山網站制作_佛山網站設計_佛山網站_佛山網頁設計_佛山網頁建設_佛山網頁制作

      傳統的Digg注冊表單就是用很相似的方法來設計的。Twitter的注冊表單同樣都很大,這樣你就不會錯過任何東西。他們不會吝嗇于用大量白色的空間來突出輸入區域。他們的標簽系統也很獨特,空的輸入框中會有預先設置的占位文字,通過顏色的變換,你也可以清楚的將用戶輸入的文字和系統預設文字區分開來。

第二,保持醒目和簡潔
      很多用戶抱怨注冊表單需要填寫的信息太多。如果你想通過表單來增加你網站的注冊用戶數量,那么你就得保證你的表單易于填寫。這點同樣適用于其他地方的數據輸入。

      由于項目的不同,用戶需要填寫的信息數量也會有所不同。對于用戶來說注冊表格可能會要求用戶輸入用戶名,電子郵件地址,然后兩次輸入密碼,這樣當然很合理并且也是用戶所期待的注冊方式。但是也有特殊情況,例如WordPress的默認注冊頁面。用戶這里用戶只需要填寫用戶名和電子郵件地址,之后系統會自動生成一個密碼并發到你所填寫的電子郵件地址當中,這樣既減少了原始表格的數量,并且將惡意注冊者擋在了門外。也不需要你去郵箱點擊激活鏈接,但是你必須在你的郵箱中取得新的登陸密碼。

第三,保密性很重要
      無論用戶輸入的是他們的電子郵件地址還是信用卡號碼,你都應該保證這些數據的安全。因為用戶相信你的網站和后端代碼在正確的收集了他們的信息后會并將之保存在一個安全的地方。

      如果你不怕麻煩的話建議你在整個網站中都使用SSL認證,因為這樣不僅保護了用戶的注冊信息,而且用戶瀏覽網站的整個過程也都被HTTPS保護了。雖然有點麻煩,但是有些WEB主機會輔助你安裝這些功能。雖然并不是每個網站都必須這么做,但是你只需要多費一點兒時間和精力就能保護用戶數據的安全,用戶也會因此而覺得安全,你和用戶之間就能建立起一種相互信任的紐帶。

      另外,在使用信息上盡量不要使用那些很容易被探測的信息。除非信息是完全非“個人”的,都需要使用POST數據類型。只有在URL結構能夠從數據中獲益的時候,才使用Ajax的GET requests。

第四,始終與用戶的期待保持同步
      用戶體驗對于網站來說是基礎也是核心,所以盡量避免用戶們最討厭的事情——頁面有出乎他們意料的跳轉。你絕對希望你的表單行為保持自然,并且將額外的JavaScript代碼減到最少,同時彈出氣泡和Ajax也都是很有用的東西。好用的表單既不應該被劃分成許多小的項目,也不用隔斷將他們彼此分離,因為那不是好辦法。

      同時我們還要注意不要錯過了HTML的tabindex屬性。因為這個屬性從可用性角度來說是很的,用戶可以通過它在不使用鼠標的情況下填寫完整個表格。但是如果你沒有保持tabindex屬性的有序性,或者只在某些輸入框中使用了這個屬性,如果是這樣的話那么整個系統就會很糟糕。這一點除了適用這一表格外,還適用于所有的注冊表單和其他的輸入頁面,尤其是網上購物的信息輸入頁面。

 


 

作者:朋友圈科技


Go To Top 回頂部
主站蜘蛛池模板: 广水市| 禄丰县| 墨江| 沁源县| 营山县| 齐河县| 汾西县| 绵竹市| 呼和浩特市| 金塔县| 襄樊市| 天全县| 临漳县| 科技| 佳木斯市| 偃师市| 清远市| 梁河县| 康乐县| 定边县| 马龙县| 建昌县| 张家港市| 凤城市| 文安县| 印江| 广南县| 汝阳县| 饶阳县| 蓬安县| 苍南县| 武功县| 韶山市| 巴林右旗| 长阳| 公安县| 冀州市| 寿阳县| 青岛市| 浦城县| 福安市|