[散修弟子]PM-1608|2019年03月20日的日报-技能树.IT修真院

发表于： 2019-03-20 18:01:17

1 777

今天完成的事情：

1、修改了业务流程图

2、完成了原型图和验收标准（粘了部分）

明天计划的事情：

继续学习
遇到的问题：

不知道PRD正规的怎么写，流程图还需要练习；墨刀还不会用
收获：

今天看了倒退“蚂蚁森林”的PRD，大致了解了下PRD的形式以及从哪方便去考虑问题。

需求分析

表2 需求分析

全局说明

3.1 功能权限

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

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

3.2 键盘说明

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

3.3 页面异常

用户网络状况不佳时：

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

图3 页面异常反馈

3.4 页面内交互方式

表3 页面内交互方式

图4 actionbar示例

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

3.5 页面间切换方式

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

功能/业务逻辑

4.1 功能结构及流程图

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

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

4.2 信息结构图

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

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

图7 蚂蚁森林信息结构图

4.3 信息流分发逻辑

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

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

页面逻辑

5.1 页面跳转流程图

图9 页面跳转流程图

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

5.2 部分页面交互说明

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

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

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

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

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

6. 数据需求

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

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

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

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

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