什么是创建交互式应用原型的最佳方式？

Question

这个问题应该从一般的角度来解释，而不仅仅是针对网络应用或桌面应用。

我一直在寻找一种简单易用的方法来为Web应用程序创建交互式原型。我想使用一种技术，允许简单的UI创建，尤其是在进一步迭代中的UI重新创建和修改。使用模型数据填充UI应该非常简单。该技术可能需要简单的编程形式，例如，指定从UI元素A到UI元素B的拖放行为。

我目前使用的一个工具是Adobe Flex Builder。包含的GUI设计师非常好，到目前为止我已经完成了AS3的一些技能。问题是向UI添加数据。它总是导致我编写用于检查和解析XML树结构的代码，并主要调试原型的这一部分。太麻烦了！

许多人使用的另一个工具是PowerPoint，它通过在单独的幻灯片中绘制交互的每个部分来实现创建GUI的非常麻烦的方式。没门！纸质原型我会快得多。其他（更好！）自由格式绘图工具也是此类别的一部分（我是一个快乐的重量级inkscape用户）但原型和样机显然不是他们的主要目的。 Viso的UI模板调色板使它比绘画比赛更好。

据我所知，快速原型制作的主要竞争对手是：

• IRISE
• Axure
• Serena和其他？
• 维索
• Powerpoint，Illustrator，Inkscape或任何其他自由格式绘图工具
• 纸张原型制作
• 具有良好GUI构建器的IDE（例如Flex Builder Designer和Netbeans Matisse）

我的观点是真正的GUI构建者是一个很好的注意点。你目前的方法是什么？请在此处概述您的流程以及优缺点。

Answer 1

真正的GUI构建器是：

• 慢得多
• 只有程序员才能使用它们（尝试向分析师解释如何在VB中填充表格）
• 他们不允许您动态注释您的模型
• 没有皮肤（例如黑色和白色）来创建不会被误认为“差不多完成”应用程序的屏幕

虽然专门的模型工具通常是：

• 面向沟通
• 可以将您的模型（连同您的笔记）打印或导出为PDF / HTML / Word等
• 更好的有一些“主屏幕”的变体，所以你可以从少数几个主要的应用程序屏幕派生出数百个模型（当你尝试与你的客户讨论真实的场景时，你会很快得到很多模型） / LI>
• 足够快，以便您可以在会议中实时制作原型

差不多十年前，我对上述所有内容感到沮丧并创建了自己的工具：MockupScreens。它很快变得非常流行： - ）

这是我所知道的最完整的专业工具列表。其中许多都是免费的：http://c2.com/cgi/wiki?GuiPrototypingTools

Answer 2

快速而脏的纸张原型制作：PowerPoint（参见：Powepoint Prototyping Toolkit）

- 可轻松整理可呈现的原型。幻灯片性质也可以作为模拟交互的替代品。缺点是缺乏标准化。不适用于纪律严明的项目。

纪律严明的纸张原型：Visio

- 标准化和全功能，但更加繁琐

交互式原型设计：Visual Studio

- 使用拖放和事件进行快速交互。可以是数据驱动的。您甚至可以构建原型“基础”作为入门套件。唯一的缺点是真正成为生产应用程序的诱惑。 ;）

Answer 3

还有Balsamiq。我有点喜欢它，但通常会很快厌倦这些东西。我最终使用笔和纸或OS X的界面构建器，这并不比所有这些原型制作工具更难使用。

Answer 4

如果您正在谈论模型/线框（即静态图片），Visio是您的首选工具。

您提到的大多数软件要么高于普通商业用户的水平（即，您需要专家来做模型而不是商业用户帮助您）或者不是为了模拟而创建的窗口。

如果您需要动态原型，那么有很多选项，一切都取决于您在团队中可用的技能类型。例如，我有一个非常强大的HTML人。他可以更容易地在记事本中从头开始创建HTML页面，试图在WYSIWYG工具中使用Flash做同样的事情。 其他一些人有很好的Flash技能，可以雇用他们等。

Answer 5

Expression Blend（http://www.microsoft.com/expression/products/overview.aspx?key=blend）可用于在XAML中创建快速模型。您可以将模型的数据存储为XAML中的内联XML，也可以使用Visual C＃Express（http://www.microsoft.com/express/vcsharp/）或Visual Studio 2008将其快速转换为WPF / Silverlight应用程序并在模型后面构建基本业务逻辑。 / p>