支付寶推出了一項名為“螞蟻森林”的公益活動性質的功能，用戶通過步行、在線繳納水電煤氣電話費、網絡購票等行為收集能量，實現虛擬樹木的養成，最後在公益組織、環保企業等的組織下，在某荒漠化地區栽種一棵真實的樹。本文是關於螞蟻森林產品需求文檔，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高校研究生，剛入坑的產品小白。
題圖來自網絡
閱讀更多 人人都是產品經理 的文章
