一区视频在线_成人av在线网_国产精品一区二区久久_日本a视频_欧美第一区_成人精品一区二区三区中文字幕

web表單的設(shè)計(jì)

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

第一,更大的輸入框
      關(guān)于WEB表單輸入框大小的爭(zhēng)論,相信大家都曾聽(tīng)過(guò)。vBulletin,Joomla!和Drupal使用的都是相當(dāng)小的輸入框,大都是10px-12px的文字和很小的內(nèi)邊距。而Diigo的注冊(cè)表單結(jié)構(gòu)就很大氣!你需要緩和不同輸入元素之間的沖突。加粗的文字提示你哪些區(qū)域已經(jīng)填寫(xiě)了,哪些區(qū)域還空著,當(dāng)激活某一輸入框時(shí),它會(huì)變成淡藍(lán)色,提示你光標(biāo)現(xiàn)在所處的位置。

佛山網(wǎng)站建設(shè)_佛山網(wǎng)站制作_佛山網(wǎng)站設(shè)計(jì)_佛山網(wǎng)站_佛山網(wǎng)頁(yè)設(shè)計(jì)_佛山網(wǎng)頁(yè)建設(shè)_佛山網(wǎng)頁(yè)制作

      傳統(tǒng)的Digg注冊(cè)表單就是用很相似的方法來(lái)設(shè)計(jì)的。Twitter的注冊(cè)表單同樣都很大,這樣你就不會(huì)錯(cuò)過(guò)任何東西。他們不會(huì)吝嗇于用大量白色的空間來(lái)突出輸入?yún)^(qū)域。他們的標(biāo)簽系統(tǒng)也很獨(dú)特,空的輸入框中會(huì)有預(yù)先設(shè)置的占位文字,通過(guò)顏色的變換,你也可以清楚的將用戶輸入的文字和系統(tǒng)預(yù)設(shè)文字區(qū)分開(kāi)來(lái)。

第二,保持醒目和簡(jiǎn)潔
      很多用戶抱怨注冊(cè)表單需要填寫(xiě)的信息太多。如果你想通過(guò)表單來(lái)增加你網(wǎng)站的注冊(cè)用戶數(shù)量,那么你就得保證你的表單易于填寫(xiě)。這點(diǎn)同樣適用于其他地方的數(shù)據(jù)輸入。

      由于項(xiàng)目的不同,用戶需要填寫(xiě)的信息數(shù)量也會(huì)有所不同。對(duì)于用戶來(lái)說(shuō)注冊(cè)表格可能會(huì)要求用戶輸入用戶名,電子郵件地址,然后兩次輸入密碼,這樣當(dāng)然很合理并且也是用戶所期待的注冊(cè)方式。但是也有特殊情況,例如WordPress的默認(rèn)注冊(cè)頁(yè)面。用戶這里用戶只需要填寫(xiě)用戶名和電子郵件地址,之后系統(tǒng)會(huì)自動(dòng)生成一個(gè)密碼并發(fā)到你所填寫(xiě)的電子郵件地址當(dāng)中,這樣既減少了原始表格的數(shù)量,并且將惡意注冊(cè)者擋在了門(mén)外。也不需要你去郵箱點(diǎn)擊激活鏈接,但是你必須在你的郵箱中取得新的登陸密碼。

第三,保密性很重要
      無(wú)論用戶輸入的是他們的電子郵件地址還是信用卡號(hào)碼,你都應(yīng)該保證這些數(shù)據(jù)的安全。因?yàn)橛脩粝嘈拍愕木W(wǎng)站和后端代碼在正確的收集了他們的信息后會(huì)并將之保存在一個(gè)安全的地方。

      如果你不怕麻煩的話建議你在整個(gè)網(wǎng)站中都使用SSL認(rèn)證,因?yàn)檫@樣不僅保護(hù)了用戶的注冊(cè)信息,而且用戶瀏覽網(wǎng)站的整個(gè)過(guò)程也都被HTTPS保護(hù)了。雖然有點(diǎn)麻煩,但是有些WEB主機(jī)會(huì)輔助你安裝這些功能。雖然并不是每個(gè)網(wǎng)站都必須這么做,但是你只需要多費(fèi)一點(diǎn)兒時(shí)間和精力就能保護(hù)用戶數(shù)據(jù)的安全,用戶也會(huì)因此而覺(jué)得安全,你和用戶之間就能建立起一種相互信任的紐帶。

      另外,在使用信息上盡量不要使用那些很容易被探測(cè)的信息。除非信息是完全非“個(gè)人”的,都需要使用POST數(shù)據(jù)類(lèi)型。只有在URL結(jié)構(gòu)能夠從數(shù)據(jù)中獲益的時(shí)候,才使用Ajax的GET requests。

第四,始終與用戶的期待保持同步
      用戶體驗(yàn)對(duì)于網(wǎng)站來(lái)說(shuō)是基礎(chǔ)也是核心,所以盡量避免用戶們最討厭的事情——頁(yè)面有出乎他們意料的跳轉(zhuǎn)。你絕對(duì)希望你的表單行為保持自然,并且將額外的JavaScript代碼減到最少,同時(shí)彈出氣泡和Ajax也都是很有用的東西。好用的表單既不應(yīng)該被劃分成許多小的項(xiàng)目,也不用隔斷將他們彼此分離,因?yàn)槟遣皇呛棉k法。

      同時(shí)我們還要注意不要錯(cuò)過(guò)了HTML的tabindex屬性。因?yàn)檫@個(gè)屬性從可用性角度來(lái)說(shuō)是很的,用戶可以通過(guò)它在不使用鼠標(biāo)的情況下填寫(xiě)完整個(gè)表格。但是如果你沒(méi)有保持tabindex屬性的有序性,或者只在某些輸入框中使用了這個(gè)屬性,如果是這樣的話那么整個(gè)系統(tǒng)就會(huì)很糟糕。這一點(diǎn)除了適用這一表格外,還適用于所有的注冊(cè)表單和其他的輸入頁(yè)面,尤其是網(wǎng)上購(gòu)物的信息輸入頁(yè)面。

 


 

作者:朋友圈科技


Go To Top 回頂部
主站蜘蛛池模板: 亚洲最新无码中文字幕久久 | 国产一级性生活视频 | 亚洲xxx在线观看 | 91av国产在线 | 欧美a一 | 极品一级片 | 久久精品亚洲一区二区三区观看模式 | 海外中文字幕在线观看 | 国产无遮挡成人免费视频 | 伊人午夜| 四季久久免费一区二区三区四区 | 午夜丰满少妇高清毛片1000部 | 热99视频| 亚洲免费片 | 欧美一级毛片一级毛片 | 黄色一级毛片免费看 | 亚洲天堂中文字幕在线观看 | 99re久久最新地址获取 | 大奶一级片 | 毛片a级毛片免费播放100 | av在线直播观看 | 国产免费黄网 | 欧美淫视频 | 九九热视频这里只有精品 | 日韩不卡一区二区 | 老司机一级毛片 | 日本在线不卡一区二区三区 | 国产精品av久久久久久久久久 | 精国产品一区二区三区四季综 | 国产精选久久久 | 国产一级一国产一级毛片 | 国产正在播放 | 深夜网站在线观看 | 久草成人在线观看 | 港台三级在线观看 | 国产亚洲网 | 日产精品一区二区三区在线观看 | 日韩在线欧美在线 | 一级黄色毛片播放 | 久久久久亚洲美女啪啪 | 亚洲男人的天堂在线视频 |