创建交互式应用程序原型的最佳方法是什么? [英] Whats the best way to create interactive application prototypes?

问题描述

应该从一般的角度解释问题，而不是仅针对Web应用程序或台式机应用程序.

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

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

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

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

• iRise
• Axure
• 塞雷娜(Serena)和其他人?
• Viso
• Powerpoint，Illustrator，Inkscape或任何其他自由形式的绘图工具
• 纸张原型
• 具有良好GUI构建器(例如Flex Builder设计器和Netbeans Matisse)的IDE

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

解决方案

真正的GUI构建器是:

• 慢得多
• 只有程序员才能使用它们(尝试向分析师解释如何在VB中填充表)
• 他们不允许您即时注释自己的模型
• 没有皮肤(例如黑色和白色)来创建不会被误认为几乎完成"的应用程序的屏幕

专门的模型工具通常是:

• 面向通讯
• 可以将您的模型(连同注释)打印或导出到PDF/HTML/Word等
• 更好的是具有主屏幕"的某些变体，因此您可以仅从少数几个主应用程序屏幕中派生数百个模型(尝试与客户讨论真实场景时，您会很快得到很多模型)
• 足够快，因此您可以在会议中实时制作原型

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

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

The question should be interpreted from a general point of view and not targeted solely at web apps or desktop apps.

I have been looking around to find a simple and easy way of creating interactive prototypes for web applications. I'd like to use a technique that allows simple UI creation and especially UI recreation and modification in further iterations. Filling the UI with mockup data should be very simple. The technique may require a simple form of programming, e.g. to specify a drag and drop behaviour from UI element A to UI element B.

One tool i currently use is the Adobe Flex Builder. The included GUI-designer is very good and i have accomplished some skills with AS3 so far. The problem is adding data to the UI. It always results in me programming code for checking and parsing of XML-trees structures, and mainly debugging this section of the prototype. Too cumbersome!

Another tool many people use is PowerPoint which involves a really cumbersome way of creating a GUI by drawing every part of an interaction in a separate slide. No way! I would be much faster with paper prototypes. Other (better!) free form drawing tools are also part of this category (i'm a happy heavy weight inkscape user) but Prototyping and Mockup are obviously not their main purpose. The UI-stencil palette for Viso makes it a bit better than the drawing competition.

The main competitors in rapid prototyping as far i know are:

• iRise
• Axure
• Serena and other ?
• Viso
• Powerpoint, Illustrator, Inkscape or any other free form drawing tool
• paper prototyping
• IDE with good GUI builders (such as Flex Builder Designer and Netbeans Matisse)

My opinion is that real GUI-builders are a good staring point. What are your current approaches? Please outline your process and the pros and cons as an answer here.

解决方案

Real GUI builders are:

• Much slower
• Only programmers can use them (try to explain to analyst how to populate a table in VB)
• They don't let you annotate your mockups on the fly
• Don't have skins (e.g. black&white) to create screens which can't be mistaken for "almost done" application

While specialized mockup tools are usually:

• Communication oriented
• Can print or export your mockups (together with your notes) to PDF/HTML/Word etc
• Better ones have some variant of "master screens" so you can derive hundreds of mockups from only a handful of main application screens (you quickly get to quite a lot of mockups when you try to discuss real scenarios with your client)
• Fast enough so you can prototype realtime in a meeting

Almost a decade ago I got frustrated by all of the above and created my own tool: MockupScreens. It became pretty popular quickly :-)

And here is the most complete list of such specialized tools I know of. Many of those are free: http://c2.com/cgi/wiki?GuiPrototypingTools

这篇关于创建交互式应用程序原型的最佳方法是什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！