技能GET:如何使用流程圖描述一個典型的APP啟動功能?

43 評論 45101 瀏覽 518 收藏 7 分鐘

在產品設計的過程中,產品經理需要根據用戶使用場景,逆向思考其背后的實現邏輯,并通過流程圖來表達操作過程及信息交互,以便工程模型的實現。開發工程師則通過流程圖理解產品經理思路,評估相應的技術方案和實現過程。

作為產品實現過程中的兩大重要角色,產品經理和開發工程師的工作是完全不同的。而我認為,流程圖是他們的共同語言。在產品設計的過程中,產品經理需要根據用戶使用場景,逆向思考其背后的實現邏輯,并通過流程圖來表達操作過程及信息交互,以便工程模型的實現。開發工程師則通過流程圖理解產品經理思路,評估相應的技術方案和實現過程。流程圖可以直觀地表現出邏輯的嚴謹性和流程的合理性,是產品設計中必不可少的環節。本文選擇了“APP啟動”這個常見的功能,使用Visio工具,對APP啟動到進入首頁的功能,做完整的需求描述。

需求:用戶啟動APP進入首頁

這是每個APP都存在的一個需求,點擊圖標然后打開APP,看起來非常簡單,當然,也非常重要,涉及到產品的視覺印象和首次體驗。

需求分解

  • 展示APP的品牌形象;
  • 根據業務需要展示廣告;
  • 向新用戶展示APP引導;
  • 啟動完畢進入首頁時的良好體驗。

流程繪制

能實現流程圖設計的工具有很多種,常用的有Visio、億圖,powerpoint也可以做,現在還有在線版的Process On。但對于工具的選擇,原則是簡單、通用。由于Visio是windows自帶office套件中的工具,普及面廣,操作簡單易上手,其圖示含義也是通用的,故選擇visio。

第一步:確定流程的節點與走向

根據上述原始需求以及初步分解,我們得知幾個關鍵節點:軟件啟動、啟動頁、廣告頁、引導頁、首頁,他們的走向用visio流程圖表述如下:

第二步:尋找流程中的影響因素

首次啟動:此時需展示引導頁而不展示廣告

軟件啟動時,判斷是否首次啟動,如果是首次啟動,則打開啟動頁,停留2秒后進入新手引導,完畢后進入軟件首頁。

網絡狀況:考慮到網絡狀況對數據傳輸的影響,一般的網絡狀況分為三種:

  1. 無網絡時,不加載廣告,但加載數據緩存;
  2. 2G網絡時,因傳輸速度慢,不加載廣告,但可更新首頁數據;
  3. 3G/4G/WIFI時,傳輸速度快,可加載廣告并更新首頁數據。

流程表述如下:

數據緩存:指上次使用后緩存到APP本地的數據。

APP保留數據緩存的目的,是減少網絡數據傳輸,提高APP的運行效率。根據緩存狀況,可分為緩存數據首頁和最新數據首頁。

第三步:根據影響因素的順序整合流程

上面提到影響該流程的因素有網絡、首次啟動、廣告,數據緩存,在系統設計中,應該以提高流程效率和不影響用戶體驗為前提,逐個去假設這些因素的先后順序。

如果先判斷網絡,系統會消耗網絡運行時間,而且會失去一部分網絡暫時不佳的用戶;如果先判斷啟動,系統會根據啟動狀態分別進入不同流程;如果先判斷廣告,也需要網絡;如果先判斷緩存,則不符合顯示啟動頁、廣告頁的流程。綜合分析,應先判斷首次啟動。

第四步:繪制完整流程

根據各節點及其先后順序的研究,整理全部流程如下:

流程描述

  1. 軟件啟動時,APP自檢測是否首次啟動;
  2. 首次啟動時,進入啟動頁,停留2秒后進入新手引導,用戶可跳過引導,或操作引導后,進入軟件首頁,此時做網絡判斷,如果無網絡,則打開該APP原始的靜態首頁;
  3. 非首次啟動時,若當前無網絡,則進入啟動頁,停留2秒,此過程中調用上次使用后本地保存的緩存數據,進入APP緩存首頁;
  4. 非首次啟動時,若為2G網絡狀態,則進入啟動頁,停留2秒,在此過程中更新首頁數據,并打開最新首頁;
  5. 非首次啟動時,若為3G/4G/Wifi網絡,則檢測是否有最新的廣告數據,并請求返回本地顯示廣告頁。廣告播放時間為2-3秒,用戶可選擇跳過,或自動播放完畢進入首頁。此過程中APP請求首頁數據返回,進入最新數據首頁。
  6. 在首頁數據更新時,android環境下,對比本地版本與數據庫版本,若版本不一致,彈出版本更新提示。

 

