表单可以怎么设计?

2022-07-291212

如果表单长这样,大概以后就可以愉快的填写了吧。 填写表单是每个互联网用户都会有的经历。像常见的注册/登录、网上活动报名、身份信息认证、购物等都需要用户填写表单。如果是冗长复杂的表单,往往会让用户止步或者给用户留下不好用的印象。那么怎样做出简单好用的表单呢? 近期,通过体验表单、查阅相关设计书籍,从提高效率、降低错误率两个方面输出以下建议:

一、提高填写效率

1、规范化表单要素 清晰的文本标签:清晰的文本标签可以更准确的告诉用户需要填写什么信息,必要时候可以采用认知度较高的图标(比如要填写手机号放上手机的图标),辅助客户填写信息。 合理的输入框长度:输入框的大小根据要输入的内容来设计,减少对客户的误导,比如手机号一般是11位,验证码一般是4~6位等。 舒适的点击区:确保用户在点击输入的时候,有效触发区的设置是合理的,而不是区域过小很难点击,或者区域过大,影响整体表单布局。

2、合理组合内容 长形式的表单填写会让用户感到压力,通过对表单内容进行分组,用户可以更快地理解表单。 或者将表单步骤化,显示进度条。

3、便捷填写 OCR识别:利用技术帮助用户填写,减少用户操作步骤,比如填写防控信息需要填写身份信息,可以使用OCR技术识别身份证获取信息并填充。 自动填写:系统已有的数据,不要让用户重复填写,而是让程序自动填充,用户可修改数据。 必填和非必填:当表单的必填项远大于非必填项时,满屏的红色“*”会增加客户的阅读负担、产生焦躁的情绪。所以当必选项过多时,推荐将非必选项表示出来(可选)。

二、降低错误率

1、规范化表单要素 友好的提示:针对输入框的提示,一般在输入框里、下面或者右边。 即时的反馈:即时的验证反馈可以帮助客户控制输入内容在有效范围内。比如设置密码时,要求客户输入的字符长度、字符类型,可以即时的反馈结果给客户,而不是所有信息填写完最终提交才告诉用户。

2、容错原则 自动保存:应对网络异常、服务器异常等偶发情况,为避免用户填了很久的信息被“清空”,建议输入框失焦就保存录入信息。 格式纠错:比如输入日期的格式,如果用户输入的格式不符合系统要求格式,程序自动帮助矫正日期格式。

分享
点赞0
打赏
上一篇:2018年,我们该如何看待微信小程序?
下一篇:这些年,我遇到过的支付名词(二)