技能GET:如何使用流程圖描述一個(gè)典型的APP啟動(dòng)功能?

43 評(píng)論 45153 瀏覽 518 收藏 7 分鐘

在產(chǎn)品設(shè)計(jì)的過程中,產(chǎn)品經(jīng)理需要根據(jù)用戶使用場(chǎng)景,逆向思考其背后的實(shí)現(xiàn)邏輯,并通過流程圖來表達(dá)操作過程及信息交互,以便工程模型的實(shí)現(xiàn)。開發(fā)工程師則通過流程圖理解產(chǎn)品經(jīng)理思路,評(píng)估相應(yīng)的技術(shù)方案和實(shí)現(xiàn)過程。

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

需求:用戶啟動(dòng)APP進(jìn)入首頁(yè)

這是每個(gè)APP都存在的一個(gè)需求,點(diǎn)擊圖標(biāo)然后打開APP,看起來非常簡(jiǎn)單,當(dāng)然,也非常重要,涉及到產(chǎn)品的視覺印象和首次體驗(yàn)。

需求分解

  • 展示APP的品牌形象;
  • 根據(jù)業(yè)務(wù)需要展示廣告;
  • 向新用戶展示APP引導(dǎo);
  • 啟動(dòng)完畢進(jìn)入首頁(yè)時(shí)的良好體驗(yàn)。

流程繪制

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

第一步:確定流程的節(jié)點(diǎn)與走向

根據(jù)上述原始需求以及初步分解,我們得知幾個(gè)關(guān)鍵節(jié)點(diǎn):軟件啟動(dòng)、啟動(dòng)頁(yè)、廣告頁(yè)、引導(dǎo)頁(yè)、首頁(yè),他們的走向用visio流程圖表述如下:

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

首次啟動(dòng):此時(shí)需展示引導(dǎo)頁(yè)而不展示廣告

軟件啟動(dòng)時(shí),判斷是否首次啟動(dòng),如果是首次啟動(dòng),則打開啟動(dòng)頁(yè),停留2秒后進(jìn)入新手引導(dǎo),完畢后進(jìn)入軟件首頁(yè)。

網(wǎng)絡(luò)狀況:考慮到網(wǎng)絡(luò)狀況對(duì)數(shù)據(jù)傳輸?shù)挠绊?,一般的網(wǎng)絡(luò)狀況分為三種:

  1. 無網(wǎng)絡(luò)時(shí),不加載廣告,但加載數(shù)據(jù)緩存;
  2. 2G網(wǎng)絡(luò)時(shí),因傳輸速度慢,不加載廣告,但可更新首頁(yè)數(shù)據(jù);
  3. 3G/4G/WIFI時(shí),傳輸速度快,可加載廣告并更新首頁(yè)數(shù)據(jù)。

流程表述如下:

數(shù)據(jù)緩存:指上次使用后緩存到APP本地的數(shù)據(jù)。

APP保留數(shù)據(jù)緩存的目的,是減少網(wǎng)絡(luò)數(shù)據(jù)傳輸,提高APP的運(yùn)行效率。根據(jù)緩存狀況,可分為緩存數(shù)據(jù)首頁(yè)和最新數(shù)據(jù)首頁(yè)。

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

上面提到影響該流程的因素有網(wǎng)絡(luò)、首次啟動(dòng)、廣告,數(shù)據(jù)緩存,在系統(tǒng)設(shè)計(jì)中,應(yīng)該以提高流程效率和不影響用戶體驗(yàn)為前提,逐個(gè)去假設(shè)這些因素的先后順序。

如果先判斷網(wǎng)絡(luò),系統(tǒng)會(huì)消耗網(wǎng)絡(luò)運(yùn)行時(shí)間,而且會(huì)失去一部分網(wǎng)絡(luò)暫時(shí)不佳的用戶;如果先判斷啟動(dòng),系統(tǒng)會(huì)根據(jù)啟動(dòng)狀態(tài)分別進(jìn)入不同流程;如果先判斷廣告,也需要網(wǎng)絡(luò);如果先判斷緩存,則不符合顯示啟動(dòng)頁(yè)、廣告頁(yè)的流程。綜合分析,應(yīng)先判斷首次啟動(dòng)。

第四步:繪制完整流程

根據(jù)各節(jié)點(diǎn)及其先后順序的研究,整理全部流程如下:

流程描述

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

 

本文由 @林元從 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 為什么有了廣告就沒有啟動(dòng)頁(yè)呢?啟動(dòng)頁(yè)不是必須的嗎?

    回復(fù)