當(dāng)你訪問一個(gè)網(wǎng)站時(shí)，你會注意到有一些表格可以讓你輸入一些關(guān)于你自己的信息。擁有web表單對于每個(gè)網(wǎng)站都是至關(guān)重要的，因?yàn)樗谟脩艉驼军c(diǎn)之間創(chuàng)建了交互。它還可以幫助創(chuàng)建有效的轉(zhuǎn)換，這可以作為整個(gè)站點(diǎn)成功的基準(zhǔn)。人們花時(shí)間在網(wǎng)站上填寫表格。因此，我們必須確保有一個(gè)良好的用戶體驗(yàn)，以不浪費(fèi)用戶的時(shí)間。其中一部分是考慮創(chuàng)建web表單設(shè)計(jì)所需的一些元素。既然網(wǎng)站需要這個(gè)，那么所有的設(shè)計(jì)師都應(yīng)該注意到這一點(diǎn)。因此，今天，我們將為您列出在創(chuàng)建web表單設(shè)計(jì)時(shí)需要考慮的一些事情。此外，請查看下面每個(gè)項(xiàng)目的一些示例:
1。知道使用什么。圖片:雄獅之路當(dāng)然，在你開始工作之前，它總是會從你如何創(chuàng)建網(wǎng)站表單開始，就像一個(gè)聯(lián)系人表單一樣。試著評估一下什么最適合你。選擇您最熟悉的編碼語言，然后使用它。還要試著知道哪一種方法更有效，能給你所需的那種形式。你必須知道如何使你的設(shè)計(jì)工作。如果你不知道怎么做，那就找一個(gè)能幫忙的人。
2. 是創(chuàng)造性的。樹屋編輯并不意味著僅僅因?yàn)槟阍谠O(shè)計(jì)一個(gè)網(wǎng)站表單，你就被限制在那些你的用戶必須輸入的東西上。一定要讓它看起來有趣、誘人。給它一點(diǎn)樂趣，它會看起來更友好。通過創(chuàng)建顯示相同個(gè)性的設(shè)計(jì)，讓您的web表單顯示為整個(gè)站點(diǎn)的一部分。您可以放置一些插圖和其他元素，使它看起來令人興奮。
3.使用簡單的語言。為避免混淆，請使用簡單的語言。讓他們清楚地理解你的要求。不要使用那些會讓他們思考很多或者會讓他們跳過那部分的單詞，因?yàn)樗麄儾荒芾斫馑?。另外，如果你的讀者聽不懂你的話，他們可能不會給你提供你需要的信息。所以，開門見山，簡單明了。
4. 使其易于管理。如果你需要大量的信息，不要讓你的表格看起來太大，很難填寫。只要看一眼，用戶就會認(rèn)為他們將花費(fèi)大量的時(shí)間來填寫表單。因此，您應(yīng)該將它分成幾個(gè)部分，使其看起來易于管理。這樣，表單就會看起來簡單而有條理。您的用戶將不會有困難填寫您所要求的信息。
5. 組織它。務(wù)必把你要的信息安排妥當(dāng)。不要把空白表格散開。確保你仔細(xì)選擇了要問的問題，并把相關(guān)信息放在彼此附近。比如，在電子郵件地址之前先問名字總是合適的。調(diào)查你要問的每一個(gè)信息的相關(guān)性。
6. 提示用戶錯(cuò)誤。同樣重要的是，您要通知用戶，他們在填寫表單時(shí)犯了一些錯(cuò)誤。如果他們跳過了一些項(xiàng)目或放置了一些錯(cuò)誤，您可以通過驗(yàn)證信息來幫助用戶。這對你來說也是一個(gè)優(yōu)勢。web開發(fā)人員有一些特定的方法可以做到這一點(diǎn)。
7. 保護(hù)用戶的數(shù)據(jù)。圖片:Vimeo即使用戶在輸入數(shù)據(jù)時(shí)犯了錯(cuò)誤，也要確保保存了正確的其他信息。當(dāng)用戶不得不再次填寫表單時(shí)，他會感到惱怒。有些人在填寫表格時(shí)真的很不耐煩。所以，一定要把這個(gè)作為你的網(wǎng)站表格。
8.清楚輸入字段。圖片:肖恩約翰斯頓你的用戶不應(yīng)該混淆他們已經(jīng)填充或互動(dòng)的領(lǐng)域。讓你的空格足夠清晰，并與標(biāo)簽對齊。此外，如果提示錯(cuò)誤，請確保它指向錯(cuò)誤發(fā)生的正確框或空格。這將使它更容易和舒適的用戶。
9.使用可讀字體。 Image：ZZZ Drinkzzz當(dāng)然，由于用戶將閱讀您在表單中的內(nèi)容，因此您應(yīng)該使用易于理解的字體樣式。還要確保讀者的大小可讀。不要讓他們很難閱讀您的網(wǎng)站表單，否則他們可能無法完成填寫。不要使用花哨的字體，并使用可以強(qiáng)調(diào)文本的正確顏色組合。
10.使用清除結(jié)束按鈕。圖片：Visual Republic填寫表格后，請確保您在結(jié)尾處有一個(gè)確認(rèn)按鈕，告訴用戶他們最終完成了歸檔。確保您的按鈕具有清晰的語言。您只能使用“提交”或“發(fā)送”一詞。這樣，您可以告訴用戶他們將要做什么?，F(xiàn)在輪到你了我們上面的內(nèi)容是設(shè)計(jì)師在創(chuàng)建網(wǎng)站表單時(shí)需要考慮的一些重要事項(xiàng)。這些東西可以向網(wǎng)站所有者保證，用戶可以輕松訪問表單并對其有清晰的了解。你有沒有設(shè)計(jì)一個(gè)網(wǎng)站表格？您想與我們分享更多積分嗎？或者您想向我們展示您的設(shè)計(jì)嗎？
1。知道使用什么。圖片:雄獅之路當(dāng)然，在你開始工作之前，它總是會從你如何創(chuàng)建網(wǎng)站表單開始，就像一個(gè)聯(lián)系人表單一樣。試著評估一下什么最適合你。選擇您最熟悉的編碼語言，然后使用它。還要試著知道哪一種方法更有效，能給你所需的那種形式。你必須知道如何使你的設(shè)計(jì)工作。如果你不知道怎么做，那就找一個(gè)能幫忙的人。
2. 是創(chuàng)造性的。樹屋編輯并不意味著僅僅因?yàn)槟阍谠O(shè)計(jì)一個(gè)網(wǎng)站表單，你就被限制在那些你的用戶必須輸入的東西上。一定要讓它看起來有趣、誘人。給它一點(diǎn)樂趣，它會看起來更友好。通過創(chuàng)建顯示相同個(gè)性的設(shè)計(jì)，讓您的web表單顯示為整個(gè)站點(diǎn)的一部分。您可以放置一些插圖和其他元素，使它看起來令人興奮。
3.使用簡單的語言。為避免混淆，請使用簡單的語言。讓他們清楚地理解你的要求。不要使用那些會讓他們思考很多或者會讓他們跳過那部分的單詞，因?yàn)樗麄儾荒芾斫馑?。另外，如果你的讀者聽不懂你的話，他們可能不會給你提供你需要的信息。所以，開門見山，簡單明了。
4. 使其易于管理。如果你需要大量的信息，不要讓你的表格看起來太大，很難填寫。只要看一眼，用戶就會認(rèn)為他們將花費(fèi)大量的時(shí)間來填寫表單。因此，您應(yīng)該將它分成幾個(gè)部分，使其看起來易于管理。這樣，表單就會看起來簡單而有條理。您的用戶將不會有困難填寫您所要求的信息。
5. 組織它。務(wù)必把你要的信息安排妥當(dāng)。不要把空白表格散開。確保你仔細(xì)選擇了要問的問題，并把相關(guān)信息放在彼此附近。比如，在電子郵件地址之前先問名字總是合適的。調(diào)查你要問的每一個(gè)信息的相關(guān)性。
6. 提示用戶錯(cuò)誤。同樣重要的是，您要通知用戶，他們在填寫表單時(shí)犯了一些錯(cuò)誤。如果他們跳過了一些項(xiàng)目或放置了一些錯(cuò)誤，您可以通過驗(yàn)證信息來幫助用戶。這對你來說也是一個(gè)優(yōu)勢。web開發(fā)人員有一些特定的方法可以做到這一點(diǎn)。
7. 保護(hù)用戶的數(shù)據(jù)。圖片:Vimeo即使用戶在輸入數(shù)據(jù)時(shí)犯了錯(cuò)誤，也要確保保存了正確的其他信息。當(dāng)用戶不得不再次填寫表單時(shí)，他會感到惱怒。有些人在填寫表格時(shí)真的很不耐煩。所以，一定要把這個(gè)作為你的網(wǎng)站表格。
8.清楚輸入字段。圖片:肖恩約翰斯頓你的用戶不應(yīng)該混淆他們已經(jīng)填充或互動(dòng)的領(lǐng)域。讓你的空格足夠清晰，并與標(biāo)簽對齊。此外，如果提示錯(cuò)誤，請確保它指向錯(cuò)誤發(fā)生的正確框或空格。這將使它更容易和舒適的用戶。
9.使用可讀字體。 Image：ZZZ Drinkzzz當(dāng)然，由于用戶將閱讀您在表單中的內(nèi)容，因此您應(yīng)該使用易于理解的字體樣式。還要確保讀者的大小可讀。不要讓他們很難閱讀您的網(wǎng)站表單，否則他們可能無法完成填寫。不要使用花哨的字體，并使用可以強(qiáng)調(diào)文本的正確顏色組合。
10.使用清除結(jié)束按鈕。圖片：Visual Republic填寫表格后，請確保您在結(jié)尾處有一個(gè)確認(rèn)按鈕，告訴用戶他們最終完成了歸檔。確保您的按鈕具有清晰的語言。您只能使用“提交”或“發(fā)送”一詞。這樣，您可以告訴用戶他們將要做什么?，F(xiàn)在輪到你了我們上面的內(nèi)容是設(shè)計(jì)師在創(chuàng)建網(wǎng)站表單時(shí)需要考慮的一些重要事項(xiàng)。這些東西可以向網(wǎng)站所有者保證，用戶可以輕松訪問表單并對其有清晰的了解。你有沒有設(shè)計(jì)一個(gè)網(wǎng)站表格？您想與我們分享更多積分嗎？或者您想向我們展示您的設(shè)計(jì)嗎？
