上图为程序员客栈过往某期某个部分的结构图。

产品架构图一般用脑图完成，目的在于描述整个产品的结构，模块以及页面数量。

上图为客栈某功能的业务流程图。

主要用于阐述核心业务流程，便于后端开发业务逻辑，以及各端配合。

以程序员客栈某期的登录流程为例，线框图及交互的目的在于根据功能需求设计每个页面的布局，以及页面与页面之间的交互。

这一步的关键是布局，以及页面切换逻辑。高保真不是必要的。

这一步是对于主要页面进行分解详述，让设计师，开发者明白每个部分如何展现，作用是什么。

上图的描述内容如下：

分为二个部分：

1）我的待办事项：按触发时间排序

包括所有项目/雇佣的待完成操作

需求方：

1-项目：确认报价，确认流程协议，托管费用，确认完成，评价

2-雇佣：托管费用，评价

开发者：

1-项目：接单，提议开发流程，提交项目完成

2-雇佣：接单，提交完成

2）我的待完成里程碑：按交付时间排序

原型如下：

1）左边栏我的项目之上，增加“待办事项”菜单，并展示待办事项总数。

2）中栏标题：待办任务（待办任务计数）

3）第一子标题：待操作任务“（待操作任务计数）”

4）待操作任务的具体内容：

每条任务的结构：

触发日期，项目/雇佣类别，项目/雇佣名称，“等待您”文案，操作动作（带连接）

动作：

点击操作动作的链接，可以跳转到对应页面，用户可以直接完成操作。

结果：

用户完成操作后，该待办任务从待办列表里移除。待操作任务以及待办任务计数更新。

5）发布方确认的特殊情况，增加文案提醒：

确认项目完成：

（7日内未确认我们将默认完成且好评，并付款给开发者）

评价雇佣的开发者：

（7日内未评价我们将默认好评，并付款给开发者）

6）开发者接单特殊情况，增加文案提醒：

项目接单：

（1个小时内未接单将视为您放弃本次机会，我们将对接下一位开发者）

雇佣接单：

暂时没有时间限制。如果超过一天我们将人工提醒。

7）第二子标题：“待完成里程碑（计数）”

8）具体内容：

结构：

完成框，里程碑内容，负责人，交付时间，项目

各条里程碑按照交付时间顺序排序

已逾期项目按照逾期方式展示（标签为灰底，标签文字为红色）

动作：

点击 完成框，可以完成该里程碑。

鼠标浮动上去，可以编辑/删除该里程碑，点击负责人/交付时间，可以进行修改。

点击项目，可以跳转到该项目开发流程页面。

结果：

用户完成该里程碑，该里程碑从待完成列表里移除。待完成里程碑以及待办任务计数更新。

用户编辑该里程碑，编辑动作在对应项目的timeline上记录，计数无变化。

用户删除该里程碑，删除动作在对应项目的timeline上记录，待完成里程碑以及待办任务计数更新。