7

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

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

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

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

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

  • 爱丽丝
  • 轴心
  • 瑟琳娜和其他？
  • 维索
  • Powerpoint、Illustrator、Inkscape 或任何其他自由形式的绘图工具
  • 纸质原型
  • 具有良好 GUI 构建器的 IDE（例如 Flex Builder Designer 和 Netbeans Matisse）

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

4

5 回答 5

3

真正的 GUI 构建器是：

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

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

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

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

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

于 2013-06-15T06:08:29.427 回答
2

快速而肮脏的纸质原型制作：PowerPoint（请参阅：Powepoint Prototyping Toolkit）

- 非常适合轻松组合可以展示的原型。幻灯片性质也可以作为模拟交互的替代品。缺点是缺乏标准化。不适用于有纪律的项目。

严谨的纸质原型设计：Visio

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

交互式原型设计：Visual Studio

- 使用拖放和事件非常快速的交互构建。可以数据驱动。您甚至可以构建原型“基础”作为入门工具包。唯一的缺点是实际上将其作为生产应用程序的诱惑。;)

于 2008-09-26T14:01:06.650 回答
1

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

于 2008-09-26T13:43:13.823 回答
1

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

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

如果您需要一个动态原型，那么有很多选择，一切都取决于您在团队中可用的技能类型。例如，我有一个非常擅长 HTML 的人。对他来说，在记事本中从头开始创建 HTML 页面并尝试在所见即所得工具中使用 Flash 做同样的事情会容易得多。其他一些人具有良好的 Flash 技能，可以使用它们等。

于 2008-09-26T13:54:11.503 回答
0

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

于 2008-09-26T13:52:59.823 回答