【客栈学院】产品原型交付标准说明

0 文档结构应该包括：

1、产品结构脑图／表格 （10分）

2、核心业务流程 （10分）

2.1用户核心任务流程（2分）

2.2核心功能状态转化流程图（8分）

3、功能点梳理清单（10分）

4、原型线框图「前端（40分），以及后端（30分）」（各端包含规范（70%），静态内容（15%），可交互内容（15%））

交付中评分低于80分的文档，将无法通过验收，需要优化完善直至达标。


详细说明:


1 产品结构脑图／表格（10分）（只需提供软件开发部分）




2 核心业务流程图（10分）（只需提供软件开发部分）

2.1 用户核心任务流程图（2分）




2.2 核心功能状态转化图（8分）




3 功能点梳理清单（10分）





4 原型线框图：（前端40分，后台30分)

4.0 规范：（70%）

原型线框图每个独立页面都应该有独立编号，便于设计和开发时一一对应。

示例：


各类注释说明和原型部件一一对应，容易阅读。已经在其他页面说明过的部分，可以在说明具体页面具体对应部分后，不用再详细一一说明。

示例：

or：

图形结构清晰，主要内容没有被遮挡或者因为其他原因导致无法阅读；

注释完整：原型线框图每个页面上对应的静态内容，可交互内容都应该有完备说明。

4.1 静态内容：（15%）

应该说明 1 - 本页面涉及的完整字段列表，2 -字段内容的规范， 限制，3 - 数据来源，等。

内容应该做到一一对应。

1 - 本页面涉及的完整字段列表：

如上图所示，右侧注释中明确说明了左侧图中所涉及的所有字段：支付宝账号，备注，余额，资金输入框，全部取出，确认，以及说明文案。

2 -字段内容的规范：参考上图中关于余额和资金的说明描述

3 - 数据来源：写清楚可追溯的来源，避免出现无源头的数据，给后面开发造成困扰。如：数据来源于用户的输入／来源于后台具体某个页面的设置／来源于系统自动记录／来源于第三方平台等。

示例：第二点说明

4.2 可交互内容：（15%）

1 - 应该说明交互流程，交互的具体操作及其后果，要做到一一对应。

如果后果是另外一个页面，需要说清楚页面编号/页面具体名称。（如上图第3点）

2 - 核心流程要有线框交互图：（见下图）

连接线的起点，指向触发动作的控件（文件，图片，按钮，或者其他）；

连接线上，如果不是简单点击，要写清楚场景下，什么动作触发会导致接下来的结果。

连接线的终点，指向动作后的结果页面。

如是动态交互图（如墨刀）需以文字形式进行说明清楚交互原理，如不在同一个页面展示，需在目录里进行标明。

培训报名入口：产品原型规范培训报名