软件开发工具介绍之 3. 原型设计

  不知道你是否有这样的经历:当一个项目进入测试阶段或结束时,却发现你所做的东西并不是客户所要的,眼看交付在即,抱怨也无补于事,只能来个临时抱佛脚,无日无月的加班赶回来。导致这种情况的主要是由于需求分析错误,当客户向你提出需求时,他往往是从用户的角度出发的,而你的理解却建立在程序的基础上。如果评审做得不认真的话,就很晚才被发现,成本就加大了。所以解决问题最好方法是如何更好、更准确地理解用户的需求?正所谓:千言万语都抵不上一幅图,用现在流行的话是:有图有真相。可见将用户的需求以图的形式表现出来是最好不过的事情。软件还没有开发出来,何来图片阿?答案是:使用原型设计工具进行绘图。通常大家比较常用的是,利用Word、Visio或者一些UML工具来大致描述一下,但效果及交互性较差。下面是两款比较好的工具:

 

1. GUI Design Studio

  一个给应用软件设计图形用户界面(GUIs)的专业工具。 它是一个不需要软件开发和编码的完整的设计工具。屏幕上的一切都通过图形方式创建,你可以设计整个应用程序或单个窗体,对话框和组件。并组合它们来创建更多的设计,和典型界面。我们也可以将它们链接在一起做为一个故事板,然后通过模拟器来运行,形成交互原型。 GUI Design Studio 将会支持所有基于微软 Windows 平台的软件环境。这个意味着,你可以先自由的设计,设计完后再选择实现工具。 按照这种方法,你可以快速聚焦到应用程序设计中,而不会被实现细节干扰。GUI Design Studio 可以被用于,任何你需要画程序界面,或着想展示这些界面是如何流转和配合的时候,例如:

·设计整个应用程序

·文档化产品创意

·创建项目建议

·需求捕捉

·创建模拟界面

·给开发者的产品详细规格说明

·注解现有产品的可用性

·给现有产品提供建议

·构建用户手册时候的临时屏幕截图等

2. Balsamiq mockup

  主要是做界面原型设计,是一款带有手绘涂鸦风格的原型设计软件,这也是他独特的地方—可以手绘,当然也有丰富的各种控件元素,可以帮助你设计桌面应用软件,Web 2.0 站点,RIA富网络应用程序, Web站点和Web应用软件。
这个软件是由意大利人Peldi开发的,本来是他自己用它来做设计,满足自己的需求。而在经济寒冷的2008年,从1,322位付费用户那却获得了162,302美元的收入(其中12月份就有39,000美元);可见其受欢迎的程度。
虽然是由个人设计的,但功能却一点不弱于其他大牌的原型设计工具:操作方面,拖拽,控件分组,甚至元素之间的对齐都做得很贴心;预制了很多界面元素,从简单的输入框,下拉框,浏览器主要元素,到经常用得到的导航条,日历,表格,到复杂的Tag Cloud,Cover Flow, 地图,WYSWYG的格式工具栏等,有了这些不用从头画起,往往比用白板都快;下面是它的一些特性介绍,参考了解一下:

  • 易操作:从自带的元素里可以很方便地拖拽,效果图轻易形成;元素之间的对齐都做得很到位;
  • 控件丰富:包括 50 多个控件, 70 多个图标。基本自带了所有常用的小控件,从简单的输入框,下拉框,到经常用得到的导航条,日历,表格,到复杂的Tag Cloud,Cover Flow, 地图,WYSWYG的格式工具栏等。
  • 新风格:让人眼前一亮的涂鸦风格,很能还原手绘效果;
  • 其它点:Balsamiq Mockups 使用 xml 记录,,从而使其能够快速的导入到你所需的任何一个项目中,或其他工具中。方便移植、二次利用;可导出为 png 格式图片。
  • 跨平台:Balsamiq Mockups 基于 Air ,因此能同时在 Windows、Mac OS 及 Linux 下使用;
  • 多版本:包括桌面版本,以及集成于 Confluence、JIRA、XWiki、FogBugz 中的版本,使得异地在线协作更方便有效。

mockupfordesktop2.png

BsalsamiqMockupSample01.jpg

转载于:https://www.cnblogs.com/dusonchen/archive/2010/06/10/1739051.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值