善用Axure写PRD,全局规范一个都不能少

如果你做过多款APP,可能会发现他们之间存在很多共性。比如都需要考虑页面如何加载、如何跳转页面,网络不好如何呈现,如何埋点统计访问和行为数据,时间如何展示,文本框的输入等等。其实这些就是每一个PM需要遵守的规则,可以简单的统称为设计规范。
为了方便后续的工作,我将这几年的产品文档剥离掉具体业务,抽象出一套适用于移动端APP的规范大全。
提供Axure原型文件点击下载,在线查看唯一更新网址。

页面类型

基本上就这样几种,不一定都用得到。


善用Axure写PRD,全局规范一个都不能少_第1张图片
DraggedImage-1.png

页面间交互

参考的陈正曦的文章。


善用Axure写PRD,全局规范一个都不能少_第2张图片
DraggedImage-1-2.png

还有几种不常用的,供参考。


善用Axure写PRD,全局规范一个都不能少_第3张图片
DraggedImage-2.png

手势

善用Axure写PRD,全局规范一个都不能少_第4张图片
DraggedImage-3.png

页面的状态

善用Axure写PRD,全局规范一个都不能少_第5张图片
DraggedImage-4.png

页面内数据的加载逻辑

DraggedImage-5.png

页面加载

善用Axure写PRD,全局规范一个都不能少_第6张图片
DraggedImage-6.png

页面刷新

善用Axure写PRD,全局规范一个都不能少_第7张图片
DraggedImage-7.png

状态切换

善用Axure写PRD,全局规范一个都不能少_第8张图片
DraggedImage-8.png

申请授权

重点是看获取系统权限的地方,中间的业务细节可以不看。


善用Axure写PRD,全局规范一个都不能少_第9张图片
DraggedImage-9.png

图片相关

感觉逻辑上还有点问题,希望获得大家的建议。


善用Axure写PRD,全局规范一个都不能少_第10张图片
DraggedImage-10.png

时间格式

参考了知乎上一篇文章.

善用Axure写PRD,全局规范一个都不能少_第11张图片
DraggedImage-11.png

文本框

根据某位读者的需求,特意整理了一下常见文本框的规则。


善用Axure写PRD,全局规范一个都不能少_第12张图片
DraggedImage-12.png

总结

以上是我总结的APP全局规范部分内容,全部内容可点击查看浪子PRD规范。
本质上是一个产品设计的规范结合,类似于技术中的SDK工具包。
具体来说有功能规范、交互规范、视觉规范。深究下去你还会发现有命名规范、文字规范…
大家可以根据需要,将适合的部分用到自己的产品工作中。

你可能感兴趣的:(善用Axure写PRD,全局规范一个都不能少)