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

2017-03-09  本文已影响495人  浪子说

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

页面类型

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


DraggedImage-1.png

页面间交互

参考的陈正曦的文章。


DraggedImage-1-2.png

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


DraggedImage-2.png

手势

DraggedImage-3.png

页面的状态

DraggedImage-4.png

页面内数据的加载逻辑

DraggedImage-5.png

页面加载

DraggedImage-6.png

页面刷新

DraggedImage-7.png

状态切换

DraggedImage-8.png

申请授权

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


DraggedImage-9.png

图片相关

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


DraggedImage-10.png

时间格式

参考了知乎上一篇文章.

DraggedImage-11.png

文本框

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


DraggedImage-12.png

总结

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

上一篇下一篇

猜你喜欢

热点阅读