浅谈app数据加载交互

      最近自己公司的app遇到了数据加载的交互问题,于是想系统的把此类问题进行总结归纳,以备与朋友探讨,并不断的自我迭代。


       app页面数据加载可大体分为上图的两种模式

1)先加载再进入页面:即提前将下个页面内容从服务器缓存到本地,打开页面后可全部展示。

2)先进入页面,而后进行加载:即先打开页面,再向服务器请求数据,进行数据加载。

      现在常用的大多是2)的模式,因此我们今天分别分析六种种后者常用的加载方式,以及对应的使用场景

     ·全屏加载

     ·优先加载

     ·整页加载

     ·分页加载

     ·智能加载

     ·wifi缓存加载

一.全屏加载


         顾名思义,即一次性将全部内容加载完成,全部加载前,页面暂无内容并用“小菊花”等方式显示。

优点:可保证单一页面内容的浏览连贯性

缺点:如果内容过多、或者遇到网络速度受限,将会极大的考验用户的耐心,造成很高的跳出率

应用场景:常用于手机网页的加载的情况下,可配合一个给人预期的进度条,或者有趣的加载动画来消减加载时间超过3s以上给用户带来的焦虑感。


二.优先加载

       

         对于内容丰富,对网络环境要求较高的app网页加载,多使用优先加载的模式,即优先加载一部分内容,然后再逐渐加载其他内容。

优点:相较全屏加载,优先加载首先加载一部分内容,能够消解用户的等待焦虑情绪

缺点:有可能在第一时间丢掉抓住用户的关键点,在网络流畅的条件下,给人加载速度慢的印象,因此建议配合其他加载样式共同使用

应用场景:配图质量较高的feed流类内容网站、视频站等app常见样式。


三.整页加载

          前后页面是整页切换时,多使用整页加载的模式,相对不是很常见。

优点:整体性浏览体验较好。

缺点:每页内容不能过大,否则导致单页加载速度有延迟

应用场景:多图浏览翻阅,9宫格图片查看


四.分页加载

           

       内容丰富的app有多页持续加载的需求,经常用到分页加载的形式,分页加载又分为手动加载和自动加载两种形式,手动加载即需要用户点击下一页或者加载更多按钮,再进行继续加载操作、自动加载即每向上/下滑动时一定量内容时,有短暂的加载动画,然后继续加载下一个单位的内容。

优点:有“沉浸式”的体验感,加载体验也很好

缺点:不能精准定位到某项内容,容易产生迷失感(联想淘宝商品浏览的体验)

应用场景:信息流、商品列表等海量内容陈列界面


四.智能加载


智能加载即根据不同的网络环境,采取不同的加载策略。

优点:给用户跟贴心的网络服务

缺点:随着流量价格的减少,和各种包月流量套餐的出现,这种加载方式未必能命中用户的真实需求,还是需要配合网络设置功能综合使用。

应用场景:对于下载需求较高频的应用经常会用到此类加载,说到这不能不提网易云音乐的一个暖心设计,正常加载时加载到音乐发现首页,而网络情况较差,或者无网的情况下,则直接跳到我的音乐界面。




五.wifi缓存加载

        对于大量流量消耗型软件,我们需要缓存到本地处理,让用户在地铁、室外等场景下可以无顾虑的享受互联网视频、音乐、音频等应用。

优点:追剧神器、多图杀猫啊!

应用场景:视频软件、知识付费等音频软件


        结合以上6种加载方案,可根据不同的模块采用对应的加载方式。以后有更典型的案例和应用心得会持续更新。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,047评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,807评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,501评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,839评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,951评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,117评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,188评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,929评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,372评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,679评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,837评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,536评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,168评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,886评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,129评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,665评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,739评论 2 351

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,887评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,067评论 4 62
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,744评论 1 92
  • P1 缓存 Buffer 1. 创建缓存 2. 写缓存 buf.write(string[, offset][, ...
    慢清尘阅读 1,962评论 0 2
  • 刚完成一个百页大方案,过程很艰难,研究了几十份报告数据,推敲了近五条不同品牌推广线路,用了十几页A4草稿纸。完成后...
    罗民阅读 499评论 0 51