什么是创建交互式应用程序原型的最佳方式?
这个问题应该从一般的角度来解释,而不是仅仅针对web应用程序或桌面应用程序。什么是创建交互式应用程序原型的最佳方式?
我一直在环顾四周,找到一个简单和容易的方式来创建Web应用程序的交互式原型。我想使用一种技术,允许简单的UI创建,尤其是在进一步迭代中进行UI重新创建和修改。用样机数据填充UI应该非常简单。该技术可能需要简单的编程形式,例如,指定从UI元素A到UI元素B的拖放行为。
我当前使用的一个工具是Adobe Flex Builder。包含的GUI设计师非常好,迄今为止我已经完成了AS3的一些技能。问题是将数据添加到用户界面。它总是会导致我编写用于检查和解析XML树结构的代码,并主要调试原型的这一部分。太麻烦了!
许多人使用的另一个工具是PowerPoint,它涉及通过在单独的幻灯片中绘制交互的每个部分来创建GUI的非常麻烦的方法。没门!纸张原型我会快得多。其他(更好!)自由格式的绘图工具也是这个类别的一部分(我是一个快乐的重量级的用户),但原型和样机显然不是他们的主要目的。用于Viso的UI模板调色板使其比绘图比赛更好一些。
快速成型的主要竞争对手,据我所知是:
- IRISE
- Axure
- 小威和其他?
- 维索
- 简报,插画,Inkscape中或任何其他自由形式的绘图工具
- 纸上原型
- IDE具有良好的GUI构建器(如Flex Builder中设计和Netbeans Matisse)的
我的看法真正的GUI构建者是一个很好的起点。你目前的做法是什么?请在此列出您的流程和优缺点。
真正的GUI构建器有:
- 慢得多
- 只有程序员可以使用它们(试图解释分析师如何填充表中VB)
- 他们不会让你注释在飞行的样机
- 不要有皮肤(如黑白色&)创建屏幕不能被误认为“差不多了”应用
虽然专门的样机工具通常是:
- 面向通信
- 可以打印或(与你的笔记一起)导出样机为PDF/HTML /字等
- 更好的有“主人的一些变种屏幕“,这样您就可以从几个主要应用程序屏幕中获得数百个模型(当您试图与客户讨论真实场景时,您可以快速获得大量实物模型)
- 速度足够快,因此您可以在会议
大约十年前,我对上述所有内容感到沮丧,并创建了我自己的工具:MockupScreens。它很快变得很流行:-)
这里是我知道的这种专业工具的最完整列表。其中许多是免费的:http://c2.com/cgi/wiki?GuiPrototypingTools
Expression Blend(http://www.microsoft.com/expression/products/overview.aspx?key=blend)可用于在XAML中创建快速模型。您可以将模型的数据作为内联XML存储在XAML中,或者可以使用Visual C#Express(http://www.microsoft.com/express/vcsharp/)或Visual Studio 2008快速将其转换为WPF/Silverlight应用程序并在您的模型之后构建基本业务逻辑。
如果你在谈论模型/线框(即静态图片)Visio是一个选择的工具。
您提到的大多数软件要么高于普通商业用户的水平(即,您需要专家来做模型而不是帮助您的商业用户)或者不是为了模拟而创建的-UPS。
如果你需要一个动态的原型,那么有很多选择,一切都取决于你在团队中可用的技能类型。例如,我有一个HTML强大的人。他会在记事本中从头开始创建一个HTML页面,该页面试图在所见即所得的工具中用Flash做同样的事情。 其他一些人有良好的Flash技能,可以聘请他们等
快速和脏纸原型:PowerPoint中(参见:Powepoint Prototyping Toolkit)
-Great为可以呈现原型很容易放在一起。幻灯片性质也可以作为模拟交互的替代。缺乏标准化。不适用于有纪律的项目。
纪律纸上原型:Visio中
-Standardized和功能齐全,但比较繁琐
互动原型:Visual Studio中
- 非常快速的交互使用建筑拖N - 下降和事件。可以是数据驱动。你甚至可以建立一个原型“基础”作为入门套件。唯一的缺点是实际使其成为生产应用的诱惑。 ;)