支付寶推出了一項(xiàng)名為“螞蟻森林”的公益活動(dòng)性質(zhì)的功能，用戶通過(guò)步行、在線繳納水電煤氣電話費(fèi)、網(wǎng)絡(luò)購(gòu)票等行為收集能量，實(shí)現(xiàn)虛擬樹(shù)木的養(yǎng)成，最后在公益組織、環(huán)保企業(yè)等的組織下，在某荒漠化地區(qū)栽種一棵真實(shí)的樹(shù)。本文是關(guān)于螞蟻森林產(chǎn)品需求文檔，enjoy~

引言

都說(shuō)寫(xiě)PRD是產(chǎn)品汪基本功之一，但是在人人上看了一些文章和評(píng)論，以及結(jié)合自己為數(shù)不多的開(kāi)發(fā)經(jīng)歷思考之后，感覺(jué)要寫(xiě)好一篇PRD絕非易事。

按照前輩給的建議，PRD在撰寫(xiě)時(shí)應(yīng)該注意的問(wèn)題羅列如下：

• 由于PRD是產(chǎn)品與（主要是）技術(shù)溝通協(xié)調(diào)的重要橋梁，所以內(nèi)容方面應(yīng)最大程度考慮技術(shù)實(shí)現(xiàn)方式與難度，明確給出每個(gè)功能的實(shí)現(xiàn)邏輯、頁(yè)面跳轉(zhuǎn)路徑、交互效果、頁(yè)面信息組織方式等等，以及功能之間優(yōu)先級(jí)排列、全局設(shè)計(jì)（如權(quán)限、鍵盤(pán)喚起、彈窗等），思慮周全，給出每個(gè)輸入文本框或每次點(diǎn)擊時(shí)的所有可能情形，并給出相應(yīng)解決方案。
• 內(nèi)容側(cè)重需求和功能邏輯的梳理，通過(guò)功能結(jié)構(gòu)圖、信息結(jié)構(gòu)圖、頁(yè)面流程圖等呈現(xiàn)形式將每個(gè)功能的內(nèi)部、底層邏輯闡述清楚，而非泛泛而談，將體驗(yàn)環(huán)境、用戶畫(huà)像、市場(chǎng)分析等不必要的部分放在文檔中，這部分內(nèi)容有對(duì)應(yīng)的XX分析文檔闡述。盡量不要寫(xiě)成交互文檔、產(chǎn)品體驗(yàn)/分析文檔。
• 呈現(xiàn)形式建議采用以圖為主、文字補(bǔ)充說(shuō)明的形式，更直觀、不易造成項(xiàng)目角色理解差異；善用Axure、墨刀、Xmind等工具輔助說(shuō)明，但是不要過(guò)分關(guān)注原型制作、本末倒置、忘記初心。

1. 概述

1.1 背景及產(chǎn)品介紹

中國(guó)是世界上土地荒漠化最為嚴(yán)重的國(guó)家之一，全國(guó)荒漠化面積曾經(jīng)達(dá)到262萬(wàn)平方公里，相當(dāng)于國(guó)土陸地面積的27%，比中國(guó)的耕地面積總和還要大。經(jīng)過(guò)30多年的治理，土地荒漠化現(xiàn)象和沙化土地的擴(kuò)展在不斷縮減，但是目前為止全國(guó)沙化土地面積仍有約174萬(wàn)平方公里，占到國(guó)土的17%，所以治沙、防沙工作仍迫在眉睫。

圖1 土地荒漠化現(xiàn)象

為了植樹(shù)造林、減少全國(guó)沙化土地面積、改善沙化地區(qū)人民生活狀況和當(dāng)?shù)亟?jīng)濟(jì)效益（用戶目標(biāo)，可參考筆者另一篇文章；也為了鼓勵(lì)廣大用戶綠色出行/辦公/生活、擴(kuò)大移動(dòng)支付應(yīng)用場(chǎng)景、培養(yǎng)用戶使用習(xí)慣和提高用戶黏性（產(chǎn)品目標(biāo)））支付寶推出了一項(xiàng)名為“螞蟻森林”的公益活動(dòng)性質(zhì)的功能，用戶通過(guò)步行、在線繳納水電煤氣電話費(fèi)、網(wǎng)絡(luò)購(gòu)票等行為收集能量，實(shí)現(xiàn)虛擬樹(shù)木的養(yǎng)成，最后在公益組織、環(huán)保企業(yè)等的組織下，在某荒漠化地區(qū)栽種一棵真實(shí)的樹(shù)。

1.2 適配設(shè)備及統(tǒng)系

螞蟻森林作為支付寶的內(nèi)部功能之一，可適配IOS、Android系統(tǒng)以及目前市場(chǎng)上主流的絕大部分智能機(jī)機(jī)型。

本文檔是基于Android系統(tǒng)撰寫(xiě)的。

1.3 版本修訂記錄

表1 修訂記錄

2. 需求分析

表2 需求分析

3. 全局說(shuō)明

3.1 功能權(quán)限

