聊聊用户体验视角设计表单的思路

想要将这些复杂信息、组件组装成用户易填的表单，常常会让设计师陷入无限的纠结。笔者聊聊用户体验视角设计表单的思路，希望对大家有帮助，欢迎一起讨论交流。

一、表单是什么

表单是数据录入、数据展示的重要工具。

生活中随处可见，比如面试要填表单、办银行卡要填表单、入库要填表单……

互联网产品设计中也离不开表单，如注册、登录、商品录入、功能设置……

二、表单的内容

表单主要由这四类元素组成：标签、输入域、操作按钮、提示信息。

1. 标签

标签文本主要是解释输入项的含义，一般不宜太长，需要简洁明了，快速让用户理解。

标签对齐方式有左对齐、右对齐、顶对齐、内对齐，都有各自优缺点，不同场景酌情使用。

2. 输入域

输入域是表单的核心，是录入信息的核心交互部分，为了不同信息更易录入会采用不同交互组件；比如：单行文本框、多行文本框、单选框、多选框、数字输入框、金额输入框、日期、日期区间、人员选择、部门选择、图片、文件等。

3. 操作按钮

操作按钮是表单信息录入完成后，继续或取消任务的触发器。

为了让用户视觉聚焦和更快完成任务，操作按钮分为主次按钮，通常主任务操作为主要按钮，次任务操作为次要按钮，并且一个场景中通常只有一个主按钮；比如，提交和取消，保存和取消等。

4. 提示信息

录入提示：帮助用户更具象的理解录什么怎么录。

帮助提示：表单中如果标签信息无法让用户理解，可以提供帮助信息让用户更准确的理解，通常在标签的前/后有一个帮助按钮，点击/鼠标悬浮按钮出现有帮助信息的弹窗；其他还有页面帮助信息，新手引导帮助信息等。

错误提示：帮助用户理解哪里错了和怎么做正确。

三、设计思路

表单设计目标：让用户更轻松获取表单信息，更容易懂，更快速完成表单信息录入任务，如果还能让用户过程很愉悦就更秒了。（用户体验视角）

设计方法：通过降低用户行为负荷，提高表单设计的用户体验。

行为发生的常规路径：通过视觉输入信息到大脑 （视觉）— 大脑消化信息（认知） — 采取动作（动作）。