移动设计优化:让APP变得更快的设计方法

文章描述:我们都知道不管网页还是移动应用,响应速度都是最重要的体验指标之一,并且移动应用的网络环境不稳定,速度的体验显得尤为重要。其实速度优化不仅是程序员的事,设计,也能够让App变得更快。


D.A:我们都知道不管网页还是移动应用,响应速度都是最重要的体验指标之一,并且移动应用的网络环境不稳定,速度的体验显得尤为重要。其实速度优化不仅是程序员的事,设计,也能够让App变得更快。

1.后台执行

这是一条很通用,也容易理解的方法。用户不会愿意盯着进度条傻傻地等待,除了”取消”没有其他选择。在系统处理一些网络任务的时候,完全可以允许用户做一些其他的事情。

各大平台的发微博,都采用了后台执行。云阅读的离线下载也采用后台执行。


而微博的看长图(或视频),是个反例。网络不给力时,要么等待1分钟让图加载完,要不就只好放弃看图。为什么不能让图加载的同时,用户可以看其他微博呢?


 

2.在载入前显示内容

客户端与web的一个不同点,客户端的显示内容包括本地数据和网络数据两部分。在设计界面时,将更多的信息放在本地,在网络数据未载入时即显示本地数据,让用户产生一种”已经载入一半了”的错觉,即使最终的耗时一样,心理感受也会更快。当然把数据过多地写在本地,会牺牲一些灵活性,需要根据具体情况考虑。

具体请看twitter、Facebook、Vine等优秀产品的启动画面,虽然同是静态图片,但它们不使用LOGO而假装已经载入了”导航栏”和”标题栏”,让人感觉”点击后立即就启动了”。


再如App Store的详情页,在详细信息载入前,已有信息先显示。


 

3.充分利用好缓存

缓存可以把网络数据保存在本地,下次打开时无需要再次向网络请求,减少流量并减少等待时间。在设计时,可以先显示缓存内容,同时后台到网络上拉取新内容,若有新内容立即替换或下次访问时替换。但缓存使用也要注意”度”,过大的缓存文件占用太多的系统空间,会让用户一怒之下卸载App。

云阅读的”书城”和”通过微博找好友”等界面,都使用了缓存机制,提高打开页面的速度。


 

4.界面先行,网络交互随后

对于一些数据量很小,且失败可能性较小的网络交互,用户并不需要明确知道App在干这些事情,也能够顺畅地使用App,那么我们就应该”把一些事实掩盖起来”,即界面上听话地、迅速地完成任务(心智模型),程序后台默默地继续执行任务(实现模型)。

最常用的比如QQ、微信、易信等聊天界面。点击发送后,消息立即”飞”到聊天上下文中,其实对方还没收到。但这样的设计让沟通的过程更顺畅,没有”正在发送 – 发送成功”各种过程的干扰。


用户在收藏文章,关注好友等操作时,数据量很小,可以界面先行。用户在继续浏览文章的同时,系统会把文章收藏好。


与此思路相仿的另一种方法也常被用到:在无网络条件下,用户进行操作(比如写评论,写备注等),把用户的输入内容保存在本地,等到有网络时再上传。让用户有连贯的体验。

5.预测用户行为,提前开始任务

不知道大家使用淘宝有没有这样的习惯,在搜索结果列表,将所有感兴趣的结果都打开为新标签页,然后一个个地看,没兴趣的就关闭。这样做的好处是,在我浏览商品详情页的时候,每个页面都是载入完全了,否则我点开一个看一个,每个都要等待加载完,就会大大降低效率。

那么能否通过设计,来满足类似使用场景呢?应该是可以的,那就是预测用户的行为,提前开始任务。

策略类似这样:

用户在某个界面停留的时候,预测下一步可能做ABC三个任务,系统于是把这些任务都提前做完。当用户做出选择比如A时,界面可以迅速响应,并且同时把BC两个任务从内存中清空掉以节省资源。(当然这招也有限制:1,只适用于免费的网络。2,预加载不能影响系统的性能)

我们就回来看淘宝的iPad客户端。它有这样的设计,在某详情页查看时,向右一划可以查看下一个商品,也许这是一个好设计,但是却没有帮我预加载下一个界面,我还是不得不傻傻地等页面加载完。


那我们看一些其他的设计。
在网易云阅读,我们认为用户进入一个资讯源的一个最大可能就是刷新查看新内容。所以即使没有打开自动刷新选项时,进行源列表,后台自动加载新内容,并在刷新按钮上显示”NEW”,此时当用户再刷新,内容立即呈现。


Android更新提醒在安装包自动下载完成之后提示,让用户不再需要等待下载过程。


再比如云阅读的查看大图,自动载入下一张;TableView在将要达到底部时自动载入等。

Chrome在下载前询问是否保存,在用户决定之就已经开始下载,节省了不少时间。如果用户放弃,已下载内容会自动删除。

那么,用这个思路。
写微博插入照片后,能否自动上传,而不必等用户点击了”发送”才上传?

看微博时定位到某条微博,是否应该自动加载大图或视频?
音乐应用在当前歌曲快播放完时,是否应该下载下一首歌,以免切歌的时候会卡一会儿?

 

6.使用动效来掩护载入过程

优秀的动效设计,让产品更好用且让人眼前一亮。其实,动效还有另一大用处,吸引用户的注意,让本来枯燥的等待载入的过程,变成愉悦欣赏的过程。

以下的例子来源于网络。


原文地址:uedc.163

时间: 2024-10-02 19:02:34

移动设计优化:让APP变得更快的设计方法的相关文章

PCR反应中的强大新技术:让基因分析变得更快更便宜

