交互学堂
专注分享专业知识

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

起点学院

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

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

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

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

首先,交互流程

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

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

请点击此处输入图片描述

  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)

作者:山晓

 

未经允许不得转载:IAMUE_专业交互设计平台 » 交互案例:文件下载过程中的细节问题

交互设计问答社区

寻找答案发起提问