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

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

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

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

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

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

首先,交互流程

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

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

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

请点击此处输入图片描述

  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

相关推荐

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

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

    2015-09-29
  • 美国直播这样玩:以Facebook和Snapchat为例

    中国的视频直播市场正在进入百播大战,优质视频内容正在成为稀缺资源。而美国直播市场经历了2015年全面爆发后,在内容生产上正进入PGC和UGC直播齐头并进的时代:传统媒体积极拥抱直播平台,社交网络更是借此拓展出…

    2016-06-01
  • IxD案例作品分享:我来也”APP概念设计及动效设计

    本作品作者是来自站酷的设计师羊羊羊8571,本文经过作者本人许可。 转载请与作者联系!取得授权。 “我来也”是一款基于手机LBS属性的移动点名签到应用,利用手机应用解决了老师课堂点名,活动签到,会议签到!在工作…

    2015-07-29
  • O2O/商场权限管理系统设计方案

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

    2017-12-28
  • 【译文】雨天里的交互细节

    最近出现了很多智能手机用的天气应用。但是在以前,这些应用其实都不是很必要的,我们只要知道早上出门带不带雨伞就好了,所以如果天气应用可以直观地告诉我们这一点就好了。就像妈妈一样,在你早上出门的时候帮你…

    2015-10-30
  • Daydream产品设计案例 - YouTube VR

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

    2016-12-08
  • Coding Nap:迭代式体感交互设计分享

    CodingNap是为程序员设计的一款办公室睡眠闹钟。程序员是一个不分昼夜工作的群体,十分需要短暂而高质量的睡眠。当程序员十分疲惫需要休息时,按下Coding Nap的按钮,它便为程序员设定了9分钟的睡眠之旅。同时Codin…

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

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

    2015-11-22
  • 交互设计案例视频展示

    一款APP的交互原型演示,有能力的话自己动手做个视频吧! [hana-flv-player video=" http://jhxt.org/wp-content/uploads/2015/07/ixdshow.flv" width="640" height="auto" description="Ta APP 交互简介" player="…

    2015-07-01
  • 5步快速制作移动动效

    Sketch+Keynote双剑合璧:5步快速制作移动动效 2014年,Facebook推出了新闻阅读应用Paper,诸多交互细节与炫酷动效启动了界面设计的新时代,Google的Material Design更是将移动动效提升到了app基础体验环节的高度。…

    2015-04-11