ラピッドプロトタイピングツール

設計ツールとしてのプロトタイプが増えています。その理由は次のとおりです。 プロトタイピングは、高品質のユーザーインターフェイスの作成に役立つと強く信じています。 私たちは、ネットワークとデバイスの両方で、リッチでダイナミックなユーザーインターフェースの世界で働いています。 私たちが作成するインターフェイスはインタラクティブで、ユーザーの操作に反応し、感情を持ちます。 プロトタイプを使用すると、単純な画面フォームではできない方法で、デザインの感情や機能を定式化できます。 しかし、仕事に最適なプロトタイピングツールを選択する方法は？



効果的なプロトタイピング

プロトタイピングのツールまたは手法を評価するには、まず効果的なプロトタイプの基準を決定する必要があります。 最適なのは、設計プロセスに流れ込むプロトタイプです。 スケッチからインタラクティブな実装にすばやく移行できるようにしたいと考えています。

効果的なプロトタイプは高速です。 反復を短くするのに役立つテクニックを使用したいです。 プロトタイプの段階は、設計プロセスの最後に厳密に固定されるべきではありません。 毎日の設計作業にプロトタイピングを含めることは、アイデアと概念の素早い証明に役立ちます。

効果的なプロトタイプは使い捨てです。 実装を目的とした他のデザインと同様に、他の人（関心のある人、開発者、ユーザーなど）にアイデアを伝えるために設計されたアーティファクトを作成します。 設計のアイデアが伝えられると、プロトタイプの実装が拒否される場合があります。 確かに実現される傑作を作成しているという痛みを感じてはなりません。また、コードレベルでの作業中にプロトタイプを作成しないでください。

効果的なプロトタイプに焦点が当てられています。 プロトタイプを作成する必要のあるインタラクティブな要素を選択する必要があります。 デザインの複雑な部分を探します。 ユーザーエクスペリエンス理論で長い間知られている相互作用パターンを探します。 製品に役立つ相互作用要素を探します。 これらの要素を実証するプロトタイプは、時間とエネルギーを最大限に活用します。 [...]

ツール選択

プロトタイプ作成ツールが効果的なプロトタイプを作成するために提供する必要がある基本セットとともに、特定の組織に適したものを検討します。

まず、チームを見てみましょう。 従業員は誰でもプログラムできますか？ 設計技術者はユーザーエクスペリエンスグループのメンバーですか？ プロトタイピングを支援できるエンジニアリング部門と強い関係がありますか？ 支援できるフルタイムの開発者はどうですか？ 技術的能力の特定は、プロトタイプを手動でプログラミングする方向、または図面ベースのプロトタイピングソフトウェアの使用の方向性を示します。

私たちのチームの大きさは？ 1人のユーザーエクスペリエンスチームは、調査、スケッチ、およびプロトタイプの作成を同時に行っていますか？ それとも、完成したプロトタイプを作成するプロセスを1日未満で実行できる、小規模で緊密なチームのメンバーですか？ または、私たちは大規模な組織の一部であり、企業政治の問題やプロトタイプのさまざまな視点を突破する必要がありますか？ 多くの場合、チームが大きいほど、より多くのプロトタイプの詳細（説明）が必要になります。

プロトタイプを評価する人はどこにいますか？ 彼らは私たちと同じオフィスにいて、肩越しに見ていますか？ それとも遠いですか？ 彼らは同じタイムゾーンの国にいますか？ この質問に対する肯定的な答えは、プロトタイプ自体を100％記述しているため、プロトタイプを使用した議論の可能性を高めます。

ユーザーエクスペリエンスチームは開発チームの一部ですか、それともコンサルティングチームの一部ですか？ チームの一員である場合、エンジニアリングチームと強力に統合されていますか、それとも完全に独立した部門ですか？ 側面から引き付けられたユーザーエクスペリエンスグループは、多くの場合、デザインコンセプトをもう少し守らなければなりません。

