说米网

表单在网页规划、例爱名网app或许软件界面傍边被广泛的运用，因此表单规划是个比较重要的作业。一个好的表单，不仅仅是界面规划上的表现，表单的交互和体会也尤为重要。本文总结了表单规划的八大技巧，希望对我们有所协助。

1、表单标签需选用适宜的展现方法依据表单的运用场景，标签应选用对应的展现方法，常见的展现方法有以下三种：左标签、顶部标签、行内标签。

A. 左标签在一些网页表单傍边，标签局左是最常见的一种方法。左标签的展现方法给人一种次序感，也便于用户在填写表单的过程中快速的区别标签内容。左标签的这种方法一般用于网页傍边，不适合在手机端或许小屏下的移动端出现，因为小屏幕的尺度有限，标签居左会占用较大的空间，输入框就会受限。

B. 顶部标签顶部标签指的是标签坐落输入框上方，这种方法一般出现在一些移动端傍边。顶部标签能够使输入框的宽度变大，用户在填写信息也能够比较得到完整的展现。但这种布局方法也有一个缺不好的点，便是这个表单可能需求滚屏，用户才能够看完。

C. 行内标签行内标签常常出现在手机端的注册界面傍边，这样的规划能够节省页面空间，所以大部分app的界面规划都选用这样的规划。当然，部分网站pc端的表单规划中也会用到这种规划。

2、英文标签防止悉数大写一些英文界面的表单规划，咱们要防止标签的全大写。悉数大写的标签容易形成阅读和阅读上的困难。

3、特别标签需运用适宜的输入框长度关于特定的标签，像验证码、邮编这样的标签，在规划的时分需求选用适宜的输入框长度。究竟这样的输入框是用户可预见的，所以输入框的长度能够不需求太长。

4、复选框摆放需注意在表单中常出现复选框的规划，这样的情况需求特别处理。比如在注册的过程中，会有性别的挑选，所以一般规划该表单的时分咱们会将男女横排在一行。可是关于内容多的情况下，就主张选用竖排的排序方法。

5、主按钮和辅按钮需求清晰的区别在表单提交的时分，出现多个按钮的情况下，需求做清晰的区别，这样有利于用户在操作过程中方便区别操作过程。

6、提醒文本规划需求清晰用户在填写表单的过程中，关于输入的错误信息需求有协助的提醒文本，关于较为杂乱的提示文本需求做一个躲藏图标。

7、必填项需用*号做好标明有些表单内容较多，能够选用*号标注几个必填项来让用户缩短表单的填写时刻。

8、特别标签的可选项规划关于出生年月日、区域等特别标签，最好规划成可选项，减少用户的运用成本。

一个好的表单规划，需考虑到用户的方方面面。而好的用户体会还要尽可能的简化操作过程，悉数手动输入的模式费时费力，对用户来说也不是一种友好的体会。所以表单的规划，需求满意界面上美感的一起还需求考虑到用户体会。

现在实践分析几个事例：

事例一：蝉知注册界面我们能够实践操作下，注册界面比较简练，标签都选用居左标签的规划方法。是个比较不错的表单，可是个人觉得公司/组织那一项能够省掉，究竟不是必填项。

事例二：国外英文注册界面这个网站的表单规划也比较简练，可是有个严重的弊端，便是Account和Password标签的填写框内提示信息太长，以至于后面部分重要内容被躲藏了。这个其实不利于用户体会，刚好在三位数和六位数的方位躲藏掉，用户不能第一时刻做出精准的判断。其实规划师大能够把填写框的宽度增加一些，或许把填写的提示内容精简下，这样能够事半功倍。

事例三：某规划官网(这个不附链接了)因为这是一个反例，所以小编把相关信息模糊了。改网站的注册按钮进去之后，居然显现要加群才能够获得邀请码注册，所以小编加了群，进群要邀请码却没有答复的。整个过程体会下来不是特别舒服，之后那个网站小编再没有打开过。

表单虽然在整个网站或许app中占比不高，可是表达足能够体会交互的一些细节体会。一个不好的表达规划可能会让运用者抛弃该站点，比如文中提到的事例三。本文提供的几点规划表单的技巧，希望能够协助我们提高表单的用户体会和转化率。