web表單的設(shè)計
日期:2011/11/20 / 人氣:
第一,更大的輸入框
關(guān)于WEB表單輸入框大小的爭論,相信大家都曾聽過。vBulletin,Joomla!和Drupal使用的都是相當(dāng)小的輸入框,大都是10px-12px的文字和很小的內(nèi)邊距。而Diigo的注冊表單結(jié)構(gòu)就很大氣!你需要緩和不同輸入元素之間的沖突。加粗的文字提示你哪些區(qū)域已經(jīng)填寫了,哪些區(qū)域還空著,當(dāng)激活某一輸入框時,它會變成淡藍(lán)色,提示你光標(biāo)現(xiàn)在所處的位置。
佛山網(wǎng)站建設(shè)_佛山網(wǎng)站制作_佛山網(wǎng)站設(shè)計_佛山網(wǎng)站_佛山網(wǎng)頁設(shè)計_佛山網(wǎng)頁建設(shè)_佛山網(wǎng)頁制作
傳統(tǒng)的Digg注冊表單就是用很相似的方法來設(shè)計的。Twitter的注冊表單同樣都很大,這樣你就不會錯過任何東西。他們不會吝嗇于用大量白色的空間來突出輸入?yún)^(qū)域。他們的標(biāo)簽系統(tǒng)也很獨(dú)特,空的輸入框中會有預(yù)先設(shè)置的占位文字,通過顏色的變換,你也可以清楚的將用戶輸入的文字和系統(tǒng)預(yù)設(shè)文字區(qū)分開來。
第二,保持醒目和簡潔
很多用戶抱怨注冊表單需要填寫的信息太多。如果你想通過表單來增加你網(wǎng)站的注冊用戶數(shù)量,那么你就得保證你的表單易于填寫。這點同樣適用于其他地方的數(shù)據(jù)輸入。
由于項目的不同,用戶需要填寫的信息數(shù)量也會有所不同。對于用戶來說注冊表格可能會要求用戶輸入用戶名,電子郵件地址,然后兩次輸入密碼,這樣當(dāng)然很合理并且也是用戶所期待的注冊方式。但是也有特殊情況,例如WordPress的默認(rèn)注冊頁面。用戶這里用戶只需要填寫用戶名和電子郵件地址,之后系統(tǒng)會自動生成一個密碼并發(fā)到你所填寫的電子郵件地址當(dāng)中,這樣既減少了原始表格的數(shù)量,并且將惡意注冊者擋在了門外。也不需要你去郵箱點擊激活鏈接,但是你必須在你的郵箱中取得新的登陸密碼。
第三,保密性很重要
無論用戶輸入的是他們的電子郵件地址還是信用卡號碼,你都應(yīng)該保證這些數(shù)據(jù)的安全。因為用戶相信你的網(wǎng)站和后端代碼在正確的收集了他們的信息后會并將之保存在一個安全的地方。
如果你不怕麻煩的話建議你在整個網(wǎng)站中都使用SSL認(rèn)證,因為這樣不僅保護(hù)了用戶的注冊信息,而且用戶瀏覽網(wǎng)站的整個過程也都被HTTPS保護(hù)了。雖然有點麻煩,但是有些WEB主機(jī)會輔助你安裝這些功能。雖然并不是每個網(wǎng)站都必須這么做,但是你只需要多費(fèi)一點兒時間和精力就能保護(hù)用戶數(shù)據(jù)的安全,用戶也會因此而覺得安全,你和用戶之間就能建立起一種相互信任的紐帶。
另外,在使用信息上盡量不要使用那些很容易被探測的信息。除非信息是完全非“個人”的,都需要使用POST數(shù)據(jù)類型。只有在URL結(jié)構(gòu)能夠從數(shù)據(jù)中獲益的時候,才使用Ajax的GET requests。
第四,始終與用戶的期待保持同步
用戶體驗對于網(wǎng)站來說是基礎(chǔ)也是核心,所以盡量避免用戶們最討厭的事情——頁面有出乎他們意料的跳轉(zhuǎn)。你絕對希望你的表單行為保持自然,并且將額外的JavaScript代碼減到最少,同時彈出氣泡和Ajax也都是很有用的東西。好用的表單既不應(yīng)該被劃分成許多小的項目,也不用隔斷將他們彼此分離,因為那不是好辦法。
同時我們還要注意不要錯過了HTML的tabindex屬性。因為這個屬性從可用性角度來說是很的,用戶可以通過它在不使用鼠標(biāo)的情況下填寫完整個表格。但是如果你沒有保持tabindex屬性的有序性,或者只在某些輸入框中使用了這個屬性,如果是這樣的話那么整個系統(tǒng)就會很糟糕。這一點除了適用這一表格外,還適用于所有的注冊表單和其他的輸入頁面,尤其是網(wǎng)上購物的信息輸入頁面。
作者:朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應(yīng)式設(shè)計需要媒體查詢2016/8/5
- 虛擬主機(jī)被搜索引擎爬蟲訪問耗費(fèi)大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長尾關(guān)鍵詞?2016/8/1
- 建設(shè)企業(yè)或個人網(wǎng)站的好處2016/7/8
- 前端開發(fā)者需要知道的常識2016/7/6
- 12種方法為您拓展業(yè)務(wù)通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來提高你的網(wǎng)站設(shè)計2016/7/24
- 網(wǎng)站統(tǒng)計用哪個比較好,百度?cnzz?2016/7/21