你现在的位置 -> UE » 实验室

原型设计流程(产品原型开发)

星期二, 三月 16th, 2010, 18:37 | YSjia 点击2114次

Axure做为原型开发的软件,经过一段时间的应用,感觉的确非常强大,不论从模块划分、特效、基础搭建、多人协助等都比较出色。

如果熟练应用的话,可以在很短的时间内把业务思路整理清晰。

为什么需要原型?

我认为这是个非常有趣的问题,原型的开发无疑要加长整体的开发时间,并且在这段开发时间内很不稳定,会经常改动,变动之大,可能几次需要从头再来。

原型可以使业务流更加紧凑,更容易发现业务中的遗漏,可以减轻开发的迭代次数,减少开发与测试时间,更可以减少版本迭代数这个比较关键,是保证质量的前提(向老板汇报时不希望总是Bug吧!)

如何应用原型?(原型的开发步骤)

制作原型的工具很多,Axure只是其中之一,Microsoft Expression Blend 3、Visio与Balsamiq Mockups甚至是Word与PPT等,太多了。

但是我觉得Axure并不适用于原型的第一阶段。其原因在于操作Axure绝对比拿一支笔与一张纸要费事的多的多!!!

第一阶段:整理需求

首先我们需要一个比较清晰的思路(功能),并对其进行总结与规划。

function

第二阶段:数据可视化

工具:纸笔或Balsamiq Mockups等。

要求:能快速描绘与设计出需求方提出的基本意思,整理并图形化。

page2

简单的草图可以让思维快速变换,并且印象深刻。非常适合在前期头脑风暴与第一期草图(内部供稿)使用。

在这个期间需要交互人员不断的与用户或需求部门的相关人员(统称超级用户super user)进行迭代并确认相应的模块是否已经基本健全,并且有预留一定的宽展性。

 page1

经过不交互人员与超级用户(super user)不断的交流后,一个草稿就基本完成。

在这里值得一提的是Microsoft Expression Blend 3用来制作前期交互草稿非常棒

image

这个SketchFlow Map对整理整个结构有非常好的作用:

image

有时间还要好好再研究一下~

第三阶段:高精原型制件(业务测试)

已经有前面的简单可视化分析,进一步就可以制作出具有高交互与精度的原型来让一些用户(user)测试一下。进而再收集数据确定业务流程。

20100201134125531 

由Axure制作的原型可以达到比较高的仿真度,这样可以让用户有比较良好的体验,这些收集得来的数据可以再一步分析,精确业务流程并与对其进行合理的简化与优化。达到真正为用户着想的作法。

最后一步:迭代(基本完成)

以上所有的参与人员都是由前端组成员包括UI设计师、交互设计师等所有组员完成的成果,其中全程合作将是保证整个原型开发的顺利进行的关键。由其是交互人员与超级用户之间的交流更是重中之重,是原型成败的关键!

至此原型的开发应该可以告一段落。整个开发可以画做这么一张图:

image

是一个不折不扣的循环式开发。

不论对于Server端开发还是对Font End开发都是非常有好处的,实现一种理论上的MVC开发。但是其时间也是比较长,所以不是适合所有项目,一些小型项目或者对业务与其他方面都非常熟悉并团队较小每个人对业务已经可以达到行云流水一般,直接进入敏捷(XP)开发会更有效率。

欢迎大家指正与交流!

Y.Jiajia’s email: will.yuan[a]ymail.com

原创文章转载请注明:YSlove.net
本文固定链接:http://yslove.net/2010/03/interactive-prototype-development-process/


如果你喜欢请+1 ^_^

Tags: , , ,

6 Responses to “原型设计流程(产品原型开发)”

  1. that5 说:

    嗯,打醋的

    Buzz咋个调用的?

    [回复]

    Y.Jiajia 说:

    用的是Google Buzz ER这个插件,你可以试试,样子需要自己改。

    [回复]

  2. Kenny.chan 说:

    打酱油

    [回复]

    Y.Jiajia 说:

    竟然装打酱油的,直接拍S~~~~
    哈哈

    [回复]

  3. Firm 说:

    看来你不是一般的专业,已经深入骨髓了

    [回复]

留下你的足迹

分类

随机作品

UAT9.com

一个拖延了一年的网站,一直没有正式上线。但是今天他将正式开始回归。 一如既往,采用简洁的界面,强烈的对比与硬朗的线条。 Coming Soon! 原创文章转载请注明:YSlove.net 本文固定链接:http://yslove.net/2011/12/uat9-com/

曾经为自己设计的博客

博客设计
清新爽快风格

鼠绘练习02

Photoshop 8.0

约10小时

UAT9