交互案例：文件下载过程中的细节问题

细节思考是交互设计师的基本素养

今天给大家分享关于文件下载过程中所需要思考的细节问题

说到文件下载，就是下载前、下载中、下载后三种状态

可是三种状态不代表以上三张页面，还有背后种种的细节思考

首先，交互流程

即在用户在下载文件过程中的所有可能遭遇的情境设想

一、下载前，在用户看到下载文件到用户开始下载流程的这个阶段，需要思考的细节有：

请点击此处输入图片描述

1. 判断该文件是否过期或被清理？过期的机制如何设计？
2. 判断用户是否处于Wi-Fi环境？拓展问题，文件大小大于多少的时候进行网络判断？
3. 判断该文件是否成功从服务端获取？
4. 判断用户设备是否有足够的储存空间？

二、下载中，即用户在以上条件皆满足之后进行下载的过程中，需要思考的细节有：

请点击此处输入图片描述

1. 用户手动取消下载怎么办？
2. 用户在下载过程中点击返回上一层页面怎么办？
3. 用户在下载过程中程序退至后台怎么办？
4. 用户在下载过程中杀进程怎么办？
5. 用户在下载过程中有网络变化怎么办？

三、下载后，下载完成之后，需要思考的细节有：

请点击此处输入图片描述

1. 用户处于哪个页面？
2. 是否支持预览？
3. 下载失败怎么样？
4. 是否还有其他操作？

其次，内容功能

即在用户在下载文件过程中涉及所有页面的内容功能梳理

一、下载前，在用户看到待下载页面及所遇到的文件清理提示、网络环境提示、服务端获取提示和储存空间提示几个页面的内容功能的细节有：

请点击此处输入图片描述

1. 待下载页面包括哪些核心内容？文件名称、大小、格式以外是否有图？有内容透出？
2. 待下载页面的文件有几个状态？未下载？下载中？已下载？
3. 待下载页面是否有主人态和客人态的区分？
4. 所有的异常情况的处理是否统一？

二、下载中，在下载页以及页面操作之后的变化的内容功能的细节有：

请点击此处输入图片描述

1. 下载中点击取消之后，页面操作有无变化？
2. 下载中用户退至后台，是否有实时下载状态提示？
3. 下载中用户返回上一层页面，是否有实时状态提示？

三、下载后，在下载页以及页面操作之后的变化的内容功能的细节有：

请点击此处输入图片描述

1. 如果不在下载页面，下载成功该如何通知？
2. 不支持预览的情况怎么办？iOS和安卓端是否要区别处理？
3. 下载之后还有哪些功能？功能操作之后怎样反馈？
4. 是否有主人态和客人态的功能区别？

最后，细节细节

即在用户在下载文件过程中涉及所有页面的信息展示和传达

一、下载前，页面的信息展示细节有：

1. 待下载文件展示内容，格式图有哪些？不识别的图怎么展示？文件名称文案怎么展示？多少几行？在哪里截断？数据的位数展示及进制规则？
2. 特殊状态提示采用哪种方式？toast？tips？snack bar？
3. 操作提示和操作文案是否表达简洁、清晰、易懂？
4. 文件多久过期？清理机制是什么？

二、下载中，页面的信息展示细节有：

1. 下载中点击取消之后的button状态如何？进度条状态如何？
2. 下载中点击取消之后的提示文案是如何？比如是重新加载or重新下载？
3. 点击返回之后回到原页面，下载反馈如何提示？
4. 点击返回之后回原页面，下载反馈之后的操作怎样？

三、下载后，页面的信息展示细节有：

1. 多个附件同时下载，下载反馈如何区分？
2. 点击返回之后回到原页面，下载反馈如何提示？
3. 点击返回之后回原页面，下载文件不在当前屏怎么提示？

最后的最后，结论

以上就是在文件下载过程中的细节思考，总结一下就是流程是否完整，随流程变更每个页面的内容功能是否变化，以及全流程中每个页面的信息排布。

欢迎交流分享，感谢阅读，晚安，祝好

文章来源：邮件投稿（admin@iamue.com）

作者：山晓