超實(shí)用的網(wǎng)頁設(shè)計(jì)的技巧

制作更好的網(wǎng)頁的技巧一：保持簡短

然而，酷你認(rèn)為你的形式是，事實(shí)是你的用戶不喜歡填補(bǔ)他們。作為一名熱心的互聯(lián)網(wǎng)用戶，我每周都要通過數(shù)十種形式進(jìn)行斗爭，與人聯(lián)系，注冊新賬戶等等。

讓我告訴你：至少每周一次或兩次，我不提交我最初打算的表格，只是因?yàn)楸砀裉�長和/或要求我不想提交的信息。所以如果你想要人們提交你的表格，保持簡短。

以下是我對(duì)這個(gè)問題的建議：

只要問你真的需要知道什么

使用默認(rèn)選項(xiàng)(如果您在美國擁有一家企業(yè)，大多數(shù)與美國聯(lián)系的人也將來自美國，所以如果您要求他們的國家，請(qǐng)確保“USA”是默認(rèn)的!)

不要過度使用必填字段。如果有人試圖通過電子郵件與您聯(lián)系，請(qǐng)求電話號(hào)碼確實(shí)毫無意義!

在注冊表格上，提供可能性注冊Facebook和Twitter。

制作更好的網(wǎng)頁的技巧二：使用Ajax驗(yàn)證

沒有什么比填寫一個(gè)長表單更煩人了，提交和...必須糾正并重復(fù)提交，只是因?yàn)椋�例如您選擇的用戶名已被采取。我個(gè)人記得因?yàn)檫@個(gè)原因放棄了在幾個(gè)網(wǎng)站上注冊。

我已經(jīng)在CatsWhoCode上討論了一個(gè)非常有用的名為jQuery Form的 jQuery插件。它使得Ajax驗(yàn)證非常容易，所以可以使用它來為用戶提供更好的體驗(yàn)。

制作更好的網(wǎng)頁的技巧三：確保它是移動(dòng)友好的

如今，大多數(shù)人正在使用智能手機(jī)或平板電腦等移動(dòng)設(shè)備訪問互聯(lián)網(wǎng)。這就是為什么您必須始終確保您的表單響應(yīng)和移動(dòng)友好。當(dāng)表單不適合移動(dòng)瀏覽時(shí)，真的很煩人，并且可能會(huì)阻止很多人實(shí)際使用您的表單。

制作更好的網(wǎng)頁的技巧四：通過其他方式讓別人接觸到你

你在Twitter嗎?你的網(wǎng)站有Facebook頁面嗎?然后，利用社交網(wǎng)絡(luò)，并提供鏈接到您的社交媒體配置文件和網(wǎng)頁。電子郵件非常適合深入的私人對(duì)話，但對(duì)于第一次接觸，現(xiàn)在很多人會(huì)喜歡使用Twitter或Facebook。

制作更好的網(wǎng)頁的技巧五：用驗(yàn)證碼輕松一下

垃圾郵件是一個(gè)麻煩，我們都知道。網(wǎng)站所有者為了保護(hù)自己免受無數(shù)垃圾郵件的攻擊，最喜歡的方式就是使用驗(yàn)證碼。驗(yàn)證碼本質(zhì)上并不壞，但是如果你不希望你的用戶放棄發(fā)送你的表單，請(qǐng)不要使用黑色的CAPTCHA上那些不可讀的，棕色的。垃圾郵件是你的問題，而不是你的用戶!

制作更好的網(wǎng)頁的技巧六：使用正確的HTML5輸入類型

所有現(xiàn)代瀏覽器都支持HTML5及其多種形式的輸入類型。無論如何，一個(gè)令人難以置信的巨大數(shù)量的網(wǎng)站仍然使用十年前編碼的表單。

HTML5使用戶更容易完成表單并得到廣泛的支持，因此完全沒有理由不使用它。查看下面的文章，以提醒HTML5規(guī)范引入的輸入類型。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://www.hebeijilong.cn/news-id-71304.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁制作頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050