支付寶推出了一項名為“螞蟻森林”的公益活動性質的功能，用戶通過步行、在線繳納水電煤氣電話費、網絡購票等行為收集能量，實現虛擬樹木的養成，最后在公益組織、環保企業等的組織下，在某荒漠化地區栽種一棵真實的樹。本文是關于螞蟻森林產品需求文檔，enjoy~

引言

都說寫PRD是產品汪基本功之一，但是在人人上看了一些文章和評論，以及結合自己為數不多的開發經歷思考之后，感覺要寫好一篇PRD絕非易事。

按照前輩給的建議，PRD在撰寫時應該注意的問題羅列如下：

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

1. 概述

1.1 背景及產品介紹

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

圖1 土地荒漠化現象

為了植樹造林、減少全國沙化土地面積、改善沙化地區人民生活狀況和當地經濟效益（用戶目標，可參考筆者另一篇文章；也為了鼓勵廣大用戶綠色出行/辦公/生活、擴大移動支付應用場景、培養用戶使用習慣和提高用戶黏性（產品目標））支付寶推出了一項名為“螞蟻森林”的公益活動性質的功能，用戶通過步行、在線繳納水電煤氣電話費、網絡購票等行為收集能量，實現虛擬樹木的養成，最后在公益組織、環保企業等的組織下，在某荒漠化地區栽種一棵真實的樹。

1.2 適配設備及統系

螞蟻森林作為支付寶的內部功能之一，可適配IOS、Android系統以及目前市場上主流的絕大部分智能機機型。

本文檔是基于Android系統撰寫的。

1.3 版本修訂記錄

表1 修訂記錄

2. 需求分析

表2 需求分析

3. 全局說明

3.1 功能權限

• 登錄狀態下：可使用所有功能、查看所有頁面；
• 未登錄狀態下：不能執行任何操作。

（支付寶所有功能都基于用戶個人信息和行為，因此必須登錄，將用戶消費、行為數據與賬號綁定）

3.2 鍵盤說明

在推送詳情頁下方，點擊評論輸入框——進入我的評論頁面——點擊文字輸入區域時 / 在好友螞蟻森林主頁點擊“發消息”——點擊文本輸入框時/在設置好友備注時，喚起九宮格拼音鍵盤或全字母拼音鍵盤（根據用戶設置）。

3.3 頁面異常

用戶網絡狀況不佳時：

• 左上角頁面名稱后 顯示白色圓圈緩沖圖標；（點擊種樹，最后加載“敬請期待”圖片）
• 頁面中上部顯示“稍等片刻……”文本、螞蟻森林圖標緩沖動畫（根據當前頁面選擇文本顏色，為藍底、綠底時文本呈白色，為白底時文本呈綠色）（點擊地圖）、隔3s左右顯示“重新加載”鏈接；（點擊好友森林）
• 頁面中部顯示“系統正忙 稍后再試”的toast，矩形框填充黑色，文本為白色；
• 頁面中部顯示靜態藍色螞蟻圖案、“網絡不給力 世界上最遙遠的距離莫過于此”文本、“刷新試試”鏈接；
• 頁面彈出dialog，文本為“人氣大爆發 稍后再試試”，有“確定”選項；
• 內容加載區域閃爍。

圖3 頁面異常反饋

3.4 頁面內交互方式

表3 頁面內交互方式

圖4 actionbar示例

通過點擊彈窗頂部tab的不同標簽和彈窗上的超鏈接，進行同一層級及關聯功能的切換、跳轉。

圖5 tab切換示例

3.5?頁面間切換方式

點擊功能入口，切換到對應頁面（如：在螞蟻森林主頁右上方點擊“種樹”按鈕，跳轉至選擇樹種的“環保項目頁”）。

4. 功能/業務邏輯

4.1 功能結構及流程圖

螞蟻森林的所有功能及分別涉及的頁面見需求分析部分，下面以圖的形式展示功能的結構和功能之間的關聯關系（紅色虛線表示）。

圖6 螞蟻森林功能結構及流程圖

4.2 信息結構圖

信息主要包括：每個頁面/彈窗上的文本、靜態/動態圖片、數字，每一類又可以針對當前頁面進行細分，如：推送頁面的文本包含 文章標題、正文、評論內容、各種交互操作提示等。

此外需考慮文本的擺放位置（根據信息優先級、用戶視線轉移規律測試并確定）、顏色、字體、字號、透明度等，可在交互文檔中細化。

圖7 螞蟻森林信息結構圖

4.3 信息流分發邏輯

“通知”、“最新動態”、“排行榜”三處的信息流分發邏輯設計如下：

圖8 螞蟻森林信息流分發邏輯

5. 頁面邏輯

5.1 頁面跳轉流程圖

圖9 頁面跳轉流程圖

由于版面限制，部分頁面跳轉用水滴標記元件在圖9中進行了展示。

5.2 部分頁面交互說明

以“我的成就”頁為例。從前置條件/輸入、頁面邏輯內容和頁面交互3個方面進行說明。

表4“我的成就”頁面邏輯及交互說明

圖10 “我的成就”頁面交互流程

圖11 “我的成就”頁彈窗效果

更詳細的交互效果可在交互設計文檔中闡述。如：在“我的成就”頁。

• 上滑時，頂部返回 + 頁面名稱 + 折疊菜單 + 回到首頁按鈕所在的通欄保持固定，顏色由綠色漸變為白色；同時文本由白色變為黑色、按鈕顏色由白色變為藍色；文本及按鈕變化的觸發時間為：滑動至用戶名所在區域時。
• 下滑時，逆向變化，恢復至原始狀態。
• 點擊解鎖項目時，彈出證書dialog，背景變灰、出現遮罩效果（燈箱）。
• ……

6. 數據需求

數據需求主要包括：模塊內需要統計的數據項及其計算方法、埋點位置及說明（一般設置在關鍵路徑節點處）。

表5 數據項名目及計算方式

表6 關鍵路徑節點處 埋點說明及返回值

埋點的目的是 為了通過數據分析了解不同用戶在不同界面、不同流程中連串或單個動作行為的規律，以及背后說明的問題。例如：

• 在通知頁埋點，獲取到用戶點擊某些推送的次數，與進入通知列表頁的UV對比、計算占比，就能大致分析出用戶對哪一類的內容推送更感興趣，就可以指導運營喵們進行活動策劃、調整文案等。
• 在邀好友節點處埋點，可通過用戶點擊該入口的次數與獲得授權、成功邀請好友入駐的數量比對或者計算出用戶跳出率，分析出用戶對授權通訊錄給支付寶的態度（是否信任）、該舉措拉新的成功率，從而優化產品局部邏輯。

7. 安全需求

由于森林模塊的功能不涉及消費數據、電子現金往來、賬戶信息等強隱私性的內容，所以對安全性的要求不如“財富”、“余額寶”等模塊高。

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

8. 系統響應需求

• 滑動操作：系統即時響應，頁面滑動流暢、不卡頓；
• 點擊、請求某服務：7s 內響應，若請求成功，進入相應頁面或執行相應操作，若請求失敗，系統分析失敗原因并給出明確反饋，幫助/指導用戶解決問題；
• ……

圖12 主頁簡單滑動效果

總結

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

本文內容除了老生常談的頁面交互、全局說明等之外，增加了對需求分析、頁面邏輯的闡述，旨在細化產品工作、與技術更好對接。

望前輩們不吝賜教。

作者：李蘭，某211高校研究生，剛入坑的產品小白。

本文由 @李蘭 原創發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自網絡