表单主要由五个元素组成，分别是：标签、提示、输入框、动作、输入反馈。每个元素的合理程度决定了表单是否易用。

标签/提示

移动界面寸土寸金，为了保持页面干净、呈现内容多，我们往往会选择把标签以及提示文案放到输入框中。但是框内提示的缺点也很明显： 一旦输入框获取点击焦点，提示文字就消失了，用户不再能看见它， 这会让用户产生短期记忆的压力而增加错误的机率。那我们考虑另一种提示方式——在输入框下方做简短的常驻提醒。对于规则说明类的提示文案采用这种样式，会让用户在用户输入过程中会更加亲切易用。

 但是，这点对于标签就没有什么适用性，因每个输入框基本都需要一个标签说明，若将标签放在输入框上方or下方，都会极大占用空间。因此，我们采用了浮动标签的形式。浮动标签是一个迅速获得普及的新的交互设计方式，用户开始输入后，标签升到上面，也是解决了提示内容消失的方法之一 ，同时又增加了趣味性。

这里其实是页面简洁度和易用性的博弈，取得两者的平衡才是好的设计。

输入框

键盘类型与文本输入的匹配

对于只包括数字的字段（手机号码、验证码等），可以使用数字键盘， 更大的点击目标使用户可以用更小的精力输入。

对于不支持表情/汉字的字段（用户名、昵称等），在键盘内做屏蔽，可省去让用户阅读提示文字的步骤、增加友好性。譬如国际版SDK V1.0的设计中，最初的方案需要对昵称输入框做很长的一段文字说明：32个字符内、支持数字字符及汉字、不支持表情包…当开发通过程序将表情禁用后，提示语就可省去了。

在输入框内用程序限定输入字数

对于较为宽容的字数限定，也可通过程序写在输入框内。像前面提到的昵称限定32个字符，这可能是一个 80%的用户不会触及的字数限制，所以我们选择了让用户只能在框内最多输入32个字符的限定方式。

邮箱预填充

预填充是指在邮件地址字段中提供一个常见邮箱域名的列表，预填充的最多可以节省12次按键，这种交互方式已经很常见。

避免重复填写

注册时，对于密码是否要输入两次的问题，网上已经探讨得很多了，属于公说公有理婆说婆有理的话题之一。在设计中，我想尽量减少用户输入成本、避免消耗用户耐心。因此，选择在注册和重置密码时，采用密码明文的形式，让用户对自己的输入内容有很强的感知和可见度，尽量减少无意识输错的情况出现。

动作

在表单中，动作按钮往往是一些下一步、提交、确认等操作，这类操作都会涉及数据提交、后台校验等等，因此会出现“登录中”、“校验中”等过渡状态。这类状态通常是以toast样式告知用户、并起到阻断操作的作用，美观度略差。因此，在国际版SDK设计中，采用了多状态按钮的形式，即触发提交动作后，在按钮上显示提交过程，减少了用户眼动距离，又减少了toast提醒出现的次数 。

输入反馈

多状态按钮

输入反馈主要一部分就是出错提醒。出错提醒本身就是一个很不友好的信息传达，我们应在可实现的程度上，尽量减少让用户碰到出错提醒的情况。因此在国际版SDK设计中，采用了按钮禁用/激活模式，在有内容输入的情况下，按钮才激活可点击，有效规避了内容为空的出错提醒。

舍弃传统toast提醒

国际版SDK中，没有采用传统黑膏药似的toast，而是采用屏幕顶部滑出的样式，即增加了toast可显示的字符数，又更加友好、美观。

总结：在内容消费类APP中，表单90%的情况下都是一次性的——填过便不需要再填了，但是表单和用户的交互程度很高，是最能体现app友好性和易用性的地方；特别对于登录注册类内容，可以说是app的门面，做好表单设计，算是奠定了基石。