雷锋网AIHealth栏目按:DNA在高温时可以发生变性解链,当温度降低后又可以复性成为双链.因此,通过温度变化控制DNA的变性和复性,加入设计引物,DNA聚合酶.dNTP就可以完成特定基因的体外复制,此即为PCR体外扩增DNA的原理. 范德堡大学的研究人员开发了一种PCR反应中扩增DNA链的新方法,据称这种技术可以让基因分析变得更快更便宜,研究人员称之为适应性PCR技术(adaptive PCR ),该技术的核心是通过左旋DNA调节和监控PCR反应过程. 左旋DNA 正常DNA是右旋双螺旋结构

路由卫士来为您把关让WiFi变得更快,更安全

  网络安全似乎一直是个热门话题,不过大家通常把注意力集中在如何防止黑客入侵服务器.数据库等敏感问题上,却经常忽视了家中的路由器.现今无线路由器在家庭中大幅普及,但是部分厂商对路由防火墙.攻击防护能力不够重视.路由器的安全问题已经日益凸显,黑客们肆无忌惮地窃取用户隐私.盗取银行账户,给网民的上网安全造成恶劣危害. 普通用户都是技术小白,不懂如何利用相关技术来扼制黑客,那么接下来小编就给大家推荐一款捍卫路由安全的软件,专治各种窃取,盗用. 就像的一句话描述:让路由器变得更快,更安全. 如何做到更快

Docker将会改变Hadoop,变的更快更容易

本文讲的是Docker将会改变Hadoop,变的更快更容易,[编者的话] 最近在San Jose,Clif开幕的hadoop峰会上会有关于Docker和Hadoop的话题讨论,越来越多的创业公司致力于使用Docker技术来简化hadoop应用开发部署的速度.目前有两个方向:1)使用Docker容纳Hadoop stack:2)通过YARN来部署基于Docker开发的容器化应用.  本周,hadoop峰会召开,其中着重讨论了新平台(例如docker)将会如何在hadoop环境下改变大数据分析行业.

如何让你的eclipse变的更快?

   当我们开始使用eclipse一段时间后,会发现它变的慢了起来.改善eclipse的性能让它更快,你可以使用如下方法. 1. 清理历史和索引 2. 去除文本验证 3. 不使用subeclipse插件 4. 配置适当的启动参数 1) 清理历史和索引 清理历史和索引减少负载RAM,以及整体硬盘使用. 这导致很高的对性能的影响. 删除索引和历史文件夹,请清理所有文件/文件夹里面这两个文件夹: 清理索引 {workspace path}\.metadata\.plugins\org.eclipse.

百万核心上的并行让你变得”更快“

给台式机或者笔记本选用4核处理器应该如何去应用,对于我们这些大部分都不怎么懂的人来说,其实4和处理器纯粹是一种浪费.当然这不是我们的问题,本来在编写并行执行的代码就是十分困难的事,所以大部分的应用(除下一些计算密集型电子游戏)也都只能在单核心上运行.然而最近一组来自斯坦福的研究者发布已经模拟出在百万核心上的并行处理. 随着并行处理被越来越多的人所熟知,在多个节点上运行应用程序可以比以往更快,这样你的工作量可以分配于多个节点进行并行处理,核心越多越快.这也是Hadoop诞生的原因,非常适合大体积数

怎样让电脑速度变的更快

我们知道电脑的运行速度不仅跟电脑硬件配置高低有关,很电脑系统依旧也有较大的关联,以下是小编为大家总结的5条提升电脑速度的方法,有兴趣的朋友可以尝试下,以下涉及的方面理论上是可以提升一定的电脑性能,但至于到底能提速多少,这也与系统本身有一定关系,有兴趣的朋友一起来学习下吧. 1. 在"我的电脑"上点右键-属性-硬件-设备管理器-点击"IDE ATA/ATAPI"选项-双击"次要IDE通道"-高级设置-设备类型,将"自动检测"改为

怎么设置BIOS优化Windows 7系统运行更快

开机时候按F12(不同的电脑按键不同)进入BIOS设置项目 你要保证你的主板支持AHCI. 如果你的主板支持AHCI,那么请在安装Windows 7前进入Bios设置,在Advanced选项中将SATA controller Mode中默认的IDE调整为AHCI. 开启AHCI装Windows7 让系统速度快一倍 注意事项 AHCI,全称是Serial ATA Advanced Host Controller Interface(串行ATA高级主控接口),是在Intel的指导下,由多家公司联合研

迅雷小技巧,让你的下载速度变得更快

许多朋友下载东西都喜欢用迅雷进行下载,但是似乎大部分朋友只是机械式地点击网页,然后下载文件,其实迅雷还有许多你平时没有注意到的小技巧,掌握这些小技巧其实无论是对下载速度还是电脑安全都很有好处,下面,就让小编为大家讲解几个小技巧. 技巧一:让迅雷悬浮窗格给我们更多帮助 默认情况下,迅雷并没有出现类似于迅雷的悬浮窗格,给我们下载带来了不便.我们只要单击迅雷主窗口中的"查看"菜单,选中"悬浮窗"项,即可出现相应的图标.在浏览器中看到喜欢的内容,直接将其拖放到此图标上,即可

增加外链并被更快收录的方法

要如何去做外链?所谓外链很明了的就是说外部链接,从外部做的自己站的链接;你可以是友情链接(也算外链中的一种),可以是软文链接,可以是下载链接;也可以是其它的链接.不论哪种链接,最终的效果都是可以通过该链接直接访问自己的网站;面对一个新类型的网站,我们又该选择哪些站来发布信息呢?其实,就我个人而言,互联网上任何一类网站都可以作为网站的外链源;现在的SE在判断是否外链的时候,对于那个URL并不一定非得要有URL链接,很多情况下,只要显示出了完整的URL地址,就会被当作一个外链链接,而目前查外链比较准