1.3 原型设计（Beta）

什么是原型和设计？

原型：用线条、图形描绘出的产品框架，也称线框图。

设计：综合考虑产品目标、功能需求场景、用户体验等因素，对产品的各版块、界面和元素进行的合理性排序过程。

原型设计的重要性是怎样？

产品阶段：Idea→需求采集→功能结构→原型设计→产品需求文档（PRD文档）→Roadmap

原型设计在整个产品流程中处于最重要的位置，有着承上启下的作用。何出此言？原型设计之前需求或是功能信息都相对抽象，原型设计的过程就是将抽象信息转化为具象信息的过程，之后的产品需求文档（PRD）是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。所以说，原型设计的重要性无可替代，产品经理应当要对此有绝对的控制和驾驭能力。

话说回来，原型设计虽然很重要也应当是有限度的，原型设计的作用有以下几点：

1、因为是原型是需求和功能的具象化表达，所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。

2、因为原型相较于UI稿来说修改更方便，所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。

原型设计的类型和工具有哪些？

1、手绘原形（草图）

所需工具：铅笔、橡皮、白纸

铅笔相比于中性笔的好处在于方便修改，白纸的好处在于安静的随心所欲，不过对于移动产品的设计来说，本人倾向于使用印有手机框架的白纸上绘制，以便于快速进入情景状态，也能对首屏的界面分配做到心中有数。

PS：给草图（App）拍照，配合POP使用，也可以实现交互效果，有兴趣的童鞋可以试下。

由于草图的非正式性，多使用原型设计的前期论证阶段（功能设计可行性），个人也比较喜欢先画草图（纸上推演）再画工具原型（完善）。

2、工具原型

所需工具：Axure RP（推荐）、Justinmind（App）、Keynote（最近比较火，适用于Mac OS）

多说一句，凡是软件（不论PC或是App），我都建议用最新版，产品经理更应该如此。

Axure RP无论是PC端产品经理还是App产品经理都会比较熟悉，通过工具绘制的产品原型已经比较正式，如果添加了色彩和交互动作（高保真），可以与最终产品形态无异。

在这里有必要说一下原型有没有必要做到高保真的状态，个人观点是：没有需要，就没有必要；时间宽裕，做交互但不加颜色。

原型的目标在于清楚的表达产品的设计理念和功能的执行逻辑，所以我认为能够达到这个目标的原型都是合格的，在原型中加入色彩和交互的目的无非是让产品经理与技术的沟通更加顺畅。再说，PRD的作用也是交付给技术，完整的PRD应当包括功能需求、线框原型、PRD描述、UI稿、UE演示和修订记录。产品经理阶段的原型就高保真了，是不是PRD就不用写了呢？视觉设计师的UI稿根据高保真原型来设计？那交互设计师的呢？（多数公司没有该职位）

多一些时间，用来观察用户、分析需求、重视（用户体验）细节……

Think different！

源文件下载：

1、点评-附近美食.rp

                                                                                                 Openself.me

                                                                                                   2015.1.14