产品设计流程系列：怎样进行原型设计(上).pdfVIP

产品设计流程系列 ：如何进行原型设计 （上 ） 经历了漫长的产品设计流程 ，我们终于来到了 后一个环节 ，也就是根据之前梳理的产品流 程来进行产品的界面设计了。 产品经理其实都知道 ，在这样一个看重颜值的时代 ，一个赏心悦目的网站 （或者移动A PP ）是多么 重要。每一个产品经理 ，也都希望自己的创造的产品是与众不同的 ，在茫茫的互联网产品海洋里 ， 能够闪出耀眼的光芒 ，就好比每个人都希望自己是人群中独一无二的那一个。嗯 ，这么说来 ，其实 每一个产品经理的内心深处 ，都有着一颗文艺青年的心灵 ，也正是拥有了这样一颗感受丰富、细腻 的产品之心 ，才使得我们能够对产品设计的细节有着更为透彻和深入的理解。 在大公司内部 ，通常来说不需要产品经理去进行具体的界面交互设计 ，多数是由产品团队与UED团 队合作进行产品原型的设计 ，出具的交付物是产品原型和页面交互图 ，而产品经理则需要产出产品 需求文档 （PRD文档 ）。但是在绝大多数创业公司团队里面 ，则没有配置那么豪华的产品设计、交 互设计团队 ，常见的搭配往往是一个产品经理加上一个UI设计师 ，所以一般都是产品经理自己身兼 交互设计的工作职责 ，输出交互设计稿 ，也就是产品原型。 什么是产品原型 说的简单一点 ，产品原型是设计方案的表达 ，是产品经理、交互设计师的重要产出物之一 ，也是项 目团队的其它成员 （尤其是设计师、开发人员 ）的重要参考和评估的依据。 结合我们前面了解的知识 ，产品界面原型其实就是页面级别的信息架构、文案设计、及页面和页面 之间的交互流程 ，它是产品功能与内容的示意图。 直接上几个原型图 ，可能会更加清晰明了 ，如下图 ： 原型设计稿 产品设计原型按照精细程度来分 ，可分为低保真产品原型和高保真产品原型、设计成品 低保真产品原型 所谓低保真原型 ，其实是对产品较简单的模拟 ，它只是简单的表述了下产品的外部特征和基本功能 构架 ，很多时候都是用简单的设计工具迅速制作出来 ，用来表示 初的设计概念和思路。 比如用纸和笔进行的手绘 ，用画图软件做出的简单线框图 ，都算是低保真产品原型。 这样的原型图有几个好处 ： 可以快速产出 ：有时候一个需求的开发周期很短 ，低保真原型可以快速满足同事的时间要求。 修改成本低 ：一个产品策划很可能会被修改很多次 ，低保真的原型修改起来很方便。 当然 ，低保真原型也会有几个问题 ，比如交互细节不清楚 ，容易造成误解等。通常来说 ，一般只有 时间比较紧迫 ，需求也比较简单的时候 ，我们才会去产出低保真产品原型。 高保真产品原型 高保真产品原型 ，则是高功能性、高互动性的原型设计 ，是忠实展示产品功能、界面元素、功能流 程的一种表现手段。原型图中无论是功能模块的大小 ，还是文案设计甚至是所用的图标、图例、交 互动作 ，都使用真实素材 ，或者说和 终UI设计师的产出非常接近 ，就算是高保真产品原型了。 高保真的好处 ： 便于梳理产品细节 ：制作高保真原型的过程中可以让产品经理提前发现产品潜藏的各种问题 ，提 前处理风险。 更容易让其他成员了解产品设计 ：有时候简单的线框图无法让别人想象出你要做的事情 ，也不清 楚你要放的是哪几个字段 ，而高保真原型就可以。 相对而言 ，劣势就是制作周期比较漫长 ，涉及到产品流程的修改 ，那基本原型就得回炉重造一遍。 对于刚入门的产品经理 ，我一直建议有时间的话 ，还是尽可能多的画高保真原型。因为在一开始产 品设计经验不多的情况下 ，通过设计一些高保真原型 ，对梳理自己的产品思维、了解产品设计是很 有帮助的。对于已经入门很久的同学来说 ，则看需求的复杂程度和时间安排 ，比如产品的关键页面 是必然要用高保真原型去设计和梳理的。 设计成品 设计成品在这里 ，你也可以理解为是视觉设计师产出的UI设计稿 ，也就是设计师对你的产品原型进 行美化之后得出的作品。设计师会运用一定的设计规范 ，来将你的原型变成可以让开发进行实现的 作品。 在设计成品出来的那一刻 ，产品经理需要做的就是和设计师进行PK就好了 ，我们在这里就不再过多 来描述了。 放上一张图来比较下三种原型的区别 ： 三种原型比较 原型设计工具 这里给大家介绍几款产品经理常用的原型设计工具 ： Axure RP ，推荐指数 ✦✦✦✦✦ axure官网 Axure RP是一个专业的快速原型设计工具。A