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