如何用流程圖描述APP啟動流程?

18 評論 80511 瀏覽 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. 我也是同樣的看法,如果廣告更新是條件判斷的話,那么是否應該有另一種狀態呢

      回復