产品经理之学习原型图

一、前言

        由于最近自己对导师布置的项目--软件缺陷跟踪系统，项目文档要求不清晰，难以获取准确的用户需求，只能通过网上已有的软件缺陷管理系统作为参考去开发属于自己的系统，获取合理的需求和功能，这时候面对不清晰的用户需求时，原型分析法是获取用户需求的最好的方法。

二、为什么要学习原型图

        作为一个产品经理，学习原型图可以帮助自己更好地理解、表达和共享产品设计方案。具体来说，原型图是产品设计中非常重要的工具之一，它可以将产品的设计思路转化为可视化的图形，在不需要编写和运行实际代码的前提下，预览和测试产品的功能和交互效果，发现和修复设计问题。通过学习原型图，产品经理可以更好地与设计师、开发人员、用户及其他项目利益相关者协作合作，加速产品迭代周期，减少沟通误差，提高产品的用户体验和市场竞争力。

二、原型的分类

草图：一般主要用于产品经理整理思路，寻找灵感，或者在产品团队内部相互讨论，碰撞火花时使用。划给自己看，想怎么画就怎么画。
低保真：用于“生产的图纸”，要简单易读，内容全面，标注准确，是其他同事工作的参考，因此必须带有交互说明。
高保真图：用来展示效果的原型，大量使用真实的图片、真实的色彩、拟真的交互效果，努力营造真实产品的使用状态，除非特殊要求，一般不带交互说明。

低保真原型的终极目标——表达产品经理的意图
​ 产品经理的理念之一就是以目标为导向，也就是说，为了目标可以不惜一切方式和方法。开发过程中绘制低保真原型的核心目的就是想UI、研发、测试传达产品经理的设计意图。只要能表达的清楚、准确，避免后续的反复、偏离甚至是错误就是成功的。

​ 产品经理并非必须在设计原型时之使用黑白颜色，必要是时候也可以使用一些颜色来表达自己的意图。当需要向研发同事示意某个交互需求时，也可以大胆的在低保真原型中使用交互。
 

三、怎么画原型图

        原型图是产品设计中非常重要的工具之一，它用于将产品的设计思路转化为可视化的图形。原型图有多个类型，包括极简原型、低保真原型和高保真原型等。以下详细描述了如何制作一个基本的原型图：

第一步：明确需求和目标用户

在开始绘制原型图之前，首先需要明确产品的设计需求和目标用户。这是非常关键的，因为只有理解了产品的实际需求和用户需求，才能画出相应的原型图。

第二步：绘制草图

确定需求与目标用户后，接下来可以根据讨论的内容，使用纸笔或其他软件工具绘制草图。 草图可以帮助你迅速快速考虑设计元素以及全体画面的结构。可以尝试更改不同方案，找到最佳方案，并且确定整个原型和演示的流程及内容。

第三步：创建低保真原型

当完成初步的草图后，你可以使用一些专业的工具软件来制作低保真原型。这里推荐 Axure RP、Sketch、Adobe XD 等软件。这些软件受欢迎的原因是他们拥有丰富的组件库，可以很容易地排版和创造UI的组件。低保真原型可以是一些简单的线框图，只包含基本元素和交互效果。

第四步：添加交互

完成低保真原型后，需要添加一些交互效果。这些效果可以让用户更好地了解产品的体验。在设计过程中，我们不仅要考虑页面之间的连接关系，还要考虑每个页面元素的动态效果，并且结合页面信息流程，考虑完成组件需要发起的事件、请求数据等状态，加强产品交互性并增添趣味性。

第五步：细化优化

最后，在预览所有原型后，再次检查细节问题，确认是否存在错误或遗漏的内容进行完善。原型如同展示产品的前门店面，我们需要用心打造，反复推敲，经过改进，制定成功的原型方案才能达到高品质标准。在尽可能实现产品时，我们也需考虑到工作量及时间精力管理情况下，选择适当的方案，避免浪费开发人员及团队过多无谓的劳动成本。

综上所述，有了上述五个步骤可以方便您画出原型图，当然也有可能会有一些创新与个别技巧，可以自由试验和索取经验。

这是我自己经过学习之后在平台上为自己的项目做的原型，链接在下面：

Uizard可以去看看，这个平台也说免费的制作原型的平台，可以供大家学习。