原型设计：互联网创业者赢在起跑线上的第一要素。

原型设计的诞生和了解

互联网创业者踏上起跑线的那一刻，产品诞生最大的风险来源于需求的不确定，沟通中的理解偏差，当您以为程序开发者明白您想要什么的时候，当您以为用户是这样使用产品的时候，其实噩梦才刚刚开始.....

在移动互联网时代，会说话的产品，深刻理解用户需求的产品，才最具有竞争力，才能在海量的信息中，让用户记住你。

而一个应用诞生的过程，在没有原型的时代是有多么的痛苦。识别问题，沟通偏差，开发成本的浪费，无形中增加了很多风险。

而原型设计的诞生完美的解决了这一系列的问题。

原型设计可以概括的说是整个产品面市之前的一个框架设计。

原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。

原型设计之于应用开发，是为第一要素。它所起到的不仅是沟通的作用，更有体现之效。通过内容和结构展示，以及粗略布局，能够说明用户将如何与产品进行交互，体现开发者及UI设计师的idea，体现用户所期望看到的内容，体现内容相对优先级等等。原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。

原型设计的流程

    开始做原型之前，请先考虑清楚以下几个要素：

• 做这个原型的目的是什么？

• 这个原型的受众是谁？

• 这个原型有多大效率帮助我传达设计或测试设计？

• 有多少时间做原型？需要什么级别的保真程度？

原型设计流程

步骤一：画草图

画草图的目标是提炼想法，并且最好给画草图加上一个时间限制，那就是15分钟。如果你绘画能力很差，那么恭喜你，可能你能更好地用好草图，因为你的注意力没有放在美化你正在画什么上面。

画草图要避免陷入审美细节，尽可能快速的导出想法才是关键。

步骤二：演示及评论

演示和评论的目标是把一些想法拿出来跟大家分享，然后进一步完善想法。在演示过程中，要做好记录，演示和评论的时间可以对半分。

步骤三：做原型

在明确了想法之后，就可以开始进行原型设计了。这个阶段需要考虑很多细节，找出切实可行的方案，运用合适的原型来表达。

步骤四：测试

原型的目标之一是让受众来检验产品是否达到了预期，因此可以请5-6位测试者，通过音视频捕捉等方式，看看产品原型是否被顺畅地使用了。

原型设计工具

选择什么工具来制作原型？主要考虑以下几个因素：

• 熟悉程度和获得工具的便利度；

• 所需的时间和精力；

• 可复用的代码/框架；

• 为测试创建可用的原型；

• 价格和学习曲线。

Axure RP

Axure的优点不用多说，但使用它一个工具就能满足设计和文档需求（通过注解，生成规格文档）。

Axure自带的部件库也给制作过程带来了便捷，类似Omnigraffle的stencil一样，避免了重新发明轮子。

要掌握Axure，主要应该弄懂四大核心功能：

• 母版：主要用于制作网页的页头、页尾，可复用性高；

• 动态面板：核心中的核心，“层”的概念很重要；

• 图片热区：在一张完整的图片上通过热区，建立交互动作；

• 函数和变量：局部变量和全局变量的概念以及应用（比如用户登陆效果）。

Axure 7.0还有中继器这个功能，但是个人觉得比较鸡肋，学习成本也比较高，主要可以用来做搜索框的搜索结果联想的原型。

原型测试流程

原型测试是原型设计过程中的关键步骤，是整体流程中主要的里程碑之一。

可用性测试是一个庞大的话题，测试方法有一对一或者远程测试，难点是从测试中得到有质量的成功。

测试结果取决于测试者，务必招募到合适的人。要找到合适的人，需要对测试者制定一系列的筛选标准，比如一个社交产品绝对不可能找一个连电子邮件都没有的人来测试。

测试时长可以是一个小时左右，足以测试5个到6个左右的关键场景，并列出一些观察结果和关键问题，例如：

• 用户如何开始任务的？（是搜索还是浏览？）

• 他先做了什么，再做了什么？

• 他如何做出最终决定的？

• 他们是否领会了设计意图？有什么操作困难？

关于记录测试结果，可以结合定性和定量两种方式，做一张计分表，用1-5的程度来表示；同时定性地记录用户的一些表达，尽可能地原话记录。

最后分析这些记录，改善设计。

产品原型设计或者说产品开发是没有尽头的，它是一个不断发展，循环上升，整合知识和经验，不断迭代和完善过程。