产品入门part5 - 原型训练

01 原型的基础1-页面流程

1.为什么要用页面流程？

其实对于很多b端产品，是不需要页面流程的。因为一个简单的功能，一个列表页，一个详情页足够了。

但是对于c端产品或者比较复杂的电商、社交产品，流程确定下来后，需要把他具象成用户可见的东西，这时我们需要页面流程图来帮助我们展示交互和展示上的东西。

让产品设计的流程逻辑十分清晰，一开始不画业务流程和页面流程，原型会一直在改。首先有业务流程，然后有页面流程，结果是非常稳定。

2.怎么画页面流程图？

-回归业务流程，明确主线

-明确每个页面的核心元素

-沟通与优化（穷举所有页面然后做优化）

以下为AppSo内容发布页面流程示例：

AppSo内容发布页面流程

通过页面流程，可以清晰的看到用户完成这个操作需要多少页面，以及每个页面所做的重要操作。

02 原型的基础2-信息架构图

相比于页面流程图，信息架构图更适合于层级分明的，如音乐产品、新闻客户端、阅读类产品等。非必须。

蜗牛读书信息架构图

03 如何进行原型设计

好的原型整体感受是页面结构清晰的，各个独立页面元素明确有序，也有清晰、一致的交互逻辑。

那么，如何进行原型设计呢？

初学阶段，模仿是最好的学习。只有不停的去练，因为原型设计是产品经理的基础技能，提高没有捷径，只有多练，练100遍。

方法论：

1.确定流程：通过业务流程(必须)

2.确定页面结构：明确页面流程(可手绘)或信息架构图。

3.确定各个页面元素：可以先手绘，再画原型。

最后，附上几张画过的原型图参考：

服务号-咨询-列表页 服务号-咨询-编辑页 服务号-咨询-详情页 企业号-任务-列表页 企业号-任务-编辑页 pc -登录 pc-首页 pc-新手导航

另外，自己整理了最实用、齐全的元件库，包括axure视频教程等，需要的可私聊作者。

元件库