模板网站:网站表格的设计原则

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

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

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

1. 保持简短

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

2. 标签对应于输入框

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

3.输入框对齐

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

4. 按逻辑排序

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

5. 避免占位符文本

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

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

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

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

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

8. 解释输入或格式要求

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

9. 避免重置和清除按钮

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

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

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

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

当前题目：模板网站:网站表格的设计原则
浏览地址：https://www.cdcxhl.com/news20/287870.html

成都网站建设公司_创新互联，为您提供网站改版、定制网站、网站排名、商城网站、域名注册、微信小程序

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联