本文由 @林元從 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 我想問下,靜態首頁是什么意思?

    來自浙江 回復
  2. 不錯。

    來自上海 回復
  3. 流程圖不對呀

    來自北京 回復
  4. 流程是錯的

    來自北京 回復
  5. 很有啟發

    來自山東 回復
  6. 按照穩重的流程,如果是非首次啟動,有廣告的情況下,由于存在廣告加載的過程,用戶必然經過一段白屏的時間,用戶會略懵逼。餓了么,是縣打開啟動頁,后加載廣告,而搜狐等大部分app是將啟動頁和廣告合在一個頁面里的。

    來自廣東 回復
    1. 這不屬于本文討論的流程范疇,應該屬于提高用戶體驗的補充。即在有4G/wifi環境下,自動檢測廣告更新,如果有更新,下載到本地廣告緩存。

      來自海南 回復
  7. 在廣告頁和首頁數據更新這一步是否也需要一個網絡判斷流程

    來自廣東 回復
  8. 確實以前都沒想到在不同網絡狀況下還有優先加載or判斷的流程,學習了

    來自重慶 回復
  9. iOS的啟動頁還能控制么?

    來自北京 回復
  10. 請教一下,廣告是否每次都要網絡請求,廣告圖片是否會有本地緩存,應為看一下其它的app在無網絡下也會顯示廣告圖片。

    來自廣東 回復
    1. 這個屬于另外一種方式,即在上次使用的時候,APP進程自動下載廣告數據到緩存

      來自海南 回復
  11. 感謝前輩分享

    回復
  12. 首次啟動就應該先檢測網絡吧

    來自上海 回復
  13. 小小一個啟動原來這么多學問!

    來自上海 回復
  14. 首頁數據自動更新不太好吧,網慢的話更新要好久,也行用戶并不關心首頁的推送,只是想搜個東西之類的,手動刷新更好點

    來自北京 回復
  15. 6666

    來自上海 回復
  16. 感謝前輩分享

    來自上海 回復
  17. 『由于Visio是windows自帶office套件中的工具,普及面廣』,不開玩笑?

    來自廣西 回復
    1. 表述確實不夠嚴謹,感謝指正!

      來自海南 回復
    2. 我能說axure更新到8以后,畫流程圖簡直是利器嗎。矩形圖形你想怎么變形怎么變形,箭頭想怎么指就怎么指,超級好用??紤]到visio安裝的麻煩,我漸漸已經讓它退出歷史舞臺了。

      來自北京 回復
    3. 贊同,axsure畫出簡單的任務流程圖還是比較好用的,但是對于復雜的業務用它就不好表述了,感覺畫起來比較臃腫。

      來自廣東 回復
  18. 圖三和最后一張流程圖貌似有點問題:就算是3G/4G網絡,是否也應該要先到啟動頁,再去判斷運營后臺是否有配置廣告?而不是3G/4G網絡就略過啟動頁直接到廣告頁?

    來自福建 回復
    1. 你這么做的話,不管有沒有廣告,都要出現啟動頁。相當于啟動頁2秒,廣告3秒,一共5秒了。這是不可接受的。要么出現啟動頁,要么出現廣告?,F在的廣告頁一般都包含了APP形象標識了。

      來自海南 回復
    2. zaker新聞,就是啟動頁+廣告頁,時間太久確實影響體驗

      來自福建 回復
  19. 滿滿的都是干貨,收藏,點贊加訂閱,希望從哥能多多分享相關的經驗干貨,作為一名產品新人,感謝前輩的分享 ??

    來自江蘇 回復
  20. 支持下蟲哥??

    回復
  21. 干貨

    來自北京 回復
  22. iOS首次啟動還要考慮下網絡權限申請吧

    來自浙江 回復
  23. 果斷收藏

    來自廣東 回復
  24. 非常感謝分享啊,好棒

    回復
  25. 順便問下,首次啟動的流程,有網絡狀況分支下,是不是存在兩種情況,一種是剛安裝,是最新版本,不需要新版本更新;一種是已經安裝過,沒有及時登錄,存在版本更新。

    來自北京 回復
    1. 存在兩種情況沒錯,但都是要系統判斷是不是最新版本吧?版本新不新,這是你的主觀意識,但機器就不懂,所以需要判斷。這兩種情況,是可以用同一個流程去處理的,具有通用性,效率也高。

      來自海南 回復
    2. 恩,謝謝

      來自北京 回復
  26. 好文,學習了

    來自北京 回復
  27. 期待人人都是產品經理多出現一些這樣高質量的文章,真的很漲知識

    來自北京 回復
  28. 123

    來自北京 回復
  29. GET,把一個完整的流程按分析的步驟拆分,然后從簡單到復雜的一步步完成,學習到了~以前都沒有考慮過APP從啟動到首頁的一個完整流程。

    來自浙江 回復
  30. 很清晰很細致,收下啦

    來自江蘇 回復