技能GET:如何使用流程圖描述一個典型的APP啟動功能?
在產品設計的過程中,產品經理需要根據用戶使用場景,逆向思考其背后的實現邏輯,并通過流程圖來表達操作過程及信息交互,以便工程模型的實現。開發工程師則通過流程圖理解產品經理思路,評估相應的技術方案和實現過程。
作為產品實現過程中的兩大重要角色,產品經理和開發工程師的工作是完全不同的。而我認為,流程圖是他們的共同語言。在產品設計的過程中,產品經理需要根據用戶使用場景,逆向思考其背后的實現邏輯,并通過流程圖來表達操作過程及信息交互,以便工程模型的實現。開發工程師則通過流程圖理解產品經理思路,評估相應的技術方案和實現過程。流程圖可以直觀地表現出邏輯的嚴謹性和流程的合理性,是產品設計中必不可少的環節。本文選擇了“APP啟動”這個常見的功能,使用Visio工具,對APP啟動到進入首頁的功能,做完整的需求描述。
需求:用戶啟動APP進入首頁
這是每個APP都存在的一個需求,點擊圖標然后打開APP,看起來非常簡單,當然,也非常重要,涉及到產品的視覺印象和首次體驗。
需求分解
- 展示APP的品牌形象;
- 根據業務需要展示廣告;
- 向新用戶展示APP引導;
- 啟動完畢進入首頁時的良好體驗。
流程繪制
能實現流程圖設計的工具有很多種,常用的有Visio、億圖,powerpoint也可以做,現在還有在線版的Process On。但對于工具的選擇,原則是簡單、通用。由于Visio是windows自帶office套件中的工具,普及面廣,操作簡單易上手,其圖示含義也是通用的,故選擇visio。
第一步:確定流程的節點與走向
根據上述原始需求以及初步分解,我們得知幾個關鍵節點:軟件啟動、啟動頁、廣告頁、引導頁、首頁,他們的走向用visio流程圖表述如下:
第二步:尋找流程中的影響因素
首次啟動:此時需展示引導頁而不展示廣告
軟件啟動時,判斷是否首次啟動,如果是首次啟動,則打開啟動頁,停留2秒后進入新手引導,完畢后進入軟件首頁。
網絡狀況:考慮到網絡狀況對數據傳輸的影響,一般的網絡狀況分為三種:
- 無網絡時,不加載廣告,但加載數據緩存;
- 2G網絡時,因傳輸速度慢,不加載廣告,但可更新首頁數據;
- 3G/4G/WIFI時,傳輸速度快,可加載廣告并更新首頁數據。
流程表述如下:
數據緩存:指上次使用后緩存到APP本地的數據。
APP保留數據緩存的目的,是減少網絡數據傳輸,提高APP的運行效率。根據緩存狀況,可分為緩存數據首頁和最新數據首頁。
第三步:根據影響因素的順序整合流程
上面提到影響該流程的因素有網絡、首次啟動、廣告,數據緩存,在系統設計中,應該以提高流程效率和不影響用戶體驗為前提,逐個去假設這些因素的先后順序。
如果先判斷網絡,系統會消耗網絡運行時間,而且會失去一部分網絡暫時不佳的用戶;如果先判斷啟動,系統會根據啟動狀態分別進入不同流程;如果先判斷廣告,也需要網絡;如果先判斷緩存,則不符合顯示啟動頁、廣告頁的流程。綜合分析,應先判斷首次啟動。
第四步:繪制完整流程
根據各節點及其先后順序的研究,整理全部流程如下:
流程描述
- 軟件啟動時,APP自檢測是否首次啟動;
- 首次啟動時,進入啟動頁,停留2秒后進入新手引導,用戶可跳過引導,或操作引導后,進入軟件首頁,此時做網絡判斷,如果無網絡,則打開該APP原始的靜態首頁;
- 非首次啟動時,若當前無網絡,則進入啟動頁,停留2秒,此過程中調用上次使用后本地保存的緩存數據,進入APP緩存首頁;
- 非首次啟動時,若為2G網絡狀態,則進入啟動頁,停留2秒,在此過程中更新首頁數據,并打開最新首頁;
- 非首次啟動時,若為3G/4G/Wifi網絡,則檢測是否有最新的廣告數據,并請求返回本地顯示廣告頁。廣告播放時間為2-3秒,用戶可選擇跳過,或自動播放完畢進入首頁。此過程中APP請求首頁數據返回,進入最新數據首頁。
- 在首頁數據更新時,android環境下,對比本地版本與數據庫版本,若版本不一致,彈出版本更新提示。
本文由 @林元從 原創發布于人人都是產品經理。未經許可,禁止轉載。
我想問下,靜態首頁是什么意思?
不錯。
流程圖不對呀
流程是錯的
很有啟發
按照穩重的流程,如果是非首次啟動,有廣告的情況下,由于存在廣告加載的過程,用戶必然經過一段白屏的時間,用戶會略懵逼。餓了么,是縣打開啟動頁,后加載廣告,而搜狐等大部分app是將啟動頁和廣告合在一個頁面里的。
這不屬于本文討論的流程范疇,應該屬于提高用戶體驗的補充。即在有4G/wifi環境下,自動檢測廣告更新,如果有更新,下載到本地廣告緩存。
在廣告頁和首頁數據更新這一步是否也需要一個網絡判斷流程
確實以前都沒想到在不同網絡狀況下還有優先加載or判斷的流程,學習了
iOS的啟動頁還能控制么?
請教一下,廣告是否每次都要網絡請求,廣告圖片是否會有本地緩存,應為看一下其它的app在無網絡下也會顯示廣告圖片。
這個屬于另外一種方式,即在上次使用的時候,APP進程自動下載廣告數據到緩存
感謝前輩分享
首次啟動就應該先檢測網絡吧
小小一個啟動原來這么多學問!
首頁數據自動更新不太好吧,網慢的話更新要好久,也行用戶并不關心首頁的推送,只是想搜個東西之類的,手動刷新更好點
6666
感謝前輩分享
『由于Visio是windows自帶office套件中的工具,普及面廣』,不開玩笑?
表述確實不夠嚴謹,感謝指正!
我能說axure更新到8以后,畫流程圖簡直是利器嗎。矩形圖形你想怎么變形怎么變形,箭頭想怎么指就怎么指,超級好用??紤]到visio安裝的麻煩,我漸漸已經讓它退出歷史舞臺了。
贊同,axsure畫出簡單的任務流程圖還是比較好用的,但是對于復雜的業務用它就不好表述了,感覺畫起來比較臃腫。
圖三和最后一張流程圖貌似有點問題:就算是3G/4G網絡,是否也應該要先到啟動頁,再去判斷運營后臺是否有配置廣告?而不是3G/4G網絡就略過啟動頁直接到廣告頁?
你這么做的話,不管有沒有廣告,都要出現啟動頁。相當于啟動頁2秒,廣告3秒,一共5秒了。這是不可接受的。要么出現啟動頁,要么出現廣告?,F在的廣告頁一般都包含了APP形象標識了。
zaker新聞,就是啟動頁+廣告頁,時間太久確實影響體驗
滿滿的都是干貨,收藏,點贊加訂閱,希望從哥能多多分享相關的經驗干貨,作為一名產品新人,感謝前輩的分享 ??
支持下蟲哥??
干貨
iOS首次啟動還要考慮下網絡權限申請吧
果斷收藏
非常感謝分享啊,好棒
順便問下,首次啟動的流程,有網絡狀況分支下,是不是存在兩種情況,一種是剛安裝,是最新版本,不需要新版本更新;一種是已經安裝過,沒有及時登錄,存在版本更新。
存在兩種情況沒錯,但都是要系統判斷是不是最新版本吧?版本新不新,這是你的主觀意識,但機器就不懂,所以需要判斷。這兩種情況,是可以用同一個流程去處理的,具有通用性,效率也高。
恩,謝謝
好文,學習了
期待人人都是產品經理多出現一些這樣高質量的文章,真的很漲知識
123
GET,把一個完整的流程按分析的步驟拆分,然后從簡單到復雜的一步步完成,學習到了~以前都沒有考慮過APP從啟動到首頁的一個完整流程。
很清晰很細致,收下啦