• 登錄狀態(tài)下：可使用所有功能、查看所有頁(yè)面；
• 未登錄狀態(tài)下：不能執(zhí)行任何操作。

（支付寶所有功能都基于用戶個(gè)人信息和行為，因此必須登錄，將用戶消費(fèi)、行為數(shù)據(jù)與賬號(hào)綁定）

3.2 鍵盤(pán)說(shuō)明

在推送詳情頁(yè)下方，點(diǎn)擊評(píng)論輸入框——進(jìn)入我的評(píng)論頁(yè)面——點(diǎn)擊文字輸入?yún)^(qū)域時(shí) / 在好友螞蟻森林主頁(yè)點(diǎn)擊“發(fā)消息”——點(diǎn)擊文本輸入框時(shí)/在設(shè)置好友備注時(shí)，喚起九宮格拼音鍵盤(pán)或全字母拼音鍵盤(pán)（根據(jù)用戶設(shè)置）。

3.3 頁(yè)面異常

用戶網(wǎng)絡(luò)狀況不佳時(shí)：

• 左上角頁(yè)面名稱后 顯示白色圓圈緩沖圖標(biāo)；（點(diǎn)擊種樹(shù)，最后加載“敬請(qǐng)期待”圖片）
• 頁(yè)面中上部顯示“稍等片刻……”文本、螞蟻森林圖標(biāo)緩沖動(dòng)畫(huà)（根據(jù)當(dāng)前頁(yè)面選擇文本顏色，為藍(lán)底、綠底時(shí)文本呈白色，為白底時(shí)文本呈綠色）（點(diǎn)擊地圖）、隔3s左右顯示“重新加載”鏈接；（點(diǎn)擊好友森林）
• 頁(yè)面中部顯示“系統(tǒng)正忙 稍后再試”的toast，矩形框填充黑色，文本為白色；
• 頁(yè)面中部顯示靜態(tài)藍(lán)色螞蟻圖案、“網(wǎng)絡(luò)不給力 世界上最遙遠(yuǎn)的距離莫過(guò)于此”文本、“刷新試試”鏈接；
• 頁(yè)面彈出dialog，文本為“人氣大爆發(fā) 稍后再試試”，有“確定”選項(xiàng)；
• 內(nèi)容加載區(qū)域閃爍。

圖3 頁(yè)面異常反饋

3.4 頁(yè)面內(nèi)交互方式

表3 頁(yè)面內(nèi)交互方式

圖4 actionbar示例

通過(guò)點(diǎn)擊彈窗頂部tab的不同標(biāo)簽和彈窗上的超鏈接，進(jìn)行同一層級(jí)及關(guān)聯(lián)功能的切換、跳轉(zhuǎn)。

圖5 tab切換示例

3.5?頁(yè)面間切換方式

點(diǎn)擊功能入口，切換到對(duì)應(yīng)頁(yè)面（如：在螞蟻森林主頁(yè)右上方點(diǎn)擊“種樹(shù)”按鈕，跳轉(zhuǎn)至選擇樹(shù)種的“環(huán)保項(xiàng)目頁(yè)”）。

4. 功能/業(yè)務(wù)邏輯

4.1 功能結(jié)構(gòu)及流程圖

螞蟻森林的所有功能及分別涉及的頁(yè)面見(jiàn)需求分析部分，下面以圖的形式展示功能的結(jié)構(gòu)和功能之間的關(guān)聯(lián)關(guān)系（紅色虛線表示）。

圖6 螞蟻森林功能結(jié)構(gòu)及流程圖

4.2 信息結(jié)構(gòu)圖

信息主要包括：每個(gè)頁(yè)面/彈窗上的文本、靜態(tài)/動(dòng)態(tài)圖片、數(shù)字，每一類(lèi)又可以針對(duì)當(dāng)前頁(yè)面進(jìn)行細(xì)分，如：推送頁(yè)面的文本包含 文章標(biāo)題、正文、評(píng)論內(nèi)容、各種交互操作提示等。

此外需考慮文本的擺放位置（根據(jù)信息優(yōu)先級(jí)、用戶視線轉(zhuǎn)移規(guī)律測(cè)試并確定）、顏色、字體、字號(hào)、透明度等，可在交互文檔中細(xì)化。

圖7 螞蟻森林信息結(jié)構(gòu)圖

4.3 信息流分發(fā)邏輯

“通知”、“最新動(dòng)態(tài)”、“排行榜”三處的信息流分發(fā)邏輯設(shè)計(jì)如下：

圖8 螞蟻森林信息流分發(fā)邏輯

5. 頁(yè)面邏輯

5.1 頁(yè)面跳轉(zhuǎn)流程圖

圖9 頁(yè)面跳轉(zhuǎn)流程圖

由于版面限制，部分頁(yè)面跳轉(zhuǎn)用水滴標(biāo)記元件在圖9中進(jìn)行了展示。

5.2 部分頁(yè)面交互說(shuō)明

以“我的成就”頁(yè)為例。從前置條件/輸入、頁(yè)面邏輯內(nèi)容和頁(yè)面交互3個(gè)方面進(jìn)行說(shuō)明。

