你如何为你的软件UI做原型?

时间:2009-08-03 04:15:27

标签: prototype mockups

您如何对软件UI进行原型设计? 你有什么经历?
你能跟我分享一下吗? 提前谢谢!

6 个答案:

答案 0 :(得分:9)

我使用Balsamiq http://www.balsamiq.com/

太棒了。

答案 1 :(得分:5)

笔和纸或白板。更喜欢将模型与最终产品的外观和感觉合理地分开。在讨论交互以及完成工作所需的点击次数时,更改纸质模型的速度非常快,而且显而易见的是,这并不代表最终的产品几乎完成。 几年前,我参与了一个项目,我们制作了一个非常详细的GUI模拟,甚至还有一些代码来模拟事件的流程。让软件用户提供反馈和输入真是太棒了。那时候这个项目绝对是一场噩梦,因为我们经常落后于用户期望我们的目标,毕竟他们已经看到它非常有用了,对吧? 最糟糕的是,一些一次性代码最终被包含在发布的产品中并且是后来维护的噩梦(没有太多的想法用于构建它原来'因为它是一次性的,然后用户已经看到了行为和它成为系统主要部分逻辑的事实上的实现。育。

答案 2 :(得分:3)

我使用Visual Studio创建html页面。这很容易就是Dreamweaver,FrontPage,NotePad ++。对我来说这有CSS的好处,html几乎是在我完成模型的时候完成的。通常,在您计划创建交付项的工具或技术中创建原型会更容易,更有效率。

答案 3 :(得分:1)

您可以使用GUI编辑器(如NetBeans IDE,QtCreator IDE或Xcode IDE中的GUI编辑器)来创建GUI模型,而无需为所有GUI事件实现处理程序。然后可以评估此​​GUI,并可能重新设计。一旦GUI看起来应该如此,就可以正确处理事件。

答案 4 :(得分:1)

我使用了一系列工具来做UI。如果静态外观是我正在测试的,那么我使用纸和白板草图的组合。一旦您开始处理更详细的设计,这些都很容易做到并且很容易丢弃。就像“Hamish Smith”所说,你希望你的模型和最终产品之间有一定程度的分离。

当我想测试我的设计的交互性时,我之前使用过纸质模型,但我更喜欢使用PowerPoint,这为用户提供了一种更好的方式来与应用程序进行交互,而不是让我向他们展示什么样的纸质草图。页面按钮会将它们带到某些功能以及某些功能如何工作。我只是进行了设置,因此单击PowerPoint幻灯片上的按钮或链接会将您带到幻灯片,该幻灯片对应于该按钮在实际应用程序中的位置。

目前我一直在使用微软的SketchFlow,这是Expression Blend的一部分,而且非常令人印象深刻。我没有玩过很多东西,所以我还没有意识到它可能造成的任何限制。此外,我尝试了Balsamiq,它似乎也是一个很好的应用程序,但我再次没有用它来找到它的局限性。我想说清楚,虽然我只使用它们进行交互性测试来取代PowerPoint,我仍然认为静态模型最好用纸和白板完成。

答案 5 :(得分:0)

我最近在项目http://www.guuui.com/issues/02_07.php上使用了一个visio加载项。该项目有60个左右的页面,这使得绘制屏幕非常容易。