作为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)一些导入成功的问题
导入数据时会报告错误,通常是一些数据。有很多方法可以提示错误的数据:
方法1:
如果导入数据成功,会直接显示错误信息,不支持在线修改。这种方法开发实现简单,但是实际用户需要逐个比较导入的模板中哪些数据是错的,体验不是很好,如图5所示。
图5导入e
方法二:
如果数据导入成功,直接显示错误信息,支持直接修改。但是,这种方法通常适用于数据量较小的情况,如图6所示。可以直接修改弹出列表中的信息,修改后提交。
图6导入错误修改
通常情况下,导入提示支持直接修改。上述情况只是其中一种,还有许多其他方式,如:
1.导入上传失败后,系统会提示失败的内容,跳转到新的页面进行处理,通过【修改】按钮弹出窗口进行修改。这种方法对于需要分页的有错误的数据是友好的。
2.还有一些数据量很小的导入。导入上传时,支持用户查看要导入的信息,确认无误后再导入…
模式3:
当成功导入数据时,从文档中下载错误信息,然后重新修改错误信息,然后导入。这种方法适用于一些数据量很大的文件,如图7所示。
图7错误文件下载
下载错误报告后会显示一些错误提示或者直接在线修改。但是如果数据量很大,直接下载错误文件就够了。不建议添加另外两个。
5)导入后的数据修改
有两种方法可以修改导入的数据:
1.直接在列表中修改。这种方法适用于小数据修改。
2.导入并修改。直接采用进口改装应根据实际情况确定:
(1)覆盖原始数据;
(2)如果有重复标记且不支持导入覆盖,只有在提供删除功能后才能重新导入数据。
2.1导入过程中的相关交互提示加载和导入过程中的相关提示可以说是通用规则,作为提升用户体验的一种方式是必不可少的。
1.如果数据庞大且导入耗时,可以通过进度条显示,或者像百度网盘一样下载显示预计时间,避免用户等待的焦虑。
图8导入进度条
2.如果数据是轻量级的,可以通过加载模式直接显示导入。
图9导入加载方式
除了加载过程中的交互风格,导入失败和导入成功的相应提示文案也是必不可少的。毕竟要做好一个功能的开始和结束,用户必须要有参与感。
三。总结以上是对近期B端导入功能遇到的一些问题的总结。导入功能看起来很普通,但其实设计的时候有很多小细节要考虑,这里还有很多细节没有考虑完全。以后会踩坑,提高相关认知。
本文最初由@发布个个个个个个个个个个个个个个个个个个个个个个20010未经许可禁止复制。
来自Unsplash的图像,基于CC0协议。