如何用流程图描述APP启动流程?

18 评论 80247 浏览 485 收藏 7 分钟

本文作者分享了在APP启动流程中,如何用流程图来描述。

看了《技能GET:如何使用流程图描述一个典型的APP启动功能?》,突然觉得文中的流程图设置的地方有些不合理,下面是文中的流程图:

流程描述

  1. 软件启动时,APP自检测是否首次启动;
  2. 首次启动时,进入启动页,停留2秒后进入新手引导,用户可跳过引导,或操作引导后,进入软件首页,此时做网络判断,如果无网络,则打开该APP原始的静态首页;
  3. 非首次启动时,若当前无网络,则进入启动页,停留2秒,此过程中调用上次使用后本地保存的缓存数据,进入APP缓存首页;
  4. 非首次启动时,若为2G网络状态,则进入启动页,停留2秒,在此过程中更新首页数据,并打开最新首页;
  5. 非首次启动时,若为3G/4G/Wifi网络,则检测是否有最新的广告数据,并请求返回本地显示广告页。广告播放时间为2-3秒,用户可选择跳过,或自动播放完毕进入首页。此过程中APP请求首页数据返回,进入最新数据首页。

在首页数据更新时,android环境下,对比本地版本与数据库版本,若版本不一致,弹出版本更新提示。

首先并没有否定这个流程,只是觉得有些地方还需要完善。软件非首次启动,立即判断网络,加载广告数据,对于一张一般一百多k的图片,必然让用户停留在白屏一段时间,影响体验,而目前主流app,无论是否有广告都会先进入启动页,从主观上减少用户等待时间;

优化后的流程

 流程说明

  1. 软件启动时,进入启动页;
  2. 首次启动时,启动页停留2秒后进入新手引导,用户可跳过引导,或操作引导后,进入软件首页,此时做网络判断,如果无网络,则打开网络异常页面;
  3. 非首次启动时,若当前无网络,启动页停留2秒,此过程中调用上次使用后本地保存的缓存数据,进入APP缓存首页;
  4. 非首次启动时,若为2G网络状态,启动页停留2秒,在此过程中更新首页数据,并打开最新首页;
  5. 非首次启动时,若为3G/4G/Wifi网络,则检测是否有最新的广告数据,并请求返回本地显示广告页。广告播放时间为2-3秒,用户可选择跳过,或自动播放完毕进入首页。此过程中APP请求首页数据返回,进入最新数据首页。

这个流程中,用户无论是否首次启动、是否存在广告,首先进入的是启动页,避免在启动时就进行网络请求。
体验了几款app的启动流程,第一步都是先进入启动页。不过在广告图的展示方式上会有所区别,其中搜狐新闻、京东金融、要出发将广告展示和启动元素合并在了一个页面,而比如脉脉、饿了么则是启动页和广告页分开,但是这两种方式对与整个流程是没有什么影响,前者广告的显示与否对应后后者只是页面跳转与否,本质上是一样的。

优化流程(广告缓存到本地)

广告图一般会在一个时间段显示,按照上面流程,用户每次打开app都需要加载广告,浪费大量流量,增加用户等待时间,因此可以采取把图片缓存到本地的方法完善整个流程。

需要注意的是,按照这个流程,缓存到本地的数据,除了广告图,还必须带有广告图的显示时间段等数据。其次,如果运营人员更改了某个广告图的显示时间段,而本地已有缓存的情况下,缓存的广告图的显示时间段还是旧的,这个问题有点无解。

流程说明

  1. 软件启动时,进入启动页;
  2. 首次启动时,启动页停留2秒后进入新手引导,用户可跳过引导,或操作引导后,进入软件首页,此时做网络判断,如果无网络,则打开网络异常页面;同时后台请求广告数据,缓存到本地;
  3. 非首次启动时,若有符合显示条件的缓存广告,则进入广告页面,广告播放时间为2-3秒,用户可选择跳过,或自动播放完毕进入首页;
  4. 非首次启动时,无符合显示条件的缓存广告,若为2G网络状态,启动页停留2秒,并打开最新首页;
  5. 非首次启动时,无符合显示条件的缓存广告,若为3G/4G/Wifi网络,则检测是否有最新的广告数据,并请求返回本地显示广告页。广告播放时间为2-3秒,用户可选择跳过,或自动播放完毕进入首页。此过程中APP请求首页数据返回,进入最新数据首页。

在首页数据更新时,android环境下,对比本地版本与数据库版本,若版本不一致,弹出版本更新提示。

最后,文中出现的流程图只是初步想法,希望能有有相关经验的产品同行给出指导。

 

本文由 @6277 原创发布于人人都是产品经理。未经许可,禁止转载。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. APP弹窗

    回复
  2. 在启动页的同时判断网络状况不是更好

    来自上海 回复
  3. 收了流程图

    来自北京 回复
  4. 为什么会有两个首页?

    来自广东 回复
  5. 流程图,为什么可以连续用2个判断框

    来自上海 回复
    1. 很正常,如果有多个分支,就可能连续几步都需要判断

      来自江苏 回复
  6. 专业 厉害厉害

    来自北京 回复
  7. 6666,收藏了。

    来自广东 回复
  8. 请问流程图是什么软件写的?

    来自江苏 回复
    1. t

      回复
  9. 第三个流程,首次启动 n 之后直接进入app宣传页,可以看下新浪微博 然后其他就走的通了。大概多出1s的样子。

    来自浙江 回复
  10. 首次打开,在不知道网络情况下就请求广告数据?

    来自江苏 回复
    1. 流程上请求广告,不是非首次启动么?

      来自北京 回复
  11. 文中几个流程图中,红蓝两个同样为首页,可以合并为一个的吧?为啥要出现两个不一样的颜色的来表示首页呢?右半边网络状态也是重复判断?没有看太明白呀

    来自北京 回复
    1. 我也觉得应该合并,哈哈哈。

      来自浙江 回复
  12. 值得新手学习 😳

    来自福建 回复
  13. 首次启动判断少写了N,广告更新确定是判断? 😉

    来自上海 回复
    1. 我也是同样的看法,如果广告更新是条件判断的话,那么是否应该有另一种状态呢

      回复