移动设计优化让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

网站标题：移动设计优化让APP变得更快的设计方法
网站地址：/news41/282591.html

成都网站建设公司_创新互联，为您提供品牌网站设计、移动网站建设、网站建设、网站维护、网站策划、Google

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联