當設計問題與網(wǎng)頁表格的設計相關時，你知道設計的原則是什么嗎?你是否可以正確地設計模板網(wǎng)站的網(wǎng)頁表格呢?下面就和創(chuàng)新互聯(lián)一起來看看我們網(wǎng)站表格設計原則吧。

良好的表格設計可以使用戶更快、更準確地完成表格。研究表明，當表格設計遵循基本的可用性原則時，用戶準確填寫表格的時間幾乎是不遵循可用性原則的用戶填寫表格時間的兩倍。

什么樣的形式才是好的設計?創(chuàng)新互聯(lián)認為這可能與許多因素有關，如表的長度、表的內(nèi)容和要收集的數(shù)據(jù)等。實際設計應根據(jù)具體情況分析。但是下面的可用性基本原則可以幫助你避免很多問題。

1. 保持簡短

這個原則適用于許多事情。減少不必要的內(nèi)容需要一定的時間，但是這樣可以減輕用戶的負擔，加快用戶的完成。為了減少a.哪些內(nèi)容可以通過其他方式收集，b.哪些內(nèi)容在未來更容易收集，以及c.直接省略一些內(nèi)容。當你縮短表格的長度時，表格的轉化率就會增加，這具有非常重要的商業(yè)意義。

2. 標簽對應于輸入框

在模板網(wǎng)站中標簽應靠近其對應的輸入框，該輸入框可以直接位于移動端輸入框的正上方，并與PC端輸入框平行。一定要避免那些容易產(chǎn)生歧義的空格，例如標簽和兩個輸入框之間的距離相同。如果要詢問兩個不同主題的內(nèi)容，應該將其分為兩個單獨的輸入框。

3.輸入框對齊

如果輸入框位于多個列中，則表的垂直動量將被打破。所有輸入框應該對齊到同一列，而不是讓用戶適應凌亂的布局。

4. 按邏輯排序

表格上的標簽順序和選項應按邏輯順序排列，如“姓名、性別、手機號碼……”或“一日游、兩日游、三天游……”。當然，這里也要考慮到用戶的使用頻率，盡量提出用戶選擇多的選項。

5. 避免占位符文本

設計師通常喜歡使用占位符文本，因為它可以有更好的視覺效果。然而，占位符文本通常會導致許多額外的問題，創(chuàng)新互聯(lián)認為我們應該盡量避免這些問題。

6. 輸入表格與輸入內(nèi)容匹配

如果只有兩個或三個選項，不要使用下拉列表，直接使用單選按鈕更合適。文本輸入框的大小應與所需的文本輸入長度匹配。例如，姓名列通常不超過四個單詞，而移動電話號碼通常是11位數(shù)字。

7. 區(qū)分可選內(nèi)容和所需要的內(nèi)容

我們應該盡可能減少選擇。如果某些內(nèi)容確實是必要的，但只適用于部分用戶，請給予解釋，不要誤導大多數(shù)用戶。將表格中的選項限制為一個或兩個，并清楚地將它們標記為可選。

8. 解釋輸入或格式要求

如果輸入需要特定的格式或內(nèi)容，請給出準確的解釋。不要讓用戶猜測你的請求。如下圖所示，直到用戶密碼格式錯誤，網(wǎng)站才給出準確的要求，顯然違反了這一原則。正確的方法應該是在用戶輸入時給出詳細的格式要求。

9. 避免重置和清除按鈕

重新設置或清除寫好的內(nèi)容常常給用戶帶來不必要的麻煩。如果是收集敏感信息，例如財務信息，我們應該為放棄填寫并希望刪除個人信息的用戶提供一個“取消”按鈕。但是，應該注意的是，“取消”按鈕應該比“提交”按鈕更不可見，以避免意外點擊。

10. 提供可見的和特定的錯誤信息

我們應該以各種方式提示用戶錯誤，不僅僅是顏色，還有粗體和繪圖錯誤區(qū)域，以確保用戶不會忽略錯誤信息。在這件事上，我們不能太狡猾。此外，我們應該保留用戶以前的輸入錯誤，以便用戶可以方便地修改它們。

看完這些，相信你對模板網(wǎng)站表單設計的原則已經(jīng)有所了解。創(chuàng)新互聯(lián)關于網(wǎng)站表格設計原則的相關介紹就說到這里，希望對大家有幫助，如對文章內(nèi)容有疑問可以來電咨詢我們或者在官網(wǎng)給我們留言。

當前題目：模板網(wǎng)站:網(wǎng)站表格的設計原則
瀏覽地址：http://jinyejixie.com/news20/287870.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、定制網(wǎng)站、網(wǎng)站排名、商城網(wǎng)站、域名注冊、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)