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

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

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

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

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

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

首先,交互流程

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

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

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

请点击此处输入图片描述

  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

相关推荐

  • 我手机里的应用设计体验

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

    2016-06-27
  • Axure教程-蜻蜓FM收音机iPhone端高保真原型案例下载

    本文是原型库网站金乌投稿——蜻蜓FM收音机iPhone端高保真原型。使用AxureRP7.0制作蜻蜓.FM网络收音机产品原型分享

    IxD案例 2015-01-04
  • 闪光的消亡对于用户体验来说意味着什么?

    而 Flash 是一个控制狂,那些拥抱 HTML5 的人往往是渐进增强的冠军。最后,我们的用户获胜。SuAnne 探索途径挑战现状,为现代的 web 设计。 Adobe 公司的决定停止移动 Flash 平台的开发及在 HTML5 相关的努力增加其…

    2014-09-04
  • Apple Watch应用设计案例-QQ空间

    一、初期方案 设计初期,我们希望能够挖掘一些用户在手机端常用的点进行延伸,如:访客、礼物、动态。包括配色和图形设计也延伸了手机端的设计风格。 二、竞品分析 我们对Instagram和Twitter进行了研究,整体上是手…

    2015-07-15
  • Daydream产品设计案例 - YouTube VR

    每年这个季节都盼着来自北方的冷空气能早些把这个城市吹干、吹冷。这世上,又湿又温暖的地方未必都是好地方。 随着Daydream头显和Pixel手机的发布上市,Google官方的各路VR app也陆续上线。我个人还没有机会、没有…

    2016-12-08
  • 互动的未来不应只在手指上

    最近对未来交互设计发展的一个很流行的观点 — 用手指操作各种大大小小的触摸屏,下面还会有很多这种例子。这篇小文章并不涉及任何详细的“未来发展规划”, 我只是提供一些可供参考的点子。 在开始构想应该怎样同我们…

    2014-12-25
  • 如何写一份出色的交互设计文档,给程序员以美的享受?

    交互设计文档分为两个版本:一个是界面元素标注版,另一个是附带交互逻辑版。那么,具体的写法和要求如何呢?

    2016-07-11
  • 网页的交互设计and界面与用户体验案例:Nike Tech Pack in store app

    第一段是动效的视频,请注意观看交互效果与配色设计。 图片都可以点击放大,更清楚哦。 原文地址:https://www.behance.net/gallery/26097251/Nike-Tech-Pack-in-store-app 多个作者: Shakir Dzheyranov / Detail …

    2016-01-10
  • 交互式网站UI设计指南

      Web开发社区有着大量的交互式设计轻松解决方案。虽然现在大多数网站都能够做到交互性了,但是我们需要不断向前、创新。我们很容易将注意力集中到编码方面,但是有时候不同屏幕尺寸的实际设计考虑却往往被忽视。 …

    2014-12-23
  • 教你读懂UI设计的心理学!

    来源:阿里妈妈MUX 作者:阿里妈妈MUX编译   作为UI设计师,对待用户就像对待婴儿,知道如何通过界面设计诱导用户非常重要,这就需要了解心理学方面的知识了。今天分享一篇日本设计师的好文,结合心理学与设计,…

    2014-09-27