技能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環境下,對比本地版本與數據庫版本,若版本不一致,彈出版本更新提示。
本文由 @林元從 原創發布于人人都是產品經理。未經許可,禁止轉載。
為什么有了廣告就沒有啟動頁呢?啟動頁不是必須的嗎?