表4“我的成就”頁(yè)面邏輯及交互說(shuō)明

圖10 “我的成就”頁(yè)面交互流程

圖11 “我的成就”頁(yè)彈窗效果

更詳細(xì)的交互效果可在交互設(shè)計(jì)文檔中闡述。如：在“我的成就”頁(yè)。

• 上滑時(shí)，頂部返回 + 頁(yè)面名稱 + 折疊菜單 + 回到首頁(yè)按鈕所在的通欄保持固定，顏色由綠色漸變?yōu)榘咨?；同時(shí)文本由白色變?yōu)楹谏?、按鈕顏色由白色變?yōu)樗{(lán)色；文本及按鈕變化的觸發(fā)時(shí)間為：滑動(dòng)至用戶名所在區(qū)域時(shí)。
• 下滑時(shí)，逆向變化，恢復(fù)至原始狀態(tài)。
• 點(diǎn)擊解鎖項(xiàng)目時(shí)，彈出證書(shū)dialog，背景變灰、出現(xiàn)遮罩效果（燈箱）。
• ……

6. 數(shù)據(jù)需求

數(shù)據(jù)需求主要包括：模塊內(nèi)需要統(tǒng)計(jì)的數(shù)據(jù)項(xiàng)及其計(jì)算方法、埋點(diǎn)位置及說(shuō)明（一般設(shè)置在關(guān)鍵路徑節(jié)點(diǎn)處）。

表5 數(shù)據(jù)項(xiàng)名目及計(jì)算方式

表6 關(guān)鍵路徑節(jié)點(diǎn)處 埋點(diǎn)說(shuō)明及返回值

埋點(diǎn)的目的是 為了通過(guò)數(shù)據(jù)分析了解不同用戶在不同界面、不同流程中連串或單個(gè)動(dòng)作行為的規(guī)律，以及背后說(shuō)明的問(wèn)題。例如：

• 在通知頁(yè)埋點(diǎn)，獲取到用戶點(diǎn)擊某些推送的次數(shù)，與進(jìn)入通知列表頁(yè)的UV對(duì)比、計(jì)算占比，就能大致分析出用戶對(duì)哪一類(lèi)的內(nèi)容推送更感興趣，就可以指導(dǎo)運(yùn)營(yíng)喵們進(jìn)行活動(dòng)策劃、調(diào)整文案等。
• 在邀好友節(jié)點(diǎn)處埋點(diǎn)，可通過(guò)用戶點(diǎn)擊該入口的次數(shù)與獲得授權(quán)、成功邀請(qǐng)好友入駐的數(shù)量比對(duì)或者計(jì)算出用戶跳出率，分析出用戶對(duì)授權(quán)通訊錄給支付寶的態(tài)度（是否信任）、該舉措拉新的成功率，從而優(yōu)化產(chǎn)品局部邏輯。

7. 安全需求

由于森林模塊的功能不涉及消費(fèi)數(shù)據(jù)、電子現(xiàn)金往來(lái)、賬戶信息等強(qiáng)隱私性的內(nèi)容，所以對(duì)安全性的要求不如“財(cái)富”、“余額寶”等模塊高。

用戶進(jìn)入螞蟻森林以及使用內(nèi)部所有功能時(shí)，不需要另外驗(yàn)證身份，因此不提供隱私設(shè)置功能（如：手勢(shì)密碼、指紋密碼）。

8. 系統(tǒng)響應(yīng)需求

• 滑動(dòng)操作：系統(tǒng)即時(shí)響應(yīng)，頁(yè)面滑動(dòng)流暢、不卡頓；
• 點(diǎn)擊、請(qǐng)求某服務(wù)：7s 內(nèi)響應(yīng)，若請(qǐng)求成功，進(jìn)入相應(yīng)頁(yè)面或執(zhí)行相應(yīng)操作，若請(qǐng)求失敗，系統(tǒng)分析失敗原因并給出明確反饋，幫助/指導(dǎo)用戶解決問(wèn)題；
• ……

圖12 主頁(yè)簡(jiǎn)單滑動(dòng)效果

總結(jié)

筆者參考了一些人人上已有的倒推文檔，結(jié)合自己的思考，倒推了支付寶內(nèi)螞蟻森林模塊的PRD。麻雀雖小，五臟俱全，雖然螞蟻森林只是支付寶眾多內(nèi)部功能模塊之一、在首頁(yè)上也只占據(jù)了小小的一塊面積，但它的需求分析、邏輯闡述、信息界面等的設(shè)計(jì)都是需要精雕細(xì)琢、反復(fù)優(yōu)化的。

本文內(nèi)容除了老生常談的頁(yè)面交互、全局說(shuō)明等之外，增加了對(duì)需求分析、頁(yè)面邏輯的闡述，旨在細(xì)化產(chǎn)品工作、與技術(shù)更好對(duì)接。

望前輩們不吝賜教。

作者：李蘭，某211高校研究生，剛?cè)肟拥漠a(chǎn)品小白。

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

題圖來(lái)自網(wǎng)絡(luò)