根据这几年的产品运营经验总结得来，不一定适合所有的移动端 WordPress APP 团队，但是对于大部分中小团队还是比较有借鉴价值。移动端 WordPress APP 原型设计，是方法论，所以适用于所有的原型软件，并不局限于 Axure RP 。

　　定保真

　　正式画 WordPress APP 原型之前，需要明确 “原型该画到什么程度” 。因为它决定了 PM 的工作量多少以及产品上线的质量。

　　原型画到什么程度，一般取决于上级的要求，或者延续团队之前的习惯。当然也可以根据团队实际能力以及上线要求来优化原型交付标准。

　　不建议大家按照所谓的高保真、中保真、低保真原型来理解。看上去划分很，实际概念不清晰。所以我明确了他们的概念，方便大家理解其中的差异。

　　低保真=黑白线框图，无互动

　　中保真=黑白线框图，带主要互动

　　高保真=配色线框图，带全部互动

　　一般来说低保真原型就能够满足设计和开发需求。如果给甲方看可以使用中保真原型。高保真原型除了装 B 很少用到。

　　画页面

　　画页面是画原型的必备工作，比如需要提前确定页面的尺寸和位置，不过初级 PM 容易忽视关键步骤。

　　建议使用 375×667 来画 WordPress APP 原型页面，能够上下相容目前主流的所有萤幕解析度。可参考旧文章《为什么 375×667 是移动端原型的理想解析度》。如果您的手机是 Android，那么使用 360×640 也可以。其他尺寸画页面会影响视觉设计师画出有一定误差的视觉稿。

　　至于位置更少有 PM 关注，但是它影响着您在手机上预览原型的展示区域。像墨刀、 xiaopu 、 justmind 预设帮您把位置设为 (0,0)，而 Axure，mockplus 是无限画布需要 PM 手动设定。不设定的后果就是手机上预览原型的时候很难看到页面内容。

　　确定页面尺寸和位置后，接下来就是用原型软件画出一个个页面。可参考旧文章《如何使用 Axure 规范的画出页面的线框图》。

　　不是特别建议 PM 在原型阶段就把页面中的元素进行配色，会妨碍了视觉设计师的发挥。当然如果您想提升自己对视觉的感觉，请配色之后只输出黑白线框图交付给视觉设计师 (Axure 是支持这样的功能) 。

　　加互动

　　如果您只画了所有页面，就交付给设计和开发，那么无疑是低保真原型。建议加上主要互动，以中保真原型的标准交付给大家。

　　所谓的主要互动，先是指页面之间的跳转。这个做起来很简单，但是能够展示整个产品的页面关系。能够让设计和开发快速的评估整个版本大概需要多少工作量。可参考旧文章《如何正确地画出页面流程图》。

　　其次，可以把 WordPress APP 中的下导航、上导航、常见 toast 、弹层一并画出来，方便让大家了解页面内的互动体验。如果提前做成 WordPress APP 组件库然后快速呼叫，效率就特别高。

　　不建议 100% 的把所有互动画出来，部分互动特别复杂会浪费很多时间，还不如直接写文字逻辑表述。

　　定保真& 画页面& 加互动，这就是我理解的 WordPress APP 原型设计三部曲。

　　就我所知大部分初级 PM 只知道第二步 “画页面”，往往忽视定保真和加互动的重要性。