发布时间：2022-8-22 分类： 电商动态
表单广泛用于网页设计，应用程序或软件界面，因此表单设计是一项重要的工作。一个好的形式不仅是界面设计的体现，也是形式的互动和体验。本文总结了表单设计的八种技巧，希望对大家有所帮助。
1.表格标签需要采用适当的表格形式。根据表格的应用场景，标签应采用相应的表格形式。常见的显示形式如下：左标签，顶标签和内联标签。
A.左标签在某些网页表单中，标签左边是最常见的表单。左标签的显示形式给出了有序感，并且用户在填写表格的过程中快速区分标签内容也是方便的。这种左标签形式通常用于网页，不适合出现在移动端或小屏幕下的移动屏幕上。由于小屏幕的尺寸有限，标签的左侧占用空间大，输入框有限。
B.顶部标签顶部标签是指输入框上方的标签。这种形式通常出现在一些移动终端中。顶部标签可以使输入框的宽度更大，用户也可以比较信息以获得完整的显示。然而，这种布局方法还有一个缺点，即在用户完成阅读之前可能需要滚动表单。
C.在线标签在线标签经常出现在手机的注册界面中。这种设计可以节省页面空间，因此大多数应用程序的界面设计都采用这种设计。当然，这种设计也将用于某些代购源码网站的表单设计中。
2，英文标签避免了一些英文界面表格设计的全部大写，必须避免标签的大写。所有大写标签都易于阅读和浏览。
3，特殊标签需要使用相应的输入框长度为特定标签，如验证码，邮政编码，设计相应的输入框长度等。毕竟，这样的输入框是用户可预测的，因此输入框的长度不需要太长。
4，复选框应注意复选框的设计经常出现在表格中，这种情况需要特殊处理。例如，在注册过程中，会有性别选择，因此我们通常在设计表单时将男性和女性排成一排。但是，在内容很多的情况下，建议使用垂直排序方法。
如图5所示，需要清楚地区分主按钮和辅助按钮。当提交表单时，当存在多个按钮时，需要明确区分，这便于用户在操作期间容易地识别操作步骤。
6，提醒文本设计需要在填写表单的过程中明确，用户需要帮助提醒文本输入错误信息，对于更复杂的提示文本需要制作隐藏图标。
7.必填字段必须标有*以表示某些表单包含更多内容。您可以使用*标记几个必填字段，以允许用户缩短填写表单的时间。
8.特殊标签的可选设计对于特殊标签，如出生日期，面积等，最好将它们设计为降低用户使用成本的选项。
良好的表单设计需要考虑用户的所有方面。良好的用户体验还应尽可能简化操作步骤。所有手动输入模式都是耗时且费力的，并且对用户来说不是友好的体验。因此，表格的设计需要满足界面的美感，同时还要考虑到用户体验。
现在实际上分析了几个案例：
案例1：注册界面可以在正常操作下操作。注册界面相对简单，标签全部采用左标签设计。这是一个很好的形式，但我个人认为公司/组织可以省略，毕竟，它不是必需的。
案例2：国外英文注册界面本代购源码网站的表单设计也比较简单，但有一个严重的缺点，就是账号和密码标签填写框中的信息太长，所以一些重要的内容被隐藏在后面。这实际上不利于用户体验，只是隐藏在三位数和六位数的位置，用户无法在第一时间做出准确的判断。事实上，设计师可以增加填充盒的宽度，或简化填充提示的内容，这样您可以用一半的努力获得两倍的结果。
案例3：设计官方代购源码网站（未附上）因为这是一个反例，小编模糊了相关信息。更改代购源码网站的注册按钮后，实际显示您要添加组以获取邀请代码注册，因此小编添加组，并且组邀请邀请代码但不回复。整个过程体验不太舒服，代购源码网站尚未开放。
虽然整个代购源码网站或应用程序中的表单不高，但表达式足以体验交互的一些细节。糟糕的表达式设计可能允许用户放弃该站点，例如文章中提到的案例3。本文提供了一些设计表单的技巧，希望能帮助您提高表单的用户体验和转换率。
