合格的产品原型

产品原型图是阐明产品功能和业务逻辑的文档，包含信息结构图、业务线流程图、承载功能的页面和实现功能的逻辑等。高保真的原型图可以减少沟通成本，尤其是用在与客户确认需求的时候，那么怎样的“高保真”才是合格的呢？

我们先看一张不合格的原型图。

不合格的原型图

1、指示不明（不登录显示什么？有没有下拉？）

2、标签多余（其他页面没有与之相关的编辑页面）

3、缺少按钮操作的提示；

4、信息冗余。

5、缺少总览页面的信息结构图与业务线流程图；

我们再看一下优化后的合格的原型。

信息结构图 流程图 页面间的逻辑与说明

高保真的原型图是敏捷开发中能够把各种损耗降到最低的方式，对于高保真的标准因项目而异，总体而言，只要原型图中使用场景、信息结构、业务流程、实现逻辑清晰明了，控件大小、布局位置合适美观，就可以认为是合格的原型图。

制作原型图要重点注意下面五个方面。

1、画原型之前弄清楚你的用户的真实需求是什么，最好是能拿着初版的原型图与客户反复沟通、确认、优化；

2、页面逻辑：在原型之前要有一张页面的逻辑结构图，说明页面之间的逻辑，让阅读原型图的人能够有一个全面的认识；

3、数据逻辑：比如用户跳转到一个新的页面，该页面是动态的，数据如何获取？怎样排列？都需要你在原型上清楚地说明。有些排序逻辑很简单，按照时间倒序或顺序排列，但是你不说清楚，让开发去猜吗？

4、操作逻辑：任务操作流程要明晰，每一步的操作和反馈要标明。页面中的操作元素哪个可以点击，哪个可以选择，操作后出现怎样的反馈，比如弹出浮层？进入新页面？还是给一个提示？这些也是需要在原型设计里面标注清楚。

5、不要省略页面元素的注释、描述，也不要一味地追求华丽的页面动效。能使用函数的地方不要写死，保证原型的弹性，方便复用、修改。

如下图，可以在原型设计上做相关的注释说明。明确界面上的元素、数据逻辑、操作逻辑等。

原型图标注示例