5表单设计

表单功能无论是在网页设计还是app软件开发领域都得到了大量的使用。

今天运城北大青鸟就一起来了解一下，符合用户体验的表单设计需要满足哪些条件。

1、表单标签需采用合适的展现形式根据表单的运用场景，标签应采用对应的展现形式，常见的展现形式有以下三种：左标签、顶部标签、行内标签。

A.左标签在一些网页表单当中，标签局左是常见的一种形式。

左标签的展示形式给人一种秩序感，也便于用户在填写表单的过程中快速的辨别标签内容。

左标签的这种形式一般用于网页当中，不适合在手机端或者小屏下的移动端出现，因为小屏幕的尺寸有限，标签居左会占用较大的空间，输入框就会受限。

B.顶部标签顶部标签指的是标签位于输入框上方，这种形式一般出现在一些移动端当中。

顶部标签可以使输入框的宽度变大，用户在填写信息也可以比较得到完整的展示。

但这种布局方式也有一个缺不好的点，就是这个表单可能需要滚屏，用户才可以看完。

C.行内标签行内标签常常出现在手机端的注册界面当中，这样的设计可以节省页面空间，所以大部分app的界面设计都采用这样的设计。

当然，部分网站pc端的表单设计中也会用到这种设计。

2、英文标签避免全部大写一些英文界面的表单设计，我们要避免标签的全大写。

全部大写的标签容易造成阅读和浏览上的困难。

3、特殊标签需使用合适的输入框长度对于特定的标签，像验证码、邮编这样的标签，在设计的时候需要采用合适的输入框长度。

毕竟这样的输入框是用户可预见的，所以输入框的长度可以不需要太长。

4、复选框排列需注意在表单中常出现复选框的设计，这样的情况需要特殊处理。

比如在注册的过程中，会有性别的选择，所以通常设计该表单的时候我们会将男女横排在一行。

但是对于内容多的情况下，就建议采用竖排的排序方式。

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