支付宝推出了一项名为"蚂蚁森林"的公益活动性质的功能,用户通过步行、在线缴纳水电煤气电话费、网络购票等行为收集能量,实现虚拟树木的养成,最后在公益组织、环保企业等的组织下,在某荒漠化地区栽种一棵真实的树。本文是关于蚂蚁森林产品需求文档,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。麻雀虽小,五脏俱全,虽然蚂蚁森林只是支付宝众多内部功能模块之一、在首页上也只占据了小小的一块面积,但它的需求分析、逻辑阐述、信息界面等的设计都是需要精雕细琢、反复优化的。 本文内容除了老生常谈的页面交互、全局说明等之外,增加了对需求分析、页面逻辑的阐述,旨在细化产品工作、与技术更好对接。 望前辈们不吝赐教。