移动端标签
如何进行表单体验优化-中台系统|UI-网页|观点|熊细辉Neo - 原创文章 - 站酷 (ZCOOL)
数据表格设计|UI-其他|教程|Hi_Nick - 原创文章 - 站酷 (ZCOOL)
一.概念&结构梳理
1.1表单结构
一个完整较复杂的表单是由7个基本组成部分（pc产品案例）
- 表单类别、表单标签、表单基本组件、占位提示、帮助信息、按钮、校验
1.2表单类型
- 表单大致分为三种类型：基础表单；分步表单；分组表单
1.3注意体验点
- 必填项——符号&占位提示
- 必填项可以用红星来标示，但是太多必填项会干扰用户阅读。在这个场景下可以选用占位提示框里写文案的方式来解决这个设计问题。
- 浏览喜欢决定——单列布局&多列布局
- 在使用多列布局设计方式时候，要考虑考虑字段之间的关联性
- 校验时机器
- 为了避免用户在提交时表单时出现大面积的报错问题，设计师可以使用实时校验的交互形式
- 错落有志的排版——用户又心理预知
1.4 排版&布局(重要）
- 板式自适应注意的点
- 1.将关联性强的字段分组
- 2.设置字段宽度梯度（删格化）
- 表单的文案对齐问题-三种对齐方式
- 表单字段 顶部 对齐
- 表单字段 右 对齐
- 表单字段 左 对齐