绘图原型是移动PM的必备技能。今天我将系统地解释移动APP原型的三部曲：固定保真度;画页;添加互动。

我希望通过这篇文章，主要的PM可以知道更标准化的原型设计步骤，而不是根据自己的感受盲目地设计原型。我希望你能少走弯路。

基于7年的产品运营经验，它可能不适合所有移动APP团队，但它对大多数中小型团队仍然有价值。

移动应用程序原型三部曲是一种方法论，因此它适用于所有原型设计软件，并不仅限于Axure RP。

固定保真度

在正式绘制App原型之前，您需要清楚应该绘制原型的程度。因为它决定了PM的工作量和产品质量。

绘制原型的程度通常取决于上级的要求或团队的习惯。当然，原型交付标准也可以根据团队的实际能力和在线要求进行优化。

不建议您遵循所谓的高保真，中保真，低保真原型。看来这个部门很专业，实际的概念还不清楚。所以我明确了他们的概念，以便每个人都能理解其中的差异。

低保真度=黑白线框，无相互作用

中等保真度=黑色和白色线框与主要交互

高保真度=具有完全交互的彩色线图

通常，低保真原型可以满足设计和开发需求。如果你看一下甲方，你可以使用中保真原型。除了B之外，很少使用高保真原型。

绘画页面

绘制页面是绘制原型的必备条件。例如，您需要提前确定页面的大小和位置，但主PM倾向于忽略关键步骤。

建议使用375次; 667绘制APP原型页面，该页面兼容所有当前屏幕分辨率。请参阅旧文章《为什么375×667是移动端原型的最佳分辨率》。如果您的手机是Android，那么360× 640很好。其他大小的绘画页面可能会影响视觉设计师，他们会产生某些错误的视觉印象

至于位置，PM注意力较少，但它会影响您在手机上预览原型的显示区域。像墨刀，小浦，justmind默认帮助你将位置设置为（0,0），而Axure，mockplus是一个无限画布，需要PM手动设置。未设置的结果是在手机上预览原型时很难看到页面内容。

确定页面大小和位置后，下一步是使用原型软件绘制页面。请参阅旧文章《如何使用Axure规范的画出页面的线框图》。

不特别建议PM在原型阶段对页面中的元素进行着色，这会妨碍视觉设计师的表现。当然，如果你想提高你的视觉感受，请在配色后只将黑白线框输出到视觉设计师（Axure支持这些功能）。

添加互动

如果您只绘制所有页面并将它们提供给设计和开发，那么它无疑是一个低保真原型。建议将主要交互添加到中保真原型的标准中。

所谓的主要互动，首先是指页面之间的跳跃。这很简单，但它可以显示整个产品的页面关系。它允许设计和开发快速评估整个版本需要多少工作。请参阅旧文章《如何正确地画出页面流程图》。

其次，您可以在APP中绘制导航，上部导航，常见吐司和项目符号图层，以便每个人都能轻松了解页面中的交互式体验。如果您提前制作APP组件库然后快速调用它，效率会特别高。

不建议100％地绘制所有交互。部分互动特别复杂，浪费了大量时间。最好直接编写逻辑表达式。

总结

权威性的绘制页面&加上互动，这是我理解的APP原型三部曲。

据我所知，大多数主要PM只知道第二步，“绘图页面”，这往往忽略了保真度和交互的重要性。我希望本文的经验将使每个人都能改变这种看法。

专栏

浪子，商业总监，浪子珠三角51dd.com，公共号码langzisay。

本文最初由@浪子发表。未经许可，禁止复制。

该地图来自unsplash，基于CC0协议

« 打破新纪录！天猫双11物流订单打破了16小时48分钟的创纪录时间！ | SEO排名整理方法：Google百度全部可用 »