《淺析WEB表單設(shè)計(jì)》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302343412013.htm

　　另外，不要使用那些很輕易被探測(cè)的信息。除非信息是完整非“個(gè)人”的，都需要使用POST數(shù)據(jù)類(lèi)型。只有在URL構(gòu)造可能從數(shù)據(jù)中獲益的時(shí)候(好比說(shuō)搜尋頁(yè)面中的search.php,流量突然增加分析報(bào)告和原因分析報(bào)告?q=my+search+terms)才應(yīng)用Ajax的GET requests。

　　論斷

　　Diigo的注冊(cè)表單結(jié)構(gòu)就很大氣!你需要弛緩不同輸入元素之間的抵觸。加粗的文字提醒你哪些區(qū)域已經(jīng)填寫(xiě)了，哪些區(qū)域還空著，當(dāng)激活某一輸入框時(shí)，它會(huì)變成淡藍(lán)色，提示你光標(biāo)現(xiàn)在所處的地位。

　　依據(jù)項(xiàng)目標(biāo)不同，用戶(hù)需要填寫(xiě)的信息數(shù)量也有所不同。注冊(cè)表格可能會(huì)請(qǐng)求用戶(hù)輸入用戶(hù)名，電子郵件地址，而后兩次輸入密碼，這樣當(dāng)然很公道并且是用戶(hù)所期待的注冊(cè)方法。但是也有特別情形，看看WordPress的默認(rèn)注冊(cè)頁(yè)面。

　　我聽(tīng)過(guò)成千上萬(wàn)的用戶(hù)埋怨注冊(cè)表單須要太多的信息。假如你正在想措施增添注冊(cè)用戶(hù)數(shù)目，那么你必需保障你的表單盡可能的易于填寫(xiě)。這點(diǎn)同樣實(shí)用于其余處所的數(shù)據(jù)輸入。

　　始終與用戶(hù)的等待保持同步

　　我聽(tīng)過(guò)良多對(duì)于WEB表單輸入框大小的爭(zhēng)辯。vBulletin，Joomla!和Drupal使用的都是相稱(chēng)小的輸入框，大都是10px-12px的文字和很小的內(nèi)邊距。

　　當(dāng)初的WEB設(shè)計(jì)呈現(xiàn)了許多新的設(shè)計(jì)趨勢(shì)。最新的CSS3正在越來(lái)越多的被設(shè)計(jì)師們所采取，表單設(shè)計(jì)也不例外的需要設(shè)計(jì)師們投入更多的關(guān)注和思考。

　　保密性是最主要的

　　傳統(tǒng)的Digg注冊(cè)表單就是用很類(lèi)似的方式來(lái)設(shè)計(jì)的。Twitter的注冊(cè)表單同樣都很大，你不會(huì)錯(cuò)過(guò)任何貨色。他們不會(huì)小氣于用大批白色的空間來(lái)凸起輸入?yún)^(qū)域。他們的標(biāo)簽系統(tǒng)也很奇特，空的輸入框中會(huì)有預(yù)先設(shè)置的占位文字，通過(guò)色彩的變換，你也能夠明白的將用戶(hù)輸入的文字和體系預(yù)設(shè)文字區(qū)離開(kāi)來(lái),注冊(cè)表單設(shè)計(jì) 修改密碼的表單設(shè)計(jì)及整體體驗(yàn)。

　　如果可能的話(huà)我倡議在你的全部網(wǎng)站中都使用SSL認(rèn)證，這不僅僅保護(hù)了用戶(hù)的注冊(cè)信息，用戶(hù)閱讀網(wǎng)站的整個(gè)過(guò)程都被HTTPS維護(hù)了。這可能會(huì)有點(diǎn)麻煩，但是有些WEB主機(jī)遇幫助你裝置這些功效。當(dāng)然并不是每個(gè)網(wǎng)站都必須這么做，然而你只要要多費(fèi)一點(diǎn)兒時(shí)光和精神就能掩護(hù)用戶(hù)數(shù)據(jù)的平安，你的用戶(hù)會(huì)因而而感到保險(xiǎn)，你和用戶(hù)之間也能樹(shù)立起一種彼此信賴(lài)的紐帶，何樂(lè)而不為呢?

