快好知 kuaihz

善用Axure写PRD,全面通用的移动端产品规范V2.0

对于初级PM,会被动的感觉到技术会反复的问一些共性问题,比如页面如何加载、如何跳转,网络不好如何呈现,是否需要全局埋点统计数据。对于高级PM,会主动的整理出一套通用的产品规范来处理APP的各种设计问题,甚至参与到搭建和重构客户端框架。

产品规范的由来

像UI设计师有统一的视觉规范、UE设计师有公认的交互规则、服务端RD自己的设计模式,客户端RD有各种前端框架调用。

而在当下的互联网环境下,PM其实一直没有所谓的通用产品规范。也许是因为PM大部分是非科班出身,有可能是因为工作范围太模糊,更有可能是因为PM需要介入每个环节而无法专精。

我根据自己的PM经验,将这几年的产品文档剥离掉具体业务,整理了一套全面通用的移动端产品规范,希望对大家有点帮助。

产品规范是是什么

定义产品在原型、视觉、交互、实现等阶段,需要团队成员遵守的通用规则。

为什么是V2.0

之前写过《PRD1.0分享:全面通用的移动端产品需求文档》,里面其实包含不少这方面的知识。这次分享更加系统化,并且力求以很好的结构思维来呈现。

预览我的PRD规范

在线查看唯一更新网址,获取原型点击下载。

功能规范

设计功能的时候应该遵循的规范,慢慢整理中。

比如功能尽量模块化,尽量解耦。

比如很多功能应该采用SDK,而不是自己开发。

比如时间显示应该有统一的规范,不应该一会儿是1分钟前一会儿是60秒前。

原型规范

包括设定原型的尺寸,创建原型,发布原型,查看原型的步骤。之前写过相关的文章,《为什么375×667是移动端原型设计的最佳分辨率》,《如何设置手机APP原型尺寸》 ,《如何生成适配手机的原型》。

视觉规范

指视觉元素需要遵循统一的视觉设计规则,所谓UI元素是我们应用程序里可以看见的任何可视内容。

页面

页面按照使用类型来划分,大概有启动页、闪屏页、故事板、主界面、Hybird页,普通页面。

一般分为状态栏、导航栏、搜索栏、工具栏、标签栏。

控件

太多了,常见的有文本框、按钮、表格、图片,具体的请下载原型或者查看在线原型

临时视图

需要让用户停下当前操作的必须操作,一般显示在页面上一层。

比如警告框,用于告知用户一些会影响到他们使用APP或设备的重要信息。

内容视图

内容视图是整个APP信息展示的主要形式,比如列表、卡片、集合视图等。

顾名思义,用来展示内容。

交互规范

包含页面的交互、状态的切换、如何定义热区范围、边界问题、常见输入字段。详见之前的文章《APP文本框通用的输入规则》。

非功能性需求

软件产品为满足用户业务需求而必须具有且除功能需求以外的特性。

命名规范

命名规范的作用

PRD的目的是定义产品和传达需求,表达形式其实就2种图+文。对图文的命名直接影响着需求是否能够准确传达。

总结

以上内容是从PM的思路来通盘考虑产品开发的每一个阶段,梳理出的交付给UI、RD的PRD规范。其实还不够有深度和全面,甚至大纲还可以继续拓展。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:善用  善用词条  通用  通用词条  规范  规范词条  全面  全面词条  移动  移动词条  
原型

 Axure实现Material ...

最近在写一个谷歌材料设计 Material Design风格的WEB产品,在开发过程中将产品原型做成了Axure元件库,当然目前没有完全完成。本文将以实现谷歌材...(展开)

原型

 自定义微信元件库:Axure基本...

阅读本篇之前,如果没有了解上篇,请点击这里查看《自定义微信元件库:Axure基本元件的应用(上)》。下篇讲解的是微信以下自定义元件的实现过程:弹出菜单消息列表样...(展开)

原型

 Axure教程:“放大镜”效果如...

不知道大家在做原型过程中是否通常会遇到一些想要的交互效果,可是呢又做不出来,那就很难过。没关系,我们慢慢的熟悉,今天分享一个把图片局部放大的交互——“放大镜”效...(展开)