HOWTO系列：如何創建好的網站表單？
2023-03-09 分類： 網站建設
【編者按】網站怎么做？這可能是客戶向網站設計師提出來的問題，因為外行不懂內行。這也可能是設計師向自己提出來的問題，因為每一個客戶都不同，不同的客戶需要不同的解決方案。為了答疑客戶、為了點撥設計師，創新互聯推出“HOW TO”系列文章。
表單可以一定程序上證明歐美人“懶”。當歐美用戶訪問一個企業網站，他們習慣于采用“填表-提交”的方式與企業聯系，讓企業主動去聯系自己，而不是自己主動聯系企業。所以，國內企業網站多喜歡使用在線聊天替代表單，但是歐美企業網站，幾乎都有表單。
如何為企業網站設計出“好的表單”呢？我們提供五點建議，僅供參考。
“錯題本”
失敗是成功之母。互聯網中有很多糟糕的表單制作案例。在制作網頁表單之前，先對這些案例進行學習和回顧，避免自己制作的表單犯下同樣或者相似的錯誤。
語言簡潔
表單設計以及提示，都應該言簡意賅，讓訪客一眼即知道填寫什么內容。
例如，很多表單中都有填寫“姓名”的空格。在表單提示上如果是“姓名”，讓讓訪客產生疑惑——是填寫真實姓名還是稱呼，或者昵稱。如果訪客認為是填寫“真實姓名”，會有隱私受到侵犯的感覺，可能會放棄填寫。所以，表單的提示可以調整為“聯系人稱呼”或者“稱呼”等。
A/B測試
如果設計人員對表單的問題、顏色、問題等“拿不準”，或者多人體驗之后，分歧較大。可以進行A/B測試。AB兩個表單需要拉開一定的差距，例如，A表單力求簡潔、簡單，B表單就需要適當地增加內容。
盡量少打字
盡量讓用戶少打字有兩個理由。
其一，用戶都是懶人。當他們想表達統一內容的時候，有人提供了答案和“自己打字寫出答案”，一般都會選擇前者。所以，如果表單中有日期、時間等項目，要提供選項而不是讓用戶打字。
其二，手機不適合打字。屏幕和虛擬鍵盤較小面積，都不太適合用戶打字。況且，如果用戶打字錯誤而導致無法提交表單，更用戶沮喪，用戶可能會直接放棄。
讓用戶專注
如果你的目標是希望用戶能夠在線填寫一份表單，那么，你就要避免對用戶造成打擾。如動畫、燈箱和大段文字，就不應該出現在表單的周圍。保持用戶眼前的內容最少。
用顏色說話
顏色可以讓人平靜下來。
所以，如果有一個長長的表單，需要用戶填寫。就需要非常注重顏色的搭配。包括表單頁面的背景顏色、填寫框顏色、字體顏色、按鈕顏色等等。
根據我們的經驗，表單的頁面顏色以淺色為主，如淺藍色、淺紅色等等，過于艷麗的顏色，會使人產生急躁的感受。
優化“發送”按鈕
當網站的設計者花費了大量的時間來設計表單、設計框架、設計問題、設計顏色，但是在最終的“發送”按鈕上漫不經心，顯然是失策的。
舉一個簡單的例子，在UX設計工作中，如按鈕文字“提交反饋”就比“發送”要更溫暖；再例如，發送之后，如果能夠跳出相應的響應頁面，會讓用戶更為安心。
表單可以一定程序上證明歐美人“懶”。當歐美用戶訪問一個企業網站，他們習慣于采用“填表-提交”的方式與企業聯系，讓企業主動去聯系自己，而不是自己主動聯系企業。所以，國內企業網站多喜歡使用在線聊天替代表單，但是歐美企業網站，幾乎都有表單。
如何為企業網站設計出“好的表單”呢？我們提供五點建議，僅供參考。
“錯題本”
失敗是成功之母。互聯網中有很多糟糕的表單制作案例。在制作網頁表單之前，先對這些案例進行學習和回顧，避免自己制作的表單犯下同樣或者相似的錯誤。
語言簡潔
表單設計以及提示，都應該言簡意賅，讓訪客一眼即知道填寫什么內容。
例如，很多表單中都有填寫“姓名”的空格。在表單提示上如果是“姓名”，讓讓訪客產生疑惑——是填寫真實姓名還是稱呼，或者昵稱。如果訪客認為是填寫“真實姓名”，會有隱私受到侵犯的感覺，可能會放棄填寫。所以，表單的提示可以調整為“聯系人稱呼”或者“稱呼”等。
A/B測試
如果設計人員對表單的問題、顏色、問題等“拿不準”，或者多人體驗之后，分歧較大。可以進行A/B測試。AB兩個表單需要拉開一定的差距，例如，A表單力求簡潔、簡單，B表單就需要適當地增加內容。
盡量少打字
盡量讓用戶少打字有兩個理由。
其一，用戶都是懶人。當他們想表達統一內容的時候，有人提供了答案和“自己打字寫出答案”，一般都會選擇前者。所以，如果表單中有日期、時間等項目，要提供選項而不是讓用戶打字。
其二，手機不適合打字。屏幕和虛擬鍵盤較小面積，都不太適合用戶打字。況且，如果用戶打字錯誤而導致無法提交表單，更用戶沮喪，用戶可能會直接放棄。
讓用戶專注
如果你的目標是希望用戶能夠在線填寫一份表單，那么，你就要避免對用戶造成打擾。如動畫、燈箱和大段文字，就不應該出現在表單的周圍。保持用戶眼前的內容最少。
用顏色說話
顏色可以讓人平靜下來。
所以，如果有一個長長的表單，需要用戶填寫。就需要非常注重顏色的搭配。包括表單頁面的背景顏色、填寫框顏色、字體顏色、按鈕顏色等等。
根據我們的經驗，表單的頁面顏色以淺色為主，如淺藍色、淺紅色等等，過于艷麗的顏色，會使人產生急躁的感受。
優化“發送”按鈕
當網站的設計者花費了大量的時間來設計表單、設計框架、設計問題、設計顏色，但是在最終的“發送”按鈕上漫不經心，顯然是失策的。
舉一個簡單的例子，在UX設計工作中，如按鈕文字“提交反饋”就比“發送”要更溫暖；再例如，發送之后，如果能夠跳出相應的響應頁面，會讓用戶更為安心。
如上，便是我們在網站設計過程中，總結出來的創建表單的經驗之談，可供參考。
當前標題：HOWTO系列：如何創建好的網站表單？
當前網址：http://www.js-pz168.com/news2/242752.html
成都網站建設公司_創新互聯，為您提供python、品牌網站建設、標簽優化、移動網站建設、App開發、電子商務
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 淺談微博的概念及應用 2023-03-09
- 網站制作完成后網站建設公司應該做什么 2023-03-09
- 荊門網站建設：如何制作優秀的商務企業網站 2023-03-09
- 258快上推—低成本的網站推廣 2023-03-09
- 網站建設如何知道做出來的網站是否合格 2023-03-09
- 網站H5前端開發之display水平排列 2023-03-09
- 成都建站應該怎樣進行？ 2023-03-09
- 網頁設計關鍵需求分析 2023-03-09
- 六盤水網站優化之頁面關鍵詞布局 2023-03-09
- 成都網站設計公司如何出路那？ 2023-03-09
- 網頁制作的公司對于服務器方面的要求 2023-03-09
- 制作網站選擇哪個建站公司好？ 2023-03-09
- 成都網站建設的五大核心要素 2023-03-09
- 延邊網站優化揭秘百度索引量低的原因 2023-03-09
- 成都網站制作主要的交易流程 2023-03-09
- 做英文網站多少錢，外貿網站建設制作公司 2023-03-09
- 重慶網站ICP備案流程-備案資料要求-域名備案要求 2023-03-09
- 網站前端制作之css按鈕動畫效果 2023-03-09
- 新站長怎樣推廣網站！--基礎實效篇 2023-03-09