认识达内从这里开始

表单的应用在许多网页和app开发项目中都是非常常见的一个功能，掌握不同的表单设计方法能够让UI设计师满足更多的设计场景和设计需求，下面我们就简单来了解一下，表单设计都有哪些特点。

键盘匹配

根据表单填写类型的不同，自动匹配键盘类型。如“中文输入”呼出中文键盘，“姓名(英文)”输入呼出锁定大写的英文键盘，“手机号码”输入呼出数字键盘……免去用户切换键盘操作的步骤。

同时根据填写步骤，合理的定义键盘右下角的功能键，帮助用户实现换行/完成的操作，省去用户收起点开键盘的重复动作和表单上下填写项的切换，让填写表单的过程更为顺畅，用户思考不被打断。

按钮层级

在用户面对多个按钮的场景选择时，我们应当帮助用户预先区分出主要行动和次要行动，通过视觉语言强调主要按钮，弱化次要按钮，引导用户进行选择。

二次确认

因移动端特性，用户在填写场景较为不稳定如吃饭途中、行驶途中等，当用户花费精力填写了部分表单信息后，为了防止用户误操作而丢失已填信息的场景，需要在此时进行二次操作确认，确认用户操作意图。当然，如果用户没有对表单进行任何编辑，这样的退出操作是不需要二次确认的。

多行文本

在复杂表单中，面对填写内容过长的同类表单，用户会在预览时产生输入压力。运用字号、颜色、间距等视觉手段将相似层级的信息进行逻辑分组，帮助用户更好地区分多行文本的信息层级，便于输入。

号码组合规律

对于一些常用的号码字段，可以采用线下通用的数字组合规律帮助用户阅读和记忆，如电话号码的组合规律为344，银行卡号的组合规律为44443。空格在数字呈现处的应用虽然细微，但是在长数字的阅读场景中仍能给用户带来识别便利。

选项露出

在网页端表单设计中，用户在表单填写中需要对选项进行选择时，常用的交互形式是在选择器的下拉列表中进行选项的二次点击。而在移动端设计中，触发选择器后的二次点击会增加用户的填写成本。所以在设计时，当选项少于8时，在表单中直接显示所有可选项，当选项超出过多时则在列表浮层中进行选择。

减少页面跳转

在表单填写中我们期望用户保持专注，尽量避免产生引导用户离开当前页面的填写交互，这种交互跳转很容易打断用户固有的行为轨迹。因此运用浮层、弹窗等交互来完成辅助信息的采集是我们较为推崇的交互形式。

关联标记

当用户提交表单信息后，如已填写的内容有偏差，需要明确的标记有问题的数据及错误原因，帮助用户找到问题并解决问题。杜绝报错信息描述模糊，信息不关联的报错信息引发用户困惑。

实时校验

在某些业务场景中，为了帮助用户在提交信息前校正他所填写的内容，避免大面积报错场景的出现。我们可以使用实时校验的方法，在用户输入完成后进行判断及结果反馈，如登陆注册流程的验证码校验就可以运用实时校验的报错方式。

当然需要注意的是，运用实时校验的表单需在用户明确离开此项输入状态时再进行结果反馈，而非在填写过程中进行实时校验，避免出现填写时持续报错的情况。

密码保护

在输入密码的表单中，部分平台会在密码输入时显示暗文字段以此保护用户隐私，而鉴于前述七条准则，移动端的密码已简化至只输入一次，暗文的显示会让用户无法确认所输密码信息。因此在需要隐私保护的场景下，我们需要完善密码交互的呈现形式，当输入时，输入位短暂显示为明文，保持1秒或者保持到下一位密码输入后再变成暗文，这样的交互改善可以确保用户在输入中明确内容，也满足了其隐私需求。

提交反馈

在用户完成整个任务环节时，提供成功或失败的反馈能让用户在枯燥的表单填写后有更强烈的情感反馈。所以在设计时，我们需要提供正向的激励夸赞用户表单填写成功，在表单没有完成时鼓励用户修改内容，重新提交，不可以负面情绪责怪用户。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。