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

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

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

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

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

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

首先,交互流程

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

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

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

请点击此处输入图片描述

  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

相关推荐

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

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

    2016-08-24
  • 【IxD案例】国际第一时尚品牌VGUE-iPad端案例

    今天给大家分享一个原型,这是第一个分享原型制作的源文件,还请大家多多见谅,源文件有点小复杂。

    附件内的源文件为高保真的原型,模拟了很多的效果,下面我给大家说一下

    2016-02-22
  • 社交APP-Same的产品和交互设计体验总结

    手机里总有一些app是下载试用了之后不会卸载的app,而same这款app在我的手机中是呆的时间最长的一款,我并不经常打开它,即使在其体验出现各种问题时,比如闪退,引导页进不去app(需杀掉进程进入,偶尔一次可进去…

    2016-03-14
  • 如何编辑交互设计说明书

    当你搜索并查阅了很多网上资料后,仍可能不会编辑交互设计说明书。那么究竟该怎么编辑交互设计说明书呢?在编辑的过程中又有哪些要点和注意事项呢?

    2016-08-05
  • Interaction Design - Beyond Human-Computer Interaction, 4th Edition 下载 pdf&epub

    “交互设计呈现在交互设计领域的高度需要全面的和当代的视角。第三版再次确立了书作为该领域的基本教材。“

    2016-09-08
  • Axure案例-联想输入提示,Axure中继器的使用

    点击右面下载:axure-case-https://www.iamue.com 不多说了,源文件分享,使用Axure打开编辑可以查看原理。 日安 转载的童鞋带上:木卫艾欧网-交互学堂》 Axure案例-联想输入提示,Axure中继器的使用 

    IxD案例 2015-02-04
  • 分享两个交互设计作品

    今天跟大家分享的是二两童靴的两个交互设计作品,第一个是平安保险产品配置后台交互设计,第二个是台州银行客户经理移动办公App交互设计,希望大家多多交流。如果你也有好的作品想在我是UE网上展示,可以加学习群15…

    2015-07-02
  • 现在时隔半年,再次分析一下微信读书这个产品

    从15年8月28日 微信读书 APP低调上线到现在已经差不多快半年了,对于这款含着金钥匙出身的产品,一开始似乎并有多得到太多的好评,甚至因为 好友阅读排行 功能而受到很多争议。 现在时隔半年,我以一个普通读书爱好…

    2016-02-23
  • 用户体验分享-儿童玩具上的用户体验与交互设计

    大约在同一时间,我成为了一位父亲,我刚进入用户体验世界,试图找出如何使我的产品,够了吧,可以理解的、 易于使用,并且直观。我是一个巨大的玩具迷,还是玩,他们之前到达了我的儿子,但他在房子里意味着更多的玩具和更多的机会来观察他与他的玩具在他的生活非常首个月的交互。看着他让我想起了关于如何普遍经验和界面设计是在我们的生活从一开始,从这些经验,我们能学到多少 — — 尤其是如果我们打算建立一种可以理解的产品。

    2015-01-03
  • 从「令人发指」的苹果来看所谓的细节设计

    什么是细节设计?在讨论这个问题前先来看个案例。如果你手里恰巧有 iPhone 4s / 5 / 5s,请随便打开一个可以调出虚拟键盘的应用「比如短信」。注意观察键盘的最后一行,相信看这篇文章的人都是中文用户,所以在你的…

    IxD案例 2014-10-10