软件原型构建帮手-GUI Design Studio

gdvxcv

登录/注册后可看大图

早有朋友向我推荐一个软件GUI Design Studio，据称可以方便的构建或者说“拼装”软件原型，（我最近比较喜欢用“拼装”这个词）那时只是稍微体验了一下，因为时间缘故，一直也没有深入捣鼓，对它的优势感触不深。 一段时间来，我习惯了使用smartdraw画框线原型，这样的框线原型对于解释单个窗口或对话框的信息架构比较有用，但是在解释窗口和对话框之间的操作流转关系时，总觉得有些欠缺，我有时候习惯把一个任务流的所有窗口和对话框平面摆放在一个设计图里面，然后用箭头线把它们联系起来，在箭头线上面标注鼠标操作或者响应事件，这样做可以得到一个工作流的完整设计结构，但是不能生动“感受”它们的操作，需要通过设计者和讨论者的形象思维去imaging.而且，软件的操作流很多时候并不是linear,而是interactive，交互的过程一多，箭头画起来就乱了。到这时，我就特想让这些箭头操作生动起来。

登录/注册后可看大图

figure:smartdraw的平面交互设计图

登录/注册后可看大图

figure:GUI Design Studio的交互设计图 很多时候软件交互设计和编码开发或其他利益攸关者之间存在沟通障碍的原因，一方面是因为不同角色之间的立场视角或信仰冲突引起的，另一方面我觉得和讨论物的不直观也有很大的关系，一个还处于idea阶段的产品不可能很完善，拿出来的原型也近似于半成品，每个人imaging结果受每个人的经验和想象方式的影响，势必造成沟通过程中的信息不对称现象。如果有一个东西能让讨论物更加直观明了，对于减少误解和冲突是非常有帮助的，这是我一直在试图解决的问题之一。也成为我介绍这个软件的理由。 GUI Design Studio延展了smartdraw的设计空间，不需编码，用软件开发者的话说是“Create User Interface Designs and Interactive Prototypes The Easy Way Without Writing A Single Line of Code”这样就节约了原型开发的成本。现在越来越多的开发管理者开始接受产品原型prototypes的概念和做法，GUI Design Studio提供了一个低成本的原型“开发”方式，也使得更多“创意”有直观的体验和实验的可能。 这是产品网站的介绍，概念提得非常诱人，这些价值究竟怎样完全靠自己去体验和摸索了。 GUI Design Studio can be used whenever you need to draw what an application should look like or show how its parts connect and flow together such as: documenting product ideas creating project proposals requirements capture creating screen mock-ups producing detailed specifications for developers suggesting enhancements to existing products many more uses Create presentations to users and stakeholders or even just to yourself to: verify designs explore alternatives evaluate different usage scenarios Before expensive implementation begins, make sure you know what needs to be developed and why. 有兴趣的朋友可以上软件网站了解更多http://www.carettasoftware.com，这个软件的开发公司叫做“Caretta”，据称是有英国牛津大学背景。 最后，我想我不得不提出一个问题：任何产品设计软件都只是一个辅助的工具，能够帮助建立项目计划、文档化产品设计、需求捕捉、校验设计等，但是不能代表“设计”本身，特别是一开始进行设计时，切忌使用任何软件，包括smartdraw，因为这样很容易使设计者一开始就陷入了视觉细节的泥潭不能自拔，而忘记了设计的任务和主要关注的目标，反而降低了工作质量和效率。所以说，还是让我们重新捡起纸和笔，尝试先做一个paperprototype吧，当把主要问题和大方案有了初步结果了，就可以开始使用smartdraw and GUI Design Studio了。 原文链接：http://hi.baidu.com/interaction_design/blog/item/233b74c2dcd51136e4dd3b42.html