数据导入功能,怎么设计用户体验更好?

数据导入功能,算是产品设计中最常见的功能之一了,一个好的数据导入功能能大大的提高用户的工作效率和满意度,反之则让用户觉得平台不好用,甚至放弃使用产品。

日常数据导入,大家是不是就放一个文件上传的按钮,用户点击选择对应文件,然后点击确定,即可将文件上传成功到平台?

今天就给大家一个样例模板,设计出一个让用户体验感更好的数据导入功能。

一、分析问题

首先我们拆解分析一下数据导入的流程,然后我们逐步优化。

之前的数据导入流程:下载模板–文件选择–数据上传–上传成功。

用户其实不知道自己上传数据的准确性,有时候文件过大,用户不能关闭当前传输窗口,只能在当前页面一直等待,耽误其他工作。

相对完善的流程是:下载模板–文件选择–查看确认数据–数据上传–上传成功。

下面我们针对完善之后的流程,对其功能操作进行详细的介绍。

二、流程优化

1. 下载模板

提供模板下载功能,然后针对模板,产品经理要对模板里面的字段做一些限制,字段的限制同平台,比如选择项,那就提供一些标准的选择项,供用户去选择;数量限制只能输入数字,并且限制最大数量等等。如果有经纬度,可以设置经纬度的正常范围。

2. 文件选择

支持点击选择或拖拽文件上传两种模式上传方式,并且下面文字提醒,如果是excel,提示只能上传一个excel的文件;

本地选择,只展示excel文件,其他格式的文件自动过滤;

拖拽上传,如果拖拽的不是excel的文件,提示文件格式错误,请确认后重新上传。

上传完成后,显示上传的文件名称,如果上传错误,也可以删除重新上传。

3. 数据确认

上传的数据,右侧可以进行实时查看,并且下面通过预检错误信息列表可以提醒出哪个字段必填的,可提示出:某行某个字段必须有值,请检查。

因为我们ecxel设置格式时,不能设置哪一项是必填项,但是可以通过预检错误信息列表提醒用户。

当预检错误信息列表中检查出对应错误时,开始上传数据按钮置灰不可点击,用户确认数据无误没有错误后,方可点击,进行数据上传。

点击开始上传数据,弹窗再次让用户确认,确认将数据上传至平台?点击确定,会跳转至下一步,点击取消,弹窗消失。

4. 数据上传

如果只是纯数据字段,一般文件不会太大,直接传输即可,统计显示总的数据条数,导入成功的数量,失败的数量,然后显示进度条,展示上传的进度。

如果文件很大,可以用异步处理的方式,后台需要要设计专门的地方展示任务进度,上传成功,用公告通知用户。

作者:晨阳产品笔记
前阿里系高级产品经理,专注G端产品设计,公众号“晨阳产品笔记”。

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部