原型制作

概述

Axure RP教程

serena_prototype_composer教程

在著名的Dilbert: on software engineering漫画中,甲方和乙方互相要求对方给出软件到底能够实现什么功能的描述而劳而无功;而即使是在一个团队中,对于客户需求的理解也经常是大相径庭。所以,一个“高保真”的原型工具在任何一个项目会议中都是不可或缺的。

SketchFlow,Axure RP Pro, Serena Prototype Composer, iRise Studio,Office、Balsamiq mockups、Pencil、rational rose、Serena Prototype Composer、GUIDesignStudio、UIDeginer。  

原型工具中,细腻度为:HTML,Photoshop>iRise Studio>Axure RP Pro>Serena Composer>Visio, Powerpoint>手草绘图。而互动效果来说:HTML>iRise Studio,Axure RP Pro,Serena Composer>Powerpoint>Visio>手草绘图>Photoshop

你应选择能够最适合你的需求的原型工具。

Axure RP Pro的优势:较便宜和较简单,生成易读的HTML接口,简短的学习曲线,动态面板能够提供丰富的GUI界面,支持博客/论坛提供技巧和窍门,可通过API的扩展输出能力,免费下载试用;弱点:为原型生成的大量文件,呈现原型较慢,无法定义页面大小,原型生成失败时无反馈信息。

Serena Composer的优势:结合业务流程建模和高保真原型,与Serena RTM集成需求管理,可以捕捉到项目工作区现有的网页,高级数据互动-定义测试组合的能力,能产生非常详细规格;弱点:原型只能用Serena Composer/Reviewer来查看,UI原型严重嵌入挂钩于情景设计,因为功能太多而流程未经优化而很难用,不能生成丰富的GUI原型,必须训练。

iRise Studio的优势:拥有如同实际编码程序般的丰富功能,能够导入样式表(CSS),内置在作为一个轻量级的数据库的电子表格中,可以可视化的设计逻辑/验证规则;弱点:原型只能由iRise Studio / Reader来查看,非常封闭的环境,使用GUI元素上存在某些限制,必须训练,非常昂贵-没有试用!

其他工具: ♦ Adobe Flex/Flash – http://www.adobe.com/products/flex/ – http://www.adobe.com/products/flash/ ♦ Adobe Fireworks CS3 – http://www.adobe.com/products/fireworks/ ♦ Microsoft Expression Blend – http://www.microsoft.com/expression/ ♦ Enterprise Architect + Screen Architect – http://www.sparxsystems.com.au – http://www.screenarchitect.com ♦ Intuitect Professional (Microsoft Visio add-on) – http://www.intuitect.com

艺术设计中的手绘往往是获取灵感的良好途经,你可以快速和随意的描绘出脑海中的创意,并且可以快速迭代。在产品工作中,我们通常将这种产出物称作“纸上原型图”。手绘的好处:快捷、迭代、随时随地。

低保真原型是产品经理最常接触的一种原型。低保真原型往往传达了产品结构、交互、功能点等内容,我们可以通过人物模型、场景演示等方法进行产品的可用性验证。

低保真原型同时是产品沟通工作中必不可少的工具之一。通过原型演示,可以更好的帮助研发人员、视觉设计师、老板直观的理解设计方案,并及时提出反馈意见。

常用低保真原型图设计工具:OmniGraffle,Axure RP Pro, Balsamiq mockups、Pencil,Fireworks  

高保真原型设计是高功能性、高互动性的原型设计,它可以忠实展示产品/界面主要或全部的功能和工作流程,具有完全的互动性,使用户可以像使用真实产品一样完成各种任务,例如数据的输入和输出、菜单选择、导航浏览等等。

高保真产品原型的开发通常要消耗大量时间和精力,它往往被用于需求分析之后的细节设计和使用性评估来发现产品在互动性和工作流程方面的使用性问题。

实例:芜湖出差,巡回取货项目的一些心得|

可以使用serena prototype composer工具,项目组成员在同一个会议室中,主要讨论工作流程(与系统无关)。然后同样使用这个工具,讨论大致的系统操作流程,同时画出初步的系统界面。这个阶段成果效果非常好:大家对系统的总体概念已经形成,基本确认了系统范围。并且形成了可以进行互动的系统界面原型。 然后开始使用EA和Balsamiq Mockups配合进行用例分析与界面设计。在EA中复制了serena prototype composer中的工作流程,然后进行用例分析,在用例中进行场景senario步骤描述。针对每一个用例,至少使用Mockups软件绘制一张界面设计图。另外在EA中进行领域模型的设计。 综上,提供出一份真正对开发有帮助的需求文档。 经估算,这两周的需求分析工作定义出的系统需求大约需要5人团队开发3个月的时间的工作量。开起来也非常符合比例。当然这仅仅是估算的合理值,估计和客户方面进行协商之后,时间上又会变得非常不合理。 客户非常高兴的从我这里拿到了上述的三款设计工具。不过,真正重要的是需要会使用这些工具啊。

在出差期间,抽时间学习“Head First OOAD”,有如下收获: 终于对需求和用例明确的区分开了。需求大约总是以“系统应该可以xxx”这样的格式描述,主要描述系统所具有的功能和能力。用例侧重于描述某某场景senario下面的操作步骤。因此大约会是包括正常路径/可选路径/替代路径等等。

不过,在出差期间,本计划使用类似极限编程方式的增量开发,结果未遂。最终变成了类似ICONIX方式的过程。

参见

介绍一下MRD| BRD MRD PRD怎么写以及工具推荐| 成熟产品经理(PM)应掌握的7项技能| 产品经理必备-产品原型设计工具集合| Visio Replacement? You Be the Judge|

Balsamiq Mockups完全手册|

Dynamic Prototyping with SketchFlow in Expression Blend书籍下载|

Gui Prototyping Tools|

2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享|

"High-fidelity" Prototyping Tools Axure RP Pro, Serena Composer, iRise Studio

Good GUI Design Tool to mock up iPhone & Android applications| iPhone Mockup| iPlotz|

常用的快速Web原型图设计工具| 应用软件设计需要原型设计工具| 10款免费的网页原型(线框图)工具软件| 21个免费的UI界面设计工具、资源及网站| 10款交互设计原型开发工具|

常用原型图设计工具|:Axure RP、Balsamiq Mockups和Pencil Project

原型的使用 原文地址:Using Prototypes

最好的原型和流程图绘制工具:OmniGraffle|