网站表格的设计原则

小提示：您能找到这篇{网站表格的设计原则}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的网站表格的设计原则内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

　　当设计问题与网页表格的设计相关时，你知道设计的原则是什么吗?你是否可以正确地设计的网页表格呢?下面就和我们一起来看看我们网站表格设计原则吧。

　　良好的表格设计可以使用户更快、更准确地完成表格。研究表明，当表格设计遵循基本的可用性原则时，用户准确填写表格的时间几乎是不遵循可用性原则的用户填写表格时间的两倍。

　　什么样的形式才是好的设计?我们认为这可能与许多因素有关，如表的长度、表的内容和要收集的数据等。实际设计应根据具体情况分析。但是下面的可用性基本原则可以帮助你避免很多问题。

　　1. 保持简短

　　这个原则适用于许多事情。减少不必要的内容需要一定的时间，但是这样可以减轻用网络公司营销策划户的负担，加快用户的完成。为了减少a.哪些内容可以通过其他方式收集，b.哪些内容在未来更容易收集，以及c.直接省略一些内容。当你缩短表格的长度时，表格的转化率就会增加，这具有非常重要的商业意义。

　　2. 标签对应于输入框

　　在模板网站中标签应靠近其对应的输入框，该输入框可以直接位于移动端输入框的正上方，并与PC端输入框平行。一定要避免那些容易产生歧义的空格，例如标签和两个输入框之间的距离相同。如果要询问两个不同主题的内容，应该将其分为两个单独的输入框。

　　3.输入框对齐

　　如果输入框位于多个列中，则表的垂直动量将被打破。所有输入框应该对齐到同一列，而不是让用户适应凌乱的布局。

　　4. 按逻辑排序

　　表格上的标签顺序和选项应按逻辑顺序排列，如“姓名、性别、手机号码……”或“一日游、两日游、三天游……”。当然，这里也要考虑到用户的使用频率，尽量提出用户选择多的选项。

　　5. 避免占位符文本

　　设计师通常喜欢使用占位符文本，因为它可以有更好的视觉效果。然而，占位符文本通常会导致许多额外的问题，我们认为我们应该尽量避免这些问题。

　　6. 输入表格与输入内容匹配

　　如果只有两个或三个选项，不要使用下拉列表，直接使用单选按钮更合适。文本输入框的大小应与所需的文本输入长度匹配。例如，姓名列通常不超过四个单词，而移动电话号码通常是11位数字。

　　7. 区分可选内容和所需要的内容

　　我们应该尽可能减少选择。如果某些内容确实是必要的，但只适用于部分用户，请给予解释，不要误导大多数用户。将表格中的选项限制为一个或两个，并清楚地将它们标记为可选。

　　8. 解释输入或格式要求

　　如果输入需要特定的格式或内容，请给出准确的解释。不要让用户猜测你的请求。如下图所示，直到用户密码格式错误，网站才给出准确的要求，显然违反了这一原则。正确的方法应该是在用户输入时给出详细的格式要求。

　　9. 避免重置和清除按钮

　　重新设置或清除写好的内容常常给用户带来不必要的麻烦。如果是收集敏感信息，例如财务信息，我们应该为放弃填写并希望删除个人信息的用户提供一个“取消”按钮。但是，应该注意的是，“取消”按钮应该比“提交”按钮更不可见，以避免意外点击。

　　10. 提供可见的和特定的错误信息

　　我们应该以各种电商运营服务方式提示用户错误，不仅仅是颜色，还有粗体和绘图错误区域，以确保用户不会忽略错误信息。在这件事上，我们不能太狡猾。此外，我们应该保留用户以前的输入错误，以便用户可以方便地修改它们。

　　看完这些，相信你对模板网站表单设计的原则已经有所了解。我们关于网站表格设计原则的相关介绍就说到这里，希望对大家有帮助，如对文章内容有疑问可以来电咨询我们或者在官网给我们留言。

　　如无特别说明本文BBS为我们原创文章，转载或引用请注明来源出处。