百木园
做为B端产品人，常常碰到导入功能，虽然是一个小功能，但是在规划的时候，也遇到很多坑，此处用于复盘一个导入功能。
一、导入功能分析
一个完整的导入功能，通常会有几个关键要素：导入模板、导入报错信息、导入过程中相关交互提示，图1为完整的导入功能流程图。
图1 导入功能流程图
在设计一个导入功能的时候，主要围绕关键要素进行展开：
1、导入模板：支持用户导入模板下载；
2、导入报错信息：导入数据错误后，支持用户查看导入报错信息；
3、导入过程中相关交互提示：导入过程中的相应加载样式，以及完成导入或失败导入的对应提示。
二、导入模板下载
通常，产品要提前设计好一个导入模板，规则清晰，提示明确，方便用户进行操作。
前期产品经理针对用户需求，提炼所需要导入的字段，所需要的导入字段有了之后，在设计导入模板时，常常有如下设计要点：
1、模板标题；
2、填写须知描述；
3、导入示例，提示用户按此示例仿照填写；
4、必填、选填字段区分；
5、时间格式规范，如常见的时间格式有2022-07-27、2022/07/27等等；
6、特殊符号限制，比如中英文括号等；
7、固定选项，设计下拉框的格式，不让用户手输；
8、涉及金额等数值的栏位，要标注清楚单位；
9、限制输入格式及文件大小，防止文件过载，导入失败，可在特殊规则描述中指明。
具体模板范例类似如图2，填写须知处可根据实际业务场景说明。
图2 导入模版示例图
备注：
此处模版填写须知中涉及的的单个文件导入不超过5000行，应根据实际开发情况而定，一些设定也可能是通过判断文件大小，而非文件行数。
2.1 导入模板错误处理
模版导入过程中，一旦出现导入报错，要针对不同的错误类型，给予不同错误提示。让用户明确应该怎么修改，图3是一些常见的报错信息。
图3 导入常见报错
1）数据报错提示优先级
一个导入数据，可能同时存在多个错误信息，规定好每个错误信息的优先判定条件，报错提示时，通常根据错误信息的优先级，每次提示一条错误原因。用户重新修改后，如果还有其他错误原因，则根据新的错误原因，重新修改重新提交。
此处虽然也可以一次性显示该数据的所有错误原因，但这种提示方式，一旦数据较多，对开发而言，关联校验较为复杂。
2）处理数据重复问题
数据重复问题，可以通过覆盖、跳过或上传失败进行处理。根据不同的使用场景，选择不同的方式：
- 若没有提供错误信息，显示上传失败，避免用户修改时，修改了正确数据，反而错误数据没有修改到；
- 若覆盖后不造成影响，可以直接覆盖导入；
- 若数据存在唯一编号，不允许重复的情况，可在导入过程，系统直接跳过，在相应的报错提示中，提示清楚错误编号及错误原因。
3）特殊字符注意事项
导入过程中，除了上面提到的常见报错类型，还需要考虑是否需要过滤空格，或者excel可能出现的特殊符号，如’符号（用户有时通过导入模板处理数据时，模版编号栏位中有时会带有该符号，如下图4）。
之所以过滤空格和某些excel常见的特殊符号，主要是防止导入内容进行筛选时，精准搜索匹配不到。
图4 excel特殊符号
4）部分导入成功问题
导入过程中的数据报错，通常是部分数据报错，提示错误数据的方式有多种：
方式一：
导入成功的数据，错误信息直接展示，不支持在线修改，这种方式开发实现较为简单，但实际用户需要一个个去比对导入模板中的哪条数据错误，体验不太好，如图5。
图5 导入报错提示
方式二：
导入成功的数据，错误信息直接展示，并支持直接修改，但这种方式通常适用数据量较小的情况，如图6，可以直接在弹窗列表中修改信息，修改后提交。
图6 导入报错修改
通常导入提示支持直接修改的方式，上述情况只是其中一种，还有许多其他方式，如：
1、导入上传失败后，提示失败内容，跳转新页面处理，通过【修改】按钮弹窗修改，这种方式对于报错数据需要分页的比较友好。
2、也有些数据量较少的导入，会在导入上传的时候，支持用户查看即将导入的信息，确定无误后再导入等…
方式三：
导入成功的数据，错误信息采用文档下载的方式，重新修改错误信息后，再行导入，这种方式适合一些数据量较大的文件，如图7。
图7 错误文件下载
有些报错提示，也会在下载错误报告后，加上对应的错误原因展示或者直接在线修改，但如果数据量较大，直接错误文件下载就足够了，不建议加上另外2个。
5）导入后的数据修改
导入后的数据修改方式，有如下2种：
1、列表处直接修改。这种方式适合小数据量修改。
2、导入修改。直接使用导入修改，要根据实际情况判定：
（1）覆盖原有数据；
（2）有重复标识，不支持导入覆盖的，须提供删除功能进行数据删除后，才能重新导入。
2.1 导入过程中相关交互提示
导入过程中的加载和相关提示语，可以说是通用规则，作为提升用户体验的方式，必不可少。
1、若数据庞大，导入耗时，可以通过进度条显示，或者类似百度网盘类的下载，显示预计时间，避免用户等待焦虑。
图8 导入进度条
2、若数据轻量，可以直接通过加载图案，显示导入中。
图9 导入加载样式
除了加载过程中的交互样式，还有导入失败和导入成功的相应的提示文案也必不可少，毕竟要让一个功能的起始结束，都要让用户有参与感。
三、总结
以上是对近期B端导入功能遇到的一些问题总结，导入功能看着常见，但其实真正设计时，有很多小细节需要思考，此处也仍有很多细节未考虑齐全，未来一边踩坑一边完善自己的相关认知。
给作者点赞，鼓励TA抓紧创作！
来源：https://www.woshipm.com/pd/5543901.html
本站部分图文来源于网络，如有侵权请联系删除。