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

时间:2020-03-06 14:47:03  来源:igfitidea点击:

应该从一般角度解释该问题,而不应仅针对Web应用程序或者桌面应用程序。

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

我当前使用的一种工具是Adobe Flex Builder。包含的GUI设计器非常好,到目前为止,我已经掌握了AS3的一些技能。问题是将数据添加到UI。它总是产生用于检查和解析XML树结构的编程代码,并且主要调试原型的这一部分。太麻烦了!

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

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

  • 艾瑞斯
  • 阿克斯雷
  • 小威和其他?
  • 维索
  • Powerpoint,Illustrator,Inkscape或者任何其他自由形式的绘图工具
  • 纸样机
  • 具有良好GUI构建器的IDE(例如Flex Builder设计器和Netbeans Matisse)

我认为真正的GUI生成器是一个很好的凝视点。我们目前的做法是什么?请在此处概述流程以及利弊。

解决方案

还有Balsamiq。我有点喜欢,但是通常很快就会厌倦这些事情。我最终使用了笔和纸或者OS X的界面生成器,它不比所有这些原型设计工具更难使用。

Expression Blend(http://www.microsoft.com/expression/products/overview.aspx?key=blend)可用于在XAML中创建快速模型。我们可以在XAML中将模型的数据存储为内联XML,也可以快速将其转换为WPF / Silverlight应用程序,并使用Visual CExpress(http://www.microsoft.com/express/vcsharp /)或者Visual Studio 2008.

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

我们提到的大多数软件都超出了普通业务用户的水平(即,我们需要专家来进行模拟,而不是帮助业务用户),或者不是出于模拟目的而创建的。

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

快速,肮脏的纸张原型制作:PowerPoint(请参阅:Powepoint原型制作工具包)

-非常适合轻松地将可以展示的原型放在一起。幻灯片性质也可以替代模拟交互。缺点是缺乏标准化。不适用于纪律严明的项目。

有纪律的论文原型制作:Visio

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

交互式原型:Visual Studio

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