支付宝推出了一项名为“蚂蚁森林”的公益活动性质的功能,用户通过步行、在线缴纳水电煤气电话费、网络购票等行为收集能量,实现虚拟树木的养成,最后在公益组织、环保企业等的组织下,在某荒漠化地区栽种一棵真实的树。本文是关于蚂蚁森林产品需求文档,enjoy~

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(1)

引言

都说写PRD是产品汪基本功之一,但是在人人上看了一些文章和评论,以及结合自己为数不多的开发经历思考之后,感觉要写好一篇PRD绝非易事。

按照前辈给的建议,PRD在撰写时应该注意的问题罗列如下:

  • 由于PRD是产品与(主要是)技术沟通协调的重要桥梁,所以内容方面应最大程度考虑技术实现方式与难度,明确给出每个功能的实现逻辑、页面跳转路径、交互效果、页面信息组织方式等等,以及功能之间优先级排列、全局设计(如权限、键盘唤起、弹窗等),思虑周全,给出每个输入文本框或每次点击时的所有可能情形,并给出相应解决方案。
  • 内容侧重需求和功能逻辑的梳理,通过功能结构图、信息结构图、页面流程图等呈现形式将每个功能的内部、底层逻辑阐述清楚,而非泛泛而谈,将体验环境、用户画像、市场分析等不必要的部分放在文档中,这部分内容有对应的XX分析文档阐述。尽量不要写成交互文档、产品体验/分析文档。
  • 呈现形式建议采用以图为主、文字补充说明的形式,更直观、不易造成项目角色理解差异;善用Axure、墨刀、Xmind等工具辅助说明,但是不要过分关注原型制作、本末倒置、忘记初心。

1. 概述

1.1 背景及产品介绍

中国是世界上土地荒漠化最为严重的国家之一,全国荒漠化面积曾经达到262万平方公里,相当于国土陆地面积的27%,比中国的耕地面积总和还要大。经过30多年的治理,土地荒漠化现象和沙化土地的扩展在不断缩减,但是目前为止全国沙化土地面积仍有约174万平方公里,占到国土的17%,所以治沙、防沙工作仍迫在眉睫。

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(2)

图1 土地荒漠化现象

为了植树造林、减少全国沙化土地面积、改善沙化地区人民生活状况和当地经济效益(用户目标,可参考笔者另一篇文章;也为了鼓励广大用户绿色出行/办公/生活、扩大移动支付应用场景、培养用户使用习惯和提高用户黏性(产品目标))支付宝推出了一项名为“蚂蚁森林”的公益活动性质的功能,用户通过步行、在线缴纳水电煤气电话费、网络购票等行为收集能量,实现虚拟树木的养成,最后在公益组织、环保企业等的组织下,在某荒漠化地区栽种一棵真实的树。

1.2 适配设备及统系

蚂蚁森林作为支付宝的内部功能之一,可适配IOS、Android系统以及目前市场上主流的绝大部分智能机机型。

本文档是基于Android系统撰写的。

1.3 版本修订记录

表1 修订记录

2. 需求分析

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(3)

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(4)

表2 需求分析

3. 全局说明

3.1 功能权限

  • 登录状态下:可使用所有功能、查看所有页面;
  • 未登录状态下:不能执行任何操作。

(支付宝所有功能都基于用户个人信息和行为,因此必须登录,将用户消费、行为数据与账号绑定)

3.2 键盘说明

在推送详情页下方,点击评论输入框——进入我的评论页面——点击文字输入区域时 / 在好友蚂蚁森林主页点击“发消息”——点击文本输入框时/在设置好友备注时,唤起九宫格拼音键盘或全字母拼音键盘(根据用户设置)。

3.3 页面异常

用户网络状况不佳时:

  • 左上角页面名称后 显示白色圆圈缓冲图标;(点击种树,最后加载“敬请期待”图片)
  • 页面中上部显示“稍等片刻……”文本、蚂蚁森林图标缓冲动画(根据当前页面选择文本颜色,为蓝底、绿底时文本呈白色,为白底时文本呈绿色)(点击地图)、隔3s左右显示“重新加载”链接;(点击好友森林)
  • 页面中部显示“系统正忙 稍后再试”的toast,矩形框填充黑色,文本为白色;
  • 页面中部显示静态蓝色蚂蚁图案、“网络不给力 世界上最遥远的距离莫过于此”文本、“刷新试试”链接;
  • 页面弹出dialog,文本为“人气大爆发 稍后再试试”,有“确定”选项;
  • 内容加载区域闪烁。

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(5)

图3 页面异常反馈

3.4 页面内交互方式

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(6)

表3 页面内交互方式

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(7)

图4 actionbar示例

