インタラクティブなアプリケーションのプロトタイプを作成する最良の方法は何ですか？

Question

質問は一般的な観点から解釈されるべきであり、ウェブアプリまたはデスクトップアプリのみを対象とするものではありません。

私は、Webアプリケーション用のインタラクティブなプロトタイプを作成する簡単で簡単な方法を探しています。単純なUIの作成、特に以降の反復でのUIの再作成と変更を可能にする手法を使用したいと思います。モックアップデータをUIに入力するのは非常に簡単です。この手法では、単純な形式のプログラミング、たとえばUI要素AからUI要素Bへのドラッグアンドドロップ動作を指定します。

現在使用しているツールの1つはAdobe Flex Builderです。付属のGUIデザイナーは非常に優れており、これまでにAS3でいくつかのスキルを習得しました。問題は、UIにデータを追加することです。その結果、常にXMLツリー構造のチェックと解析のためのコードのプログラミングが行われ、主にプロトタイプのこのセクションのデバッグが行われます。面倒すぎる！

多くの人が使用しているもう1つのツールはPowerPointです。これは、インタラクションのすべての部分を別々のスライドに描画することにより、GUIを作成する非常に面倒な方法を伴います。とんでもない！紙のプロトタイプの方がはるかに高速です。他の（より良い！）自由形式の描画ツールもこのカテゴリの一部です（私は幸せなヘビー級インクスケープユーザーです）が、プロトタイプとモックアップは明らかに主な目的ではありません。 VisoのUIステンシルパレットは、描画の競合よりも少し優れています。

ラピッドプロトタイピングの主な競合相手は次のとおりです。

• iRise
• Axure
• セレナとその他？
• Viso
• Powerpoint、Illustrator、Inkscape、またはその他のフリーフォーム描画ツール
• ペーパープロトタイピング
• 優れたGUIビルダー（Flex Builder DesignerやNetbeans Matisseなど）を備えたIDE

私の意見では、実際のGUIビルダーは良い出発点です。現在のアプローチは何ですか？あなたのプロセスと賛否両論をここに答えとして概説してください。

Answer 1

実際のGUIビルダーは次のとおりです。

• ずっと遅い
• プログラマーのみがそれらを使用できます（VBでテーブルを作成する方法をアナリストに説明してみてください）
• その場でモックアップに注釈を付けることはできません
• 「ほぼ完了」と間違えられない画面を作成するためのスキン（黒と白など）を使用しないでください。アプリケーション

通常、専用のモックアップツールは次のとおりです。

• コミュニケーション指向
• モックアップを（メモと一緒に）PDF / HTML / Wordなどに印刷またはエクスポートできます
• より良いものには、「マスター画面」のバリエーションがあります。ほんの一握りのメインアプリケーション画面から何百ものモックアップを導き出すことができます（クライアントと実際のシナリオを議論しようとすると、すぐに非常に多くのモックアップに到達します）
• 十分に高速なので、会議でリアルタイムにプロトタイプを作成できます

ほぼ10年前、上記のすべてにイライラし、独自のツール MockupScreens を作成しました。すぐにかなり人気になりました：-）

そして、ここに私が知っているそのような特殊なツールの最も完全なリストがあります。それらの多くは無料です： http://c2.com/cgi/wiki?GuiPrototypingTools

Answer 2

迅速で汚れた紙のプロトタイピング：PowerPoint（参照： Powepointプロトタイプツールキット）

-提示可能なプロトタイプを簡単にまとめるのに最適です。スライドの性質は、モックインタラクションの代替としても機能します。欠点は、標準化の欠如です。規律あるプロジェクト用ではありません。

規律化された紙のプロトタイピング：Visio

-標準化されたフル機能ですが、より面倒です

インタラクティブプロトタイピング：Visual Studio

-ドラッグアンドドロップとイベントを使用した非常に迅速な相互作用の構築。データ駆動型にすることができます。プロトタイプ「ベース」をスターターキットとして構築することもできます。唯一の欠点は、実際に本番アプリケーションにする誘惑です。 ;）

Answer 3

Balsamiq もあります。私はそれが好きですが、通常これらのことに非常に早く飽きます。最終的にはペンと紙またはOS Xのインターフェイスビルダーを使用しますが、これらはすべてこれらのプロトタイピングツールよりも難しくありません。

Answer 4

モックアップ/ワイヤフレーム（つまり静止画像）について話している場合、Visioは最適なツールです。

言及したほとんどのソフトウェアは、通常のビジネスユーザーのレベルを超えている（つまり、ビジネスユーザーがあなたを支援するのではなく、モックアップを行うには専門家が必要です）、またはモックの目的で作成されていないups。

動的なプロトタイプが必要な場合は、多くのオプションがあり、すべてはチームで利用できるスキルのタイプに依存します。たとえば、HTMLに非常に強い人がいます。 WYSIWYGツールでFlashを使用して同じことを行おうとするメモ帳で、ゼロからHTMLページを作成する方がはるかに簡単です。 他の一部の人々は、優れたFlashスキルを持ち、それらを採用することができます。

Answer 5

Expression Blend（ http://www.microsoft.com/ expression / products / overview.aspx？key = blend ）を使用して、XAMLでクイックモックアップを作成できます。モックアップのデータをXAMLのインラインXMLとして保存するか、Visual C＃Express（ http://www.microsoft.com/express/vcsharp/ ）またはVisual Studio 2008。