表单设计的基本原则

阅读时间：1min

表单设计的基本法则

在工作与生活中，我们每天都会接触到表单，请假要填单，费用报销要填单，网上购物要填单，申请贷款也要填单，在互联网迅速发展的今天，我们已经从线下手写填单转变到网上填单或者手机上填单。表单主要负责数据采集功能，常常是很多应用赖以生存的关键，优秀的表单设计，能够让用户感觉心情舒畅，迅速而轻松的完成填写；糟糕的表单设计，会让用户产生挫败感。

原则

减少用户操作（OCR文字识别，票据免填字段）

减少用户思考（标签易于理解，流程简洁）

减少操作误差（及时效验，提示语，警示语）

 

审批表单设计思考

审批将公司日常行政管理与业务审批流程电子化，通过移动审批进一步提高内部效率。

审批表单特性：线下业务审批场景—线上电子化审批—线下存档。

审批用户群体分析

企业普通员工：填写单据，提交审批

企业经理人：审核单据，进行决策

审批管理员：管理审批模版、配置审批流程、设置节点等

企业日常审批存在的问题

员工不知道怎么填写审批单

审批管理员配置流程门槛高，上手难

目标

让员工迅速并且轻松地完成填写，提高审批效率

让企业管理员能轻松还原线下审批场景，快速配置审批流程

 

解决方案

好的填单体验来自好的合理的表单元素和填写流程，我们将表单与用户进行对话，分析和合理利用表单构成的元素，用适当的错误提示、即时校验等交互方式帮助用户理解表单内容，快速填写，从而提高审批效率。

 

表单通常由以下元素组成：标签，输入框，动作，帮助文字，错误与提示等

1. 标签（简洁明了）

 

2.输入框（“默认值”“提示值”）

在进行信息录入的过程中，我们要保持输入框的独特性（录入前、录入中、录入后）：录入前和输入中 我们要使输入框高亮、沉浸、悬浮、等方法，让用户只专注于当前的录入，录入后要给出反馈，是录入失败还是录入成功，当然这个要根据产品的特点，来进行控制。

 

我们在设计的过程中，要尽量减少用户的输入次数，有些信息，我们可以通过自动补全，或者提供默认值等方式减少用户的输入时间，毕竟用户输入信息只是一个过程。

 

3.动作（次动作通常会造成不良的后果，所以为了避免用户误操作，可以减弱次动作的视觉表现，潜在出错率就会降到最低，从而引导人们成功完成表单填写。我们用按钮颜色区分主动作与次动作，并按照填写顺序，将按钮与输入框对齐。）

4.帮助文字

5.错误与提示

 

 

6、录入信息的分组

将同类信息进行分组，这样即使是很多的信息叠加在一起，用户在输入上的心理压力也会大大减小。

7、尺寸和录入量、格式

很多数据已经证明根据内容作出适当的尺寸，能够大幅减少用户的不确定性，以及一些特定的信息（手机、银行卡等）采用特定的录入格式都会让用户的体检更加良好。

8、自动配置

我们在设计的过程中，要尽量减少用户的输入次数，有些信息，我们可以通过自动补全，或者提供默认值等方式减少用户的输入时间，毕竟用户输入信息只是一个过程。

9、提高反馈报错和帮助信息的可见度

但用户在输入信息的过程中，当遇到磕绊或者提示时，证明用户正处在迷茫的状态，这时候表达要发挥它的易操作、易理解、以及可见性，来进行指导用户走出迷茫。

总结：好的表单设计，在使用上是高效的，友好的，体验统一的。因此在设计的初期，要对录入信息进行一个充分的了解，这样你的稿子才不会一审再审。

【日常学习所收藏内容】