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

今天给大家分享关于文件下载过程中所需要思考的细节问题
说到文件下载,就是下载前、下载中、下载后三种状态
可是三种状态不代表以上三张页面,还有背后种种的细节思考
首先,交互流程
即在用户在下载文件过程中的所有可能遭遇的情境设想
一、下载前,在用户看到下载文件到用户开始下载流程的这个阶段,需要思考的细节有:

判断该文件是否过期或被清理?过期的机制如何设计?
判断用户是否处于Wi-Fi环境?拓展问题,文件大小大于多少的时候进行网络判断?
判断该文件是否成功从服务端获取?
判断用户设备是否有足够的储存空间?
二、下载中,即用户在以上条件皆满足之后进行下载的过程中,需要思考的细节有:

用户手动取消下载怎么办?
用户在下载过程中点击返回上一层页面怎么办?
用户在下载过程中程序退至后台怎么办?
用户在下载过程中杀进程怎么办?
用户在下载过程中有网络变化怎么办?
三、下载后,下载完成之后,需要思考的细节有:

用户处于哪个页面?
是否支持预览?
下载失败怎么样?
是否还有其他操作?
其次,内容功能
即在用户在下载文件过程中涉及所有页面的内容功能梳理
一、下载前,在用户看到待下载页面及所遇到的文件清理提示、网络环境提示、服务端获取提示和储存空间提示几个页面的内容功能的细节有:

待下载页面包括哪些核心内容?文件名称、大小、格式以外是否有图?有内容透出?
待下载页面的文件有几个状态?未下载?下载中?已下载?
待下载页面是否有主人态和客人态的区分?
所有的异常情况的处理是否统一?
二、下载中,在下载页以及页面操作之后的变化的内容功能的细节有:

下载中点击取消之后,页面操作有无变化?
下载中用户退至后台,是否有实时下载状态提示?
下载中用户返回上一层页面,是否有实时状态提示?
三、下载后,在下载页以及页面操作之后的变化的内容功能的细节有:

如果不在下载页面,下载成功该如何通知?
不支持预览的情况怎么办?iOS和安卓端是否要区别处理?
下载之后还有哪些功能?功能操作之后怎样反馈?
是否有主人态和客人态的功能区别?
最后,细节细节
即在用户在下载文件过程中涉及所有页面的信息展示和传达
一、下载前,页面的信息展示细节有:
待下载文件展示内容,格式图有哪些?不识别的图怎么展示?文件名称文案怎么展示?多少几行?在哪里截断?数据的位数展示及进制规则?
特殊状态提示采用哪种方式?toast?tips?snack bar?
操作提示和操作文案是否表达简洁、清晰、易懂?
文件多久过期?清理机制是什么?
二、下载中,页面的信息展示细节有:
下载中点击取消之后的button状态如何?进度条状态如何?
下载中点击取消之后的提示文案是如何?比如是重新加载or重新下载?
点击返回之后回到原页面,下载反馈如何提示?
点击返回之后回原页面,下载反馈之后的操作怎样?
三、下载后,页面的信息展示细节有:
多个附件同时下载,下载反馈如何区分?
点击返回之后回到原页面,下载反馈如何提示?
点击返回之后回原页面,下载文件不在当前屏怎么提示?
最后的最后,结论
以上就是在文件下载过程中的细节思考,总结一下就是流程是否完整,随流程变更每个页面的内容功能是否变化,以及全流程中每个页面的信息排布。
欢迎交流分享,感谢阅读,晚安,祝好
本文及配图皆作者原创
转载请注明出处,商业用途请联系作者

网友评论