通过点击弹窗顶部tab的不同标签和弹窗上的超链接,进行同一层级关联功能的切换、跳转。

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(8)

图5 tab切换示例

3.5 页面间切换方式

点击功能入口,切换到对应页面(如:在蚂蚁森林主页右上方点击“种树”按钮,跳转至选择树种的“环保项目页”)。

4. 功能/业务逻辑

4.1 功能结构及流程图

蚂蚁森林的所有功能及分别涉及的页面见需求分析部分,下面以图的形式展示功能的结构和功能之间的关联关系(红色虚线表示)。

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(9)

图6 蚂蚁森林功能结构及流程图

4.2 信息结构图

信息主要包括:每个页面/弹窗上的文本、静态/动态图片数字,每一类又可以针对当前页面进行细分,如:推送页面的文本包含 文章标题、正文、评论内容、各种交互操作提示等。

此外需考虑文本的摆放位置(根据信息优先级、用户视线转移规律测试并确定)、颜色、字体、字号、透明度等,可在交互文档中细化。

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(10)

图7 蚂蚁森林信息结构图

4.3 信息流分发逻辑

“通知”、“最新动态”、“排行榜”三处的信息流分发逻辑设计如下:

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(11)

图8 蚂蚁森林信息流分发逻辑

5. 页面逻辑

5.1 页面跳转流程图

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(12)

图9 页面跳转流程图

由于版面限制,部分页面跳转用水滴标记元件在图9中进行了展示。

5.2 部分页面交互说明

以“我的成就”页为例。从前置条件/输入、页面逻辑内容和页面交互3个方面进行说明。

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(13)

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(14)

表4“我的成就”页面逻辑及交互说明

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(15)

图10 “我的成就”页面交互流程

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(16)

图11 “我的成就”页弹窗效果

更详细的交互效果可在交互设计文档中阐述。如:在“我的成就”页。

  • 上滑时,顶部返回 页面名称 折叠菜单 回到首页按钮所在的通栏保持固定,颜色由绿色渐变为白色;同时文本由白色变为黑色、按钮颜色由白色变为蓝色;文本及按钮变化的触发时间为:滑动至用户名所在区域时。
  • 下滑时,逆向变化,恢复至原始状态。
  • 点击解锁项目时,弹出证书dialog,背景变灰、出现遮罩效果(灯箱)。
  • ……

6. 数据需求

数据需求主要包括:模块内需要统计的数据项及其计算方法、埋点位置及说明(一般设置在关键路径节点处)。

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(17)

表5 数据项名目及计算方式

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(18)

表6 关键路径节点处 埋点说明及返回值

埋点的目的是 为了通过数据分析了解不同用户在不同界面、不同流程中连串或单个动作行为的规律,以及背后说明的问题。例如:

  • 通知页埋点,获取到用户点击某些推送的次数,与进入通知列表页的UV对比、计算占比,就能大致分析出用户对哪一类的内容推送更感兴趣,就可以指导运营喵们进行活动策划、调整文案等。
  • 邀好友节点处埋点,可通过用户点击该入口的次数与获得授权、成功邀请好友入驻的数量比对或者计算出用户跳出率,分析出用户对授权通讯录给支付宝的态度(是否信任)、该举措拉新的成功率,从而优化产品局部逻辑。

7. 安全需求

由于森林模块的功能不涉及消费数据、电子现金往来、账户信息等强隐私性的内容,所以对安全性的要求不如“财富”、“余额宝”等模块高。

用户进入蚂蚁森林以及使用内部所有功能时,不需要另外验证身份,因此不提供隐私设置功能(如:手势密码、指纹密码)。

8. 系统响应需求

  • 滑动操作:系统即时响应,页面滑动流畅、不卡顿;
  • 点击、请求某服务:7s 内响应,若请求成功,进入相应页面或执行相应操作,若请求失败,系统分析失败原因并给出明确反馈,帮助/指导用户解决问题;
  • ……

蚂蚁森林怎么填写项目(倒推蚂蚁森林产品需求文档)(19)

图12 主页简单滑动效果

总结

笔者参考了一些人人上已有的倒推文档,结合自己的思考,倒推了支付宝内蚂蚁森林模块的PRD。麻雀虽小,五脏俱全,虽然蚂蚁森林只是支付宝众多内部功能模块之一、在首页上也只占据了小小的一块面积,但它的需求分析、逻辑阐述、信息界面等的设计都是需要精雕细琢、反复优化的。

本文内容除了老生常谈的页面交互、全局说明等之外,增加了对需求分析、页面逻辑的阐述,旨在细化产品工作、与技术更好对接。

望前辈们不吝赐教。

作者:李兰,某211高校研究生,刚入坑的产品小白。

本文由 @李兰 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自网络

,