原型设计

什么是原型设计?

原型设计是产品经理确认需求、设计产品最重要的沟通工具

原型设计的发展历史

上世纪70年代,瀑布模型的提出很大程度上改进了软件项目的开发,但是需求不明确和多变一直是一大难题。《人月神话》作者弗雷德里克·布鲁克斯第一次提出了:“在获取核制定软件需求时,将快速原型开发作为迭代计划的一部分”。

于是后来快速原型成为一个开发模型,它的特点就是快速开发,快速修改,目的就是为了解决客户的需求不明确和多变的问题。

我们需要注意,这里的快速原型模型,是开发软件项目的一种模式,而不是工具。

举个例子,如何用快速原型模型开发网站?我们可以分三个阶段:

1.纯静态HTML页面,我们能看到页面是什么样子,没有后台,无法修改保存数据,这开发成本不高,速度快,改起来也方便,做好了就可以跟客户确认需求,客户看到后会知道自己的产品长什么样子,是不是满足需求,会提出反馈意见,我们再根据反馈意见继续修改静态页面

2.模拟后台服务,没有数据库,数据保存在内存,可以让网站有真正的交互,后台添加修改的内容网站能够实时显示出来,此阶段客户能够进行网站交互体验,进一步提出体验反馈

3.完成最终的后台服务,接入数据库,完成整个开发,因为前两个阶段我们都把需求和交互确认清楚,所以此阶段可以高效的完成开发任务

简单概括来首快速原型模型就是:第一阶段确认界面布局和内容,第二阶段确认交互,第三阶段实现

快速原型开发可以低成本、快速的确认好需求,但是整个过程单靠产品经理是无法完成的,必须要有开发人员配合才能完成,这个沟通是一个高成本的事情。

  1. 低保真原型设计

产品经理用线框图来代替第一阶段,线框图画起来简单,纸和笔就可以了,展示效果也OK,通过线框图可以直观的看到界面上有什么,布局是什么样子的,也可以和客户来确认需求。

原型设计

简单方便能够起到沟通需求的效果,但是缺点也明显,看起来不够真实,不能反映界面之间的关系和交互。

2.中等保真原型设计

后来有了类似Axure这样专业的原型设计软件的诞生,不但可以反映界面上的布局和内容,还可以展示网站的整体结构和交互:

原型设计

此原型设计,可以很好的用来确认需求和界面交互,虽然制作商难度稍微复杂一些,但是不需要开发接入,产品经理完全可以自己搞定。但是这个制作出来的原型,不能做到100%真实,在界面的真实度、色彩度上稍差一些。

3.高保真原型设计

对于近年来快速发展的移动端来说,因为界面小,布局和内容没有什么新花样,客户更追求界面的美观和交互的炫酷,对原型的保真度要求更高,所以很多原型工具在高保真上面下很大功夫,简单操作我们就可以做出漂亮的界面和炫酷的交互,甚至之后都不需要做UI设计了,但是这个会浪费产品经理花更多时间在细节的调整上,影响整体的进度。所以通常高保真都会和低保真配合使用,先用低保真快速确认需求,在用高保真确认最终的交互和UI设计。

就这样,原型设计从最开始的快速开发模式逐步演进成今天的原型设计工具,产品经理不需要编程知识,也可以做出很酷的软件原型,从而低成本、高效率的来确认清楚产品需求。

怎么做好原型设计?

原型设计

第一步:分析

一开始需求是很模糊、不具体的,我们需要对用户的需求做一个初步的了解,分析清楚原型设计的目标是什么。比如,我们要设计一个app,有ipad版本,iphone版本,其实他们两个内容上可以一样,只是在布局和交互上需要重新设计,ipad要充分发挥大屏幕的优势,展现更多有价值的信息。

第二步:设计

在对需求进行初步分析后,需要开始对原型进行整体设计,在设计阶段,需要从信息架构和使用流程两个维度来考虑,画出产品的信息结构图,类似于一本书的目录,梳理清楚整体结构,想清楚产品有哪些功能模块,模块之间的关系如何,模块的公共性,模块面对的用户不同性。然后再进一步细化。画产品使用流程图,把界面之间跳转的逻辑梳理清楚,考虑用户的使用场景。

第三步:实施

设计好整体将信息架构和使用流程后,开始对每个界面画流程图。具体是要优先考虑产品需求,然后是让界面好看好用

第四步:验证

针对原型设计,需要评审会议,提出反馈做出调整。