プロトタイピングツールの予算はいくらですか？ ほとんどのソフトウェアと同様に、提供の境界は無料から高価なものまであります。 通常、最良の決定は、平均価格帯の低い部分に関連しています。 非常に高価なソリューション（時間と価格の両方の面で）は、通常、その価値はありません。

プロトタイピングツールの柔軟性はどの程度ですか？ たとえば、Webなどの1つのプラットフォームのみに焦点を当てていますか？ または、多くのプラットフォーム、モバイル、端末、テレビ、家庭用電化製品、インターネット用のデザインを作成していますか？ 多くのプロトタイピングツールは、一方向（ほとんどの場合はWebサイト）向けに作成されているため、好きなものを選択するか、プログラミングを使用したプロトタイピングの方法を検討する必要があります。

プロトタイピングツール

これらの基準に基づいて、プロトタイピングツールのリストが作成されました。 [...]一緒にプロトタイピングの側面に関する詳細な選択基準とオプションを策定できることを願っています。 このリストは、コミュニティのフィードバックに基づいて改訂されます。

ツール名	説明	プラットフォーム/価格/メーカー	リンク
Axure RP Pro	ウェブサイトのプロトタイピングツール。 クリック可能なHTMLおよびWord形式のドキュメントを生成します。 統合された相互作用をサポートします。	Windows / 589ドル/ Axure	www.axure.com/p101_5.aspx
バルサミクのモックアップ	ソフトウェアのレイアウトをすばやく作成できます。 生成されたコンテンツはスケッチのように見えます。これは、プログラムの準備ができていると考える人を誤解させないために役立ちます。	Web / 79ドル/ Balsamig	www.balsamiq.com
CogTool *	シンプルなユーザーインターフェイスレイアウトを作成し、その有効性を評価できます。 経験豊富なユーザーが特定のタスクを完了するのに必要な時間を予測します。	クロスプラットフォーム/無料/ボニーE.ジョン	cogtool.hcii.cs.cmu.edu
Coutline *	インタラクティブなプロトタイプを作成および表示するためのWebアプリケーション。 プロジェクト管理および監視グループの参加のための機能が含まれています。	Web /？ /アウトライン	www.coutline.com www.usability.by/coutline
ドリームウィーバー	Dreamweaverの視覚部分を使用して、デザイン要素をドラッグアンドドロップでドラッグアンドドロップし、インタラクティブ機能要素を追加し、より複雑なプロトタイピングのためにコードに飛び込みます。	クロスプラットフォーム/ 399ドル/ Adob​​e	www.adobe.com/products/dreamweaver
EasyPrototype *	人気のあるAxureと非常によく似ています。これは、画面フォームの設計、インタラクティブなHTMLプロトタイプおよびドキュメントのエクスポートを可能にする軽量ツールです。	クロスプラットフォーム/ 69ドル/ ExtremePlanner Software	www.extremeplanner.com/easyprototype
エクセル*	あなたは、「エクセル、あなたはクレイジーですか？」と思います。 この本の著者はそうは思わない。	クロスプラットフォーム/ 229ドル/ Microsoft	www.effectiveprototyping.com/ep_excel.shtm excelprototyping.weebly.com
エクスプレッションブレンド	豊富なインタラクティブ機能、ドラッグアンドドロップによる高速化を備えた、SilverlightおよびWPFアプリケーションのプロトタイプを生成します。	Windows / 499ドル/ Microsoft	www.microsoft.com/expression/products/Overview.aspx?key=blend#page-top
Expression Blend + SketchFlow *	スケッチのように見えるタスクフローマップとインターフェイスの概念を作成します。 Expression Suiteを使用して、プロトタイプを最終製品に変換できます。	Windows / 599ドル/ Microsoft	www.microsoft.com/expression/products/Sketchflow_Overview.asp
表現デザイン	限られた双方向性でHTML、SilverlightおよびWPFアプリケーションのプロトタイプを作成するための強力な描画ツール。	Windows / 699ドル/ Microsoft	www.microsoft.com/expression/products/Overview.aspx?key=design
花火	複雑なインタラクティブプロトタイプを作成することができます。 多くのツールは、Adobeスイートの一部のツールに似ています。 PDFまたはHTMLにエクスポートすることが可能です。	クロスプラットフォーム/ 299ドル/ Adob​​e	tv.adobe.com/#VI+f1498v1659
FlairBuilder *	デスクトップAirアプリケーションを使用して、インタラクティブな画面フォームを作成します。 スタンドアロンアプリケーションとして表示するために、結果をクライアントに送信します。	クロスプラットフォーム/ 99ドル/ Cristian Pascu	www.flairbuilder.com
フラッシュ	アニメーションまたは簡単なインタラクティブプロトタイプをすばやく生成します。 ActionScriptを使用すると、複雑なインタラクティブプロトタイプを作成できます。	クロスプラットフォーム/ 699ドル/ Adob​​e	www.boxesandarrows.com/view/quick-and-easy-flash
フラッシュ触媒	このツールはまだ開発中ですが、設計者がフラッシュアプ​​リケーション用のインターフェイスを作成できるように設計されています。	クロスプラットフォーム/？ / Adob​​e	labs.adobe.com/technologies/flashcatalyst
フレックス	開発者により適していますが、WYSIWYGエディターとIlustratorからのスキンのインポートのサポートにより、プロジェクトからプロトタイプにすばやく移行できます。 FlashまたはAirアプリケーションをエクスポートできます。	クロスプラットフォーム/ 249ドル/ Adob​​e	www.adobe.com/products/flex
ForeUI *	レイアウトを作成し、ブラウザでのアプリケーションの動作を定義およびモデル化します。	クロスプラットフォーム/ 79ドル/ EaSynthソリューション	www.foreui.com
DrupalのFormBuilder	要素をページにドラッグアンドドロップできるWebインターフェイスがあります。 入力パラメータの要件を含む作業フォームを数分で作成します。	ウェブ/無料/ Lullabot	www.lullabot.com/blog/drupals-form-b​​uilding-future
GUI Design Studio *	インターフェイス、それらへの注釈を作成し、ストーリーボードを構築して、動作するプロトタイプを決定します。 スケッチに似た美しい視覚スタイルを持っています。	Windows / 499ドル/ Caretta Software	www.carettasoftware.com/guidesignstudio
iPlotz *	インタラクティブな画面フォームを作成するWebアプリケーションで、タスクの割り当てなど、プロジェクトを管理するための基本セットも含まれています。 利用可能なデスクトップバージョン（Air）。	Web / 99ドル[1] / iPlotz	iplotz.com
iRise	ビジネスプロセスをモデル化し、アプリケーションインターフェイスを設計するための包括的なツール。	Windows / 6995ドル/ iRise	www.irise.com
Justinmind Prototyper *	ユースケース図を使用して、説明を通じて動作を決定できる画面フォームを作成します。	クロスプラットフォーム（これまでのところMacのみのベータ版）/ 690ドル/ Justinmind	justinmind.com
JustProto *	リモートアプリケーションとの連携に重点を置いたWebアプリケーション。	Web / 99ドル[1] / DeSmar	www.justproto.com/en
基調講演	パワーポイントに似ています。 オブジェクトをクリック可能にし、外部リンクを開き、Quicktime形式を再生し、自動的に新しいスライドに切り替えます。	Mac / 79ドル/ Apple	www.apple.com/iwork/keynote
ライブビュー	デスクトップを仮想iPhoneで表示するか、実際のiPhoneでアプリケーションとして表示します。	Mac /無料/ IDEO	labs.ideo.com/2009/01/20/liveview-an-iphone-app-for-on-screen-prototyping
明idスペック*	標準のコントロールと使いやすい描画ツールを使用した、動作中のアプリケーションの画面設計とモデリング。	Windows / 499ドル/ Elegance Technologies	www.elegancetech.com/LS/LS.aspx
モックアップ*	Keynote用のiPhoneインターフェイスライブラリ。 不正なエクスポートを生成するPowerpointの未認証バージョンもあります。	クロスプラットフォーム/無料/ Dotan Saguy	mockapp.com
MockupScreens *	インタラクティブ機能なしで画面フォームを作成するためのシンプルなツール。	Windows / 100ドル/ MockupScreens	mockupscreens.com
オムニグラフ	クリック可能なHTMLまたはPDFとしてエクスポートできるグラフとレイアウトを作成するためのツール。	Mac / 200ドル/ OmniGroup	urlgreyhot.com/personal/weblog/creating_prototypes_with_omnigraffle
オーバーサイト*	アプリケーションの構造を作成し、クリック可能なプロトタイプの形でインターフェイスを設計し、アプリケーションをシミュレートできるようにします。 開始点として使用するために既存のサイトをインポートすることができます。	クロスプラットフォーム/ $ 65 / OverSite	taubler.com/oversite
鉛筆	Firefoxのアドオン。画面フォームやプロトタイプ作成ツールの単なる作成者以上のものです。	クロスプラットフォーム/無料/ Duong Thanh An	www.evolus.vn/Pencil
ピドコ*	[...] Webベースのプロトタイピングツール。標準モードとスケッチモードで連携して機能します。	Web / 600ドル[2] / pidoco	pidoco.com/en
ポリページ*	ページ要素の表示/非表示を可能にするjQueryプラグイン。 これを使用すると、ツールバーから状態の変化をシミュレートできます。	クロスプラットフォーム/無料/ ClearLeft	24ways.org/2008/easier-page-states-for-wireframes
パワーポイント	PowerPointスライド-プロトタイプ？ はい、これはあまり知られていない事実ですが、Powerpointは、スライド間を移動するために使用できるインタラクティブなホットスポットをサポートしています。 これは、遷移アニメーションと組み合わせることができます。	クロスプラットフォーム/ 229ドル/ Microsoft	www.boxesandarrows.com/view/interactive
プロトノート	これはプロトタイピングツールではありませんが、さまざまなチームがインターネット経由でプロジェクトについてコメントすることを可能にします。	Web /無料/ Webanza	www.protonotes.com
プロトタイプ	デザイナーが既存のHTMLページに動的な要素を追加できるようにする、非常に単純化されたスクリプト言語。	ウェブ/無料/ビル・スコット	protoscript.com
プロトシェア	インタラクティブな画面上のフォームと連携する機能を必要とするチームに焦点を当てたWebアプリケーション。	Web / 156ドル[1] /サイト9	www.protoshare.com
プロトタイプ作曲家	Webおよびデスクトップアプリケーションのプロトタイピングを可能にします。 [...]	Windows /無料/ Serena	www.serena.com/products/prototype-composer/index.html
スクリーンアーキテクト*	Enterprise ArchitectのUMLモデリングツールと連携して、RTFおよびHTML形式でインターフェイスをプロトタイプ化します。	Windows / 120ドル[3] / CATCH	www.screenarchitect.com
Tinderbox *	クリック可能なHTMLにエクスポートするために使用できる包括的な記録ツール。	Mac / 229ドル/ Eastgate Systems	www.eastgate.com/Tinderbox
Visioプロフェッショナル	多くの人が、Visioを画面設計ツールの「ゴールドスタンダード」と呼んでいます。 インタラクティブなプロトタイプを作成できます。	Windows / 560ドル/ Microsoft	office.microsoft.com/en-us/visio/FX100487861033.aspx
XHTMLとCSS	プログラミングスキルを習得し、プロトタイピングプログラムを取り除き、手でプロトタイプを作成してください！	クロスプラットフォーム/無料/ W3C？ ;-)	www.boxesandarrows.com/view/prototyping-with

* 2009年3月の投稿の公開後にリリース、または表に追加

[1]年間

[2]年間

[3]エンタープライズアーキテクトのための135ドル

grumbler_chester ：プロトタイピングツールのリストを含む表は、元の投稿で定期的に更新されています。