user-interface - 创建交互式应用程序原型(prototype)的最佳方式是什么？

Question

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

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

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

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

据我所知，快速原型(prototype)设计的主要竞争对手是:

爱丽丝

阿克苏

瑟琳娜和其他？

维索

Powerpoint、Illustrator、Inkscape 或任何其他自由格式绘图工具

纸样制作

具有良好 GUI 构建器的 IDE(例如 Flex Builder Designer 和 Netbeans Matisse)

我的观点是，真正的 GUI 构建器是一个很好的起点。你目前的方法是什么？请在此处概述您的流程以及利弊作为答案。

Answer 1

真正的 GUI 构建器是:

慢得多

只有程序员可以使用它们(尝试向分析师解释如何在 VB 中填充表格)

他们不允许您在运行中对模型进行注释

没有皮肤(例如黑白)来创建不会被误认为是“几乎完成”应用程序的屏幕

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

以沟通为导向

可以将您的模型(连同您的笔记)打印或导出为 PDF/HTML/Word 等

更好的有一些“主屏幕”的变体，因此您可以从少数几个主应用程序屏幕中获得数百个模型(当您尝试与客户讨论真实场景时，您很快就会获得相当多的模型)

速度足够快，您可以在 session 中实时制作原型(prototype)

大约十年前，我对以上所有内容感到沮丧并创建了自己的工具: MockupScreens .它很快变得非常流行:-)

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