程序员客栈——产品原型交付标准说明

产品 小wa 2017-09-22 16:06:36 ⋅ 最后回复由 合金火柴 2017-12-06 21:07:18 1002 阅读

0 文档结构应该包括:

1、产品结构脑图/表格 (10分)

2、核心业务流程 (10分)

2.1用户核心任务流程(2分)

2.2核心功能状态转化流程图(8分)

3、功能点梳理清单(10分)

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

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


详细说明:


1 产品结构脑图/表格(10分)(只需提供软件开发部分)

file


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

2.1 用户核心任务流程图(2分)

file


2.2 核心功能状态转化图(8分)

file


3 功能点梳理清单(10分)

file



4 原型线框图:(前端40分,后台30分)

4.0 规范:(70%)

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

示例:

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

示例:
file
or:
file
图形结构清晰,主要内容没有被遮挡或者因为其他原因导致无法阅读;

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

4.1 静态内容:(15%)

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

内容应该做到一一对应。

file

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

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

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

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

示例:第二点说明

file

4.2 可交互内容:(15%)

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

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

2 - 核心流程要有线框交互图:(见下图)

连接线的起点,指向触发动作的控件(文件,图片,按钮,或者其他);

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

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

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

file

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

本帖已被设为推荐主题!
回复数量: 3
暂无评论~~
Ctrl+Enter