User interface 创建交互式应用程序原型的最佳方法是什么?

User interface 创建交互式应用程序原型的最佳方法是什么?,user-interface,evaluation,prototyping,User Interface,Evaluation,Prototyping,这个问题应该从一般的角度来解释,而不是仅仅针对web应用程序或桌面应用程序 我一直在寻找一种简单易行的方法来为web应用程序创建交互式原型。我想使用一种技术,允许简单的UI创建,特别是在进一步迭代中重新创建和修改UI。用模型数据填充UI应该非常简单。该技术可能需要一种简单的编程形式,例如指定从UI元素a到UI元素B的拖放行为 我目前使用的一个工具是AdobeFlexBuilder。包含的GUI设计器非常好,到目前为止,我已经掌握了AS3的一些技能。问题在于向UI添加数据。它总是导致我编写代码来检

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

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

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

许多人使用的另一个工具是PowerPoint,它涉及到一种非常麻烦的方法,即通过在单独的幻灯片中绘制交互的每个部分来创建GUI。不可能!我会更快地使用纸质原型。其他(更好!)自由形式的绘图工具也是这一类的一部分(我是一个很高兴使用inkscape的重量级用户),但原型和模型显然不是它们的主要用途。Viso的UI模具调色板使其比绘图比赛略胜一筹

据我所知,快速成型领域的主要竞争对手有:

  • 鸢尾花
  • 阿克苏
  • 瑟琳娜和其他人
  • 维索
  • Powerpoint、Illustrator、Inkscape或任何其他自由形式的绘图工具
  • 纸张原型
  • 具有良好GUI构建器的IDE(如Flex Builder Designer和Netbeans Matisse)

我的观点是,真正的GUI构建器是一个很好的起点。你目前的做法是什么?请在这里列出您的流程和利弊作为答案。

还有一些问题。我有点喜欢,但通常很快就会厌倦这些事情。我最终使用了纸笔或OS X的interface builder,这并不比所有这些原型工具更难使用。

Expression Blend()可以用于在XAML中创建快速原型。您可以将模型的数据作为内联XML存储在XAML中,也可以将其快速转换为WPF/Silverlight应用程序,并使用Visual C#Express()或Visual Studio 2008构建模型背后的基本业务逻辑。

如果您谈论的是模型/线框(即静态图片),Visio是您的首选工具

您提到的大多数软件要么高于普通业务用户的级别(即,您需要一名专家来制作实体模型,而不是帮助您的业务用户),要么不是为了制作实体模型而创建的

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

快速脏纸原型制作:PowerPoint(请参阅:)

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

规范的纸张原型制作:Visio

-标准化且功能齐全,但更麻烦

交互式原型制作:Visual Studio

-使用拖放和事件快速构建交互。可以是数据驱动的。你甚至可以建立一个原型“基地”作为初学者工具包。唯一的缺点是,它很容易成为生产应用程序

真正的GUI构建器是:

  • 慢得多
  • 只有程序员才能使用它们(尝试向分析师解释如何在VB中填充表)
  • 他们不允许你在飞行中对模型进行注释
  • 不要用皮肤(如黑色和白色)来创建不会被误认为“几乎完成”应用程序的屏幕
而专门的实体模型工具通常是:

  • 传播导向
  • 可以打印或导出你的模型(连同你的笔记)到PDF/HTML/Word等
  • 更好的应用程序有一些“主屏幕”的变体,因此您可以从少数几个主应用程序屏幕派生出数百个实体模型(当您尝试与客户讨论真实场景时,您会很快得到很多实体模型)
  • 速度足够快,因此您可以在会议中实现实时原型
大约十年前,我对上述所有内容感到沮丧,并创建了自己的工具:。它很快就变得很流行:-)

这是我所知道的最完整的专用工具列表。其中许多是免费的: