7

質問は一般的な観点から解釈する必要があり、Webアプリやデスクトップアプリだけを対象にするのではありません。

私は、Webアプリケーションのインタラクティブなプロトタイプを作成するためのシンプルで簡単な方法を探していました。単純なUIの作成、特にUIの再作成と変更をさらに繰り返すことができる手法を使用したいと思います。UIにモックアップデータを入力するのは非常に簡単です。この手法では、UI要素AからUI要素Bへのドラッグアンドドロップ動作を指定するなど、単純な形式のプログラミングが必要になる場合があります。

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

多くの人が使用するもう1つのツールはPowerPointです。これには、インタラクションのすべての部分を別のスライドに描画することでGUIを作成する非常に面倒な方法が含まれます。とんでもない!ペーパープロトタイプの方がはるかに速いでしょう。他の(より良い!)フリーフォーム描画ツールもこのカテゴリの一部です(私は幸せなヘビーウェイトのinkscapeユーザーです)が、プロトタイピングとモックアップは明らかにそれらの主な目的ではありません。VisoのUIステンシルパレットは、描画の競合よりも少し優れています。

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

  • iRise
  • Axure
  • セレナと他?
  • Viso
  • PowerPoint、Illustrator、Inkscape、またはその他の自由形式の描画ツール
  • ペーパープロトタイピング
  • 優れたGUIビルダーを備えたIDE(Flex BuilderDesignerやNetbeansMatisseなど)

私の意見では、実際のGUIビルダーは良い出発点です。あなたの現在のアプローチは何ですか?ここで答えとして、プロセスと長所と短所の概要を説明してください。

4

5 に答える 5

3

実際の G​​UI ビルダーは次のとおりです。

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

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

  • コミュニケーション重視
  • モックアップを (メモと一緒に) PDF/HTML/Word などに印刷またはエクスポートできます
  • より良いものには「マスター画面」のいくつかのバリエーションがあり、ほんの一握りのメインアプリケーション画面から何百ものモックアップを導き出すことができます (クライアントと実際のシナリオについて話し合うと、すぐにかなりの数のモックアップにたどり着きます)
  • 十分な速さで、会議中にリアルタイムでプロトタイプを作成できます

ほぼ 10 年前、私は上記のすべてに不満を感じ、独自のツールMockupScreensを作成しました。それはすぐにかなり人気になりました:-)

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

于 2013-06-15T06:08:29.427 に答える
2

手早く簡単に紙のプロトタイピング: PowerPoint (参照: Powepoint Prototyping Toolkit )

- 提示可能なプロトタイプを簡単に組み立てるのに最適です。スライドの性質は、模擬インタラクションの代わりにもなります。欠点は、標準化の欠如です。規律のあるプロジェクト向けではありません。

規律あるペーパー プロトタイピング: Visio

-標準化され、フル機能ですが、より扱いにくい

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

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

于 2008-09-26T14:01:06.650 に答える
1

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

于 2008-09-26T13:43:13.823 に答える
1

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

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

動的なプロトタイプが必要な場合は、多くのオプションがあり、すべてはチームで利用できるスキルの種類によって異なります。たとえば、私には HTML がとても得意な人がいます。WYSIWYG ツールで Flash を使って同じことをしようとする HTML ページをメモ帳でゼロから作成する方が、彼にとってはるかに簡単でしょう。フラッシュのスキルが優れていて、採用できる人もいます。

于 2008-09-26T13:54:11.503 に答える
0

Expression Blend ( http://www.microsoft.com/expression/products/overview.aspx?key=blend ) を使用して、XAML で簡単なモックアップを作成できます。モックアップのデータをインライン XML として XAML に格納するか、WPF/Silverlight アプリケーションにすばやく変換して、Visual C# Express ( http://www.microsoft.com/express/ vcsharp/ ) または Visual Studio 2008.

于 2008-09-26T13:52:59.823 に答える