3种常见的移动APP页面加载设计方案优缺点

移动APP产品的信息都是通过页面来承载的或是加载的,同时APP页面的加载方案设计是交互设计师和移动产品经理需要面对的一个重要的课题。

良好的移动APP加载页面设计对于APP来说是非常重要的。直接影响用户的体验和APP的转化率问题。

今天,25学堂跟大家来小议一下3种常见的 APP 页面加载设计方案。这些应该都是不错的APP设计干货分享。值得大家收藏和转载。

3种常见的APP导航设计方案优劣势分析

APP登录界面设计的几种常见的设计思路

10个APP启动页面设计欣赏和常见设计思路

 

 

移动APP页面加载设计方案一单页面加载方案

单页面加载方案分为整体加载方案设计和分块加载方案设计。

优点:1、单页面加载方案是比较简单的加载方案设计,一般运用在页面内容比较单一的情况下,所以直接一次性加载完所有数据后再显示内容。

网易新闻客户端APP

单页面加载失败的状态也比较好处理。直接不显示信息或者是出现加载失败等等。

缺点:这种单页面的加载方式比较传统和简单。对于复杂的APP界面数据应用是不合理的。有一定的局限性。

所以就出现了 单页面分块加载的机制。

2、单页面分块加载的机制

这种方案的特点:是能让用户逐步看到内容,在这个渐进的过程中降低用户的等待的焦虑心理。同时提高用户使用率。然而单页面分块加载方案其中又可以分为,模块间有关联性的,先加载父内容,再加载子内容。如下图显示。

淘宝APP优酷APP

这种分模块加载的优点:

在需要特别注意加载失败的状态,毕竟每个模块都提示加载失败,点击重试是很挫的一件事,可以根据信息的优先级来决定哪些数据失败了采用默认状态,哪些数据采用失败提示等。也是目前来说采用比较多的app页面加载方式。

分模块加载的缺点:影响了APP界面设计的美观度,在网速不佳的情况下,容易出现加载失败等。

 

移动APP页面加载设计方案二跨页面加载方案

跨页面加载的方案就是在父页面&子页面 or 同一app内,页面间字段可以复用的,在加载子页面时不需要重新加载新数据。特别的例子就是jquery moblie 这个移动开发工具。

多个页面直接的跳转,其实都是一个页面先加载完成的。所以,切换起来很流畅很舒服。

或者很多APP 的我的模块 或者是信息中心这块,基本采用的都是跨页面加载方案设计。

比如:微信的个人信息,支付宝的个人信息等等。

 

移动APP页面加载设计方案三:预加载设计方案

优点是:在加载一个页面内容的同时,预测用户的下一步行为,并为他下一步需要使用的页面加载内容,使得他在下一步的操作中能立刻获取信息而不需要加载等待。比如我们经常看到的一个不停在转动的图标 加上 正在加载中这样的标识。

预加载提供给用户无缝的产品使用体验,使得用户在使用产品的过程中更直接流畅,没有被打断的感觉。

比如:当你浏览图集的时候,当看到第一张的图片时,就自动后台加载第二第三第四张图片,用户浏览完第一张图片切换到第二张时就不会有加载等待的过程。再比如在浏览新闻列表时,就把每篇新闻的内容在后台进行预加载,用户选择看某篇新闻时,能立刻阅读到内容。

这个预加载的模式跟pc端的按需加载方式的是差不多。大家见的最多的就是瀑布流的布局加载。或者是图片的按需加载等等。这些都是属于预加载方案设计。

在移动APP端,比如通过触发滚动条来预加载。这种预加载方案设计应该说是比较常见的加载方式。

缺点:预加载也需要时间的,他只是不在客户端显示给用户,默默在后台运作而已,需要特殊考虑未加载完用户就使用到那些信息的情况,所以在做预加载设计时需要同时考虑另一种适合该情况的普通加载方式。预加载需要根据具体的场景来进行设计,设定好信息优先级,综合考虑各种类型信息的具体大小流量,整体考虑预加载的方式,这些都是需要经过精心分析思考的。

扩展阅读:成功设计一款App需要注意哪些问题?

25学堂跟大家分享的是页面加载设计方案。而平常我们所看到的弹出层 ,弹出加载图片,页面刷新等都属于操作加载,不属于页面加载机制!务必请分清楚!

 

每天更新,
全站高品质素材免费下载!