很多产品经理/产品助理在画原型时会遇到这个问题：劳资到底是画高保真呢还是线框图？简直是人生的十字路口啊，高保真可以装B，但是线框图要节省很多时间……其实呢，高保真原型的是用于给甲方/大BOSS等展示产品用的，如果原型仅仅是用于团队内部开发，线框图+一点点交互就完全足够了。
产品经理制作原型的目的，是为了更好的想设计师、程序员等表达自己的想法，告诉大家我们要做的是一个什么样子的产品。对于一个完整的产品来说，有3种方式画原型，下面老K就做一个简单的注册/登录流程展示着三种方式的优缺点：
 

页面跳转


如上图，简单的注册登录流程需要4个页面：起始页、登录页、注册页、找回密码页。我们在左边的page栏新建4个页面，分别进入每个页面，编辑内容。最后把页面跳转做好就OK。

优点：方便从左边page栏的页面看清整个产品的页面逻辑
缺点：不能装B
 

动态面板


如上图，把所有的页面内容做到一个动态面板中，然后页面之间的跳转用例就是切换动态面板的状态。

优点：预览时可以很好的模拟手机上的操作
缺点：看不清产品结构，容易漏做页面
 
流程图+动态面板

下面隆重推出老K发明的做原型的方法，用这个方法可以促进开发团队的和谐共存，有效的避免产品经理被砍等恶**件的发生：


如图所示，右侧是一个动态面板，包含产品的所有页面。左边是一个流程图，也就是页面逻辑，包含所有页面以及对应的跳转关系。

优点：狂拽炫酷吊炸天，既能看清产品逻辑结构又能模拟手机端的操作。
缺点：你不会以为这种方式有缺点吧？！
 

产品原型图可以很好的帮助产品经理表达自己的想法，仅此而已，再次建议大家不要沉迷于做各种高保真的原型图，这样对你的产品经理职业生涯并没有一点好处。

最后，查看完整的原型请点击图文左下角“阅读原文”。更多疑问请加QQ群：289706335 一起交流一起成长。

少年们，我们的征途是星辰大海
产品经理日记
微信：p_m_diary
更多干货请长按二维码关注

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。