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

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

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

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

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

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

首先,交互流程

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

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

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

请点击此处输入图片描述

  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)

作者:山晓

 

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/19274/

(0)
iouedioued
上一篇 2017-03-21
下一篇 2017-03-21

相关推荐

  • Microsoft将向合作伙伴开放 Windows Holographic,官方放出的宣传片

    Microsoft将向合作伙伴开放 Windows Holographic,以下为官方放出的宣传片,巨硬爸爸一出手果然不同凡响。 【微软向合作伙伴开放 Windows Holographic,打造混合现实新时代】魔术师妙手生花,孙悟空腾云日行万里,…

    2016-06-03
  • O2O/商场权限管理系统设计方案

    一、管理权限分级概览 二、管理账号管理逻辑 三、账号权限定义 管理账号预设角色分为四种:超级管理员、商场管理员(独立收银)、商场管理员(统一收银)、店铺管理员; 超级管理员: 具有商场后台所有功能的权限,…

    2017-12-28
  • 『小米只卖产品 不卖节操』雷布斯站在巨人的肩膀上做了什么?

    文章来自设计癖 2014 年 12 月 9 日,小米又一次涉嫌抄袭。这一次的对象,是日本巴慕达公司的 AirEngine 安之风空气净化器。同样的专利许可授权纠纷,同样深表遗憾的回应。巴慕达与曾经的魅族、年初的 Pressy 以及…

    2014-12-27
  • 面向友好用户体验的交互设计:刘老师课件精简版

    浏览网页、手机拍照上传朋友圈、用自动售卖机购买饮料,我们无时无刻地与周边的产品或服务发生着交互。使用过程中的每一个身心感受就是一次交互体验。随着信息科技的发展,各种新产品和交互方式层出不穷,人们也越…

    2015-11-22
  • Apple Watch APP设计第一课:了解Apple Watch视觉和设计原则

    在我们可以开始设计一个Apple Watch应用之前,要先理解其背后的视觉和设计原则。Apple Watch有三个重要主题:个人,整体,轻量级。如果想设计一个具有惊奇体验的应用,还有一个你应该考虑但苹果公司没有提及的,即 …

    2015-09-29
  • Facebook 改变「点赞」背后的故事

    Facebook 在上段时间做出了一个改变,堪称是最近科技界的最重磅的新闻之一,那就是他们改变了自己实施已达 7 年的「赞」的功能,增加了 5 种新的回复选择。从某种程度上说,这是 Facebook 近几年在自身产品设计上迈…

    IxD案例 2016-03-03
  • 我手机里的应用设计体验

    最近养成了一个习惯,看到手机应用的一些设计点,自己觉得好或者不好的时候就会截图下来,翻了一下手机已经存了一堆图片了,就干脆发出来吧。 应用更新通知弹窗 应用更新弹窗是几乎每个应用都会有的一个模块,但是…

    2016-06-27
  • 【推荐】交互设计工作记录知识总结

    交互细节小结: 1.用Axure画线框图的时候,线框图网页要多大尺寸? 答:让页面缩放至100%,网页伸缩至适合电脑屏幕大小的尺寸,一般也就是真实网页的实际大小,因为很多时候这份线框图要发送给某个没有Axure的领导…

    IxD案例 2015-11-24
  • Material Design UI质感设计动画交互设计欣赏

    质感设计(Material Design),是谷歌推出的设计语言,可以在用户界面产生动画,并且动画都是仿照真实的物理世界所产生,而且这套设计语言是跨平台和设备的。简而言之,质感设计是一种简单的方法创建很快的应用程序…

    IxD案例 2015-11-16
  • [自译]企业UX案例研究:在紧张期限内提高可用性

    在四个月的时间里,LiquidPlanner塑造了一个新的dashboard模板功能,这让用户印象深刻,并且有很高的使用率和很好的商业效益。

    2016-08-24