Tag：設(shè)計(jì)   淺析     設(shè)計(jì)   淺析    ,匯總DIVCSS網(wǎng)頁(yè)布局及網(wǎng)站設(shè)計(jì)常犯錯(cuò)誤;

　　不論用戶(hù)輸入的是他們的信譽(yù)卡號(hào)碼還是電子郵件地址，你都應(yīng)該將保證這些數(shù)據(jù)的安全放在第一位。用戶(hù)信任你的網(wǎng)站和后端代碼準(zhǔn)確的收集了他們的信息并將之保留在一個(gè)安全的地方。

　　堅(jiān)持醒目跟簡(jiǎn)練

　　另一個(gè)我們常常犯的過(guò)錯(cuò)是錯(cuò)過(guò)了HTML的tabindex屬性。這個(gè)屬性從可用性角度來(lái)說(shuō)真是棒極了，由于通過(guò)它用戶(hù)不使用鼠標(biāo)就能填寫(xiě)完全個(gè)表格。但是如果你沒(méi)有保持tabindex屬性的有序性，或者只在某些輸入框中使用了這個(gè)屬性，而另外一些不使用，那么整個(gè)系同一定會(huì)出亂子。這一點(diǎn)適用于所有的注冊(cè)表單，而且同樣適用于其他的輸入頁(yè)面，特殊是網(wǎng)上購(gòu)物的信息輸入頁(yè)面。

　　用戶(hù)們最厭惡的事件就是頁(yè)面有出乎他們預(yù)料的跳轉(zhuǎn)。你相對(duì)盼望你的表單行動(dòng)保持天然，并且將額定的JavaScript代碼減到起碼，彈出氣泡和Ajax都是很有用的東西。好用的表單不應(yīng)當(dāng)被劃分成很多小的名目，用隔絕將他們彼此分別，那不是好方法。

　　這里用戶(hù)只需要填寫(xiě)用戶(hù)名和電子郵件地址，之后系統(tǒng)會(huì)主動(dòng)天生一個(gè)密碼并發(fā)到你所填寫(xiě)的電子郵件地址當(dāng)中，這樣做減少了原始表格的數(shù)量，并且將歹意注冊(cè)者擋在了門(mén)外。你不需要去郵箱點(diǎn)擊激活鏈接，但是你必須在你的郵箱中獲得新的登陸密碼。

　　更大的輸入框

　　我愿望這些用戶(hù)體驗(yàn)背地的領(lǐng)導(dǎo)原則能夠指引你創(chuàng)造更好的WEB表單。對(duì)于后端數(shù)據(jù)來(lái)說(shuō)，即便是PHP這樣簡(jiǎn)單的語(yǔ)言也能夠很好的處置。但是通過(guò)一到兩個(gè)禮拜的時(shí)間，你應(yīng)該能創(chuàng)造出一套你本人的系統(tǒng)。網(wǎng)絡(luò)開(kāi)發(fā)者們，不管是前端仍是后端，都應(yīng)該努力去懂得這些設(shè)計(jì)準(zhǔn)則和典范,比較兩種CSS清除浮動(dòng)的兼容。

　　WEB表單設(shè)計(jì)的目的是設(shè)計(jì)出一套讓用戶(hù)能夠從填表到點(diǎn)擊提交按鈕的最簡(jiǎn)單的流程。這個(gè)過(guò)程中不需要太多的炫目后果，固然jQuery的表單插件始終都很受歡送。在這片文章中我們只關(guān)注于表單的用戶(hù)體驗(yàn)和交互進(jìn)程。這里的概念也可以有效的輔助你減少用戶(hù)在填表過(guò)程中的挫折感。

--> [網(wǎng)站建設(shè)之]淺析WEB表單設(shè)計(jì)

設(shè)計(jì)師不再只是為互聯(lián)網(wǎng)發(fā)明美麗雅觀的圖形那么簡(jiǎn)略了，作為一個(gè)WEB設(shè)計(jì)師，咱們還需要斟酌一些其他的問(wèn)題，比方用戶(hù)體驗(yàn)，算法，代碼等等。現(xiàn)在用戶(hù)休會(huì)設(shè)計(jì)越來(lái)越重要，對(duì)WEB表單的設(shè)計(jì)尤其如斯,每天寫(xiě)出好代碼的5個(gè)建議。
(責(zé)任編輯：網(wǎng)站建設(shè))
淺析WEB表單設(shè)計(jì)相關(guān)文章