ラピッドプロトタむピングツヌル

蚭蚈ツヌルずしおのプロトタむプが増えおいたす。その理由は次のずおりです。 プロトタむピングは、高品質のナヌザヌむンタヌフェむスの䜜成に圹立぀ず匷く信じおいたす。 私たちは、ネットワヌクずデバむスの䞡方で、リッチでダむナミックなナヌザヌむンタヌフェヌスの䞖界で働いおいたす。 私たちが䜜成するむンタヌフェむスはむンタラクティブで、ナヌザヌの操䜜に反応し、感情を持ちたす。 プロトタむプを䜿甚するず、単玔な画面フォヌムではできない方法で、デザむンの感情や機胜を定匏化できたす。 しかし、仕事に最適なプロトタむピングツヌルを遞択する方法は

効果的なプロトタむピング
プロトタむピングのツヌルたたは手法を評䟡するには、たず効果的なプロトタむプの基準を決定する必芁がありたす。 最適なのは、蚭蚈プロセスに流れ蟌むプロトタむプです。 スケッチからむンタラクティブな実装にすばやく移行できるようにしたいず考えおいたす。
効果的なプロトタむプは高速です。 反埩を短くするのに圹立぀テクニックを䜿甚したいです。 プロトタむプの段階は、蚭蚈プロセスの最埌に厳密に固定されるべきではありたせん。 毎日の蚭蚈䜜業にプロトタむピングを含めるこずは、アむデアず抂念の玠早い蚌明に圹立ちたす。
効果的なプロトタむプは䜿い捚おです。 実装を目的ずした他のデザむンず同様に、他の人関心のある人、開発者、ナヌザヌなどにアむデアを䌝えるために蚭蚈されたアヌティファクトを䜜成したす。 蚭蚈のアむデアが䌝えられるず、プロトタむプの実装が拒吊される堎合がありたす。 確かに実珟される傑䜜を䜜成しおいるずいう痛みを感じおはなりたせん。たた、コヌドレベルでの䜜業䞭にプロトタむプを䜜成しないでください。
効果的なプロトタむプに焊点が圓おられおいたす。 プロトタむプを䜜成する必芁のあるむンタラクティブな芁玠を遞択する必芁がありたす。 デザむンの耇雑な郚分を探したす。 ナヌザヌ゚クスペリ゚ンス理論で長い間知られおいる盞互䜜甚パタヌンを探したす。 補品に圹立぀盞互䜜甚芁玠を探したす。 これらの芁玠を実蚌するプロトタむプは、時間ず゚ネルギヌを最倧限に掻甚したす。 [...]
ツヌル遞択
プロトタむプ䜜成ツヌルが効果的なプロトタむプを䜜成するために提䟛する必芁がある基本セットずずもに、特定の組織に適したものを怜蚎したす。
たず、チヌムを芋おみたしょう。 埓業員は誰でもプログラムできたすか 蚭蚈技術者はナヌザヌ゚クスペリ゚ンスグルヌプのメンバヌですか プロトタむピングを支揎できる゚ンゞニアリング郚門ず匷い関係がありたすか 支揎できるフルタむムの開発者はどうですか 技術的胜力の特定は、プロトタむプを手動でプログラミングする方向、たたは図面ベヌスのプロトタむピング゜フトりェアの䜿甚の方向性を瀺したす。
私たちのチヌムの倧きさは 1人のナヌザヌ゚クスペリ゚ンスチヌムは、調査、スケッチ、およびプロトタむプの䜜成を同時に行っおいたすか それずも、完成したプロトタむプを䜜成するプロセスを1日未満で実行できる、小芏暡で緊密なチヌムのメンバヌですか たたは、私たちは倧芏暡な組織の䞀郚であり、䌁業政治の問題やプロトタむプのさたざたな芖点を突砎する必芁がありたすか 倚くの堎合、チヌムが倧きいほど、より倚くのプロトタむプの詳现説明が必芁になりたす。
プロトタむプを評䟡する人はどこにいたすか 圌らは私たちず同じオフィスにいお、肩越しに芋おいたすか それずも遠いですか 圌らは同じタむムゟヌンの囜にいたすか この質問に察する肯定的な答えは、プロトタむプ自䜓を100蚘述しおいるため、プロトタむプを䜿甚した議論の可胜性を高めたす。
ナヌザヌ゚クスペリ゚ンスチヌムは開発チヌムの䞀郚ですか、それずもコンサルティングチヌムの䞀郚ですか チヌムの䞀員である堎合、゚ンゞニアリングチヌムず匷力に統合されおいたすか、それずも完党に独立した郚門ですか 偎面から匕き付けられたナヌザヌ゚クスペリ゚ンスグルヌプは、倚くの堎合、デザむンコンセプトをもう少し守らなければなりたせん。
プロトタむピングツヌルの予算はいくらですか ほずんどの゜フトりェアず同様に、提䟛の境界は無料から高䟡なものたでありたす。 通垞、最良の決定は、平均䟡栌垯の䜎い郚分に関連しおいたす。 非垞に高䟡な゜リュヌション時間ず䟡栌の䞡方の面では、通垞、その䟡倀はありたせん。
プロトタむピングツヌルの柔軟性はどの皋床ですか たずえば、Webなどの1぀のプラットフォヌムのみに焊点を圓おおいたすか たたは、倚くのプラットフォヌム、モバむル、端末、テレビ、家庭甚電化補品、むンタヌネット甚のデザむンを䜜成しおいたすか 倚くのプロトタむピングツヌルは、䞀方向ほずんどの堎合はWebサむト向けに䜜成されおいるため、奜きなものを遞択するか、プログラミングを䜿甚したプロトタむピングの方法を怜蚎する必芁がありたす。
プロトタむピングツヌル
これらの基準に基づいお、プロトタむピングツヌルのリストが䜜成されたした。 [...]䞀緒にプロトタむピングの偎面に関する詳现な遞択基準ずオプションを策定できるこずを願っおいたす。 このリストは、コミュニティのフィヌドバックに基づいお改蚂されたす。
ツヌル名説明プラットフォヌム/䟡栌/メヌカヌリンク
Axure RP Proりェブサむトのプロトタむピングツヌル。 クリック可胜なHTMLおよびWord圢匏のドキュメントを生成したす。 統合された盞互䜜甚をサポヌトしたす。Windows / 589ドル/ Axurewww.axure.com/p101_5.aspx
バルサミクのモックアップ゜フトりェアのレむアりトをすばやく䜜成できたす。 生成されたコンテンツはスケッチのように芋えたす。これは、プログラムの準備ができおいるず考える人を誀解させないために圹立ちたす。Web / 79ドル/ Balsamigwww.balsamiq.com
CogTool *シンプルなナヌザヌむンタヌフェむスレむアりトを䜜成し、その有効性を評䟡できたす。 経隓豊富なナヌザヌが特定のタスクを完了するのに必芁な時間を予枬したす。クロスプラットフォヌム/無料/ボニヌE.ゞョンcogtool.hcii.cs.cmu.edu
Coutline *むンタラクティブなプロトタむプを䜜成および衚瀺するためのWebアプリケヌション。 プロゞェクト管理および監芖グルヌプの参加のための機胜が含たれおいたす。Web / /アりトラむンwww.coutline.com www.usability.by/coutline
ドリヌムりィヌバヌDreamweaverの芖芚郚分を䜿甚しお、デザむン芁玠をドラッグアンドドロップでドラッグアンドドロップし、むンタラクティブ機胜芁玠を远加し、より耇雑なプロトタむピングのためにコヌドに飛び蟌みたす。クロスプラットフォヌム/ 399ドル/ Adob​​ewww.adobe.com/products/dreamweaver
EasyPrototype *人気のあるAxureず非垞によく䌌おいたす。これは、画面フォヌムの蚭蚈、むンタラクティブなHTMLプロトタむプおよびドキュメントの゚クスポヌトを可胜にする軜量ツヌルです。クロスプラットフォヌム/ 69ドル/ ExtremePlanner Softwarewww.extremeplanner.com/easyprototype
゚クセル*あなたは、「゚クセル、あなたはクレむゞヌですか」ず思いたす。 この本の著者はそうは思わない。クロスプラットフォヌム/ 229ドル/ Microsoftwww.effectiveprototyping.com/ep_excel.shtm excelprototyping.weebly.com
゚クスプレッションブレンド豊富なむンタラクティブ機胜、ドラッグアンドドロップによる高速化を備えた、SilverlightおよびWPFアプリケヌションのプロトタむプを生成したす。Windows / 499ドル/ Microsoftwww.microsoft.com/expression/products/Overview.aspx?key=blend#page-top
Expression Blend + SketchFlow *スケッチのように芋えるタスクフロヌマップずむンタヌフェむスの抂念を䜜成したす。 Expression Suiteを䜿甚しお、プロトタむプを最終補品に倉換できたす。Windows / 599ドル/ Microsoftwww.microsoft.com/expression/products/Sketchflow_Overview.asp
衚珟デザむン限られた双方向性でHTML、SilverlightおよびWPFアプリケヌションのプロトタむプを䜜成するための匷力な描画ツヌル。Windows / 699ドル/ Microsoftwww.microsoft.com/expression/products/Overview.aspx?key=design
花火耇雑なむンタラクティブプロトタむプを䜜成するこずができたす。 倚くのツヌルは、Adobeスむヌトの䞀郚のツヌルに䌌おいたす。 PDFたたはHTMLに゚クスポヌトするこずが可胜です。クロスプラットフォヌム/ 299ドル/ Adob​​etv.adobe.com/#VI+f1498v1659
FlairBuilder *デスクトップAirアプリケヌションを䜿甚しお、むンタラクティブな画面フォヌムを䜜成したす。 スタンドアロンアプリケヌションずしお衚瀺するために、結果をクラむアントに送信したす。クロスプラットフォヌム/ 99ドル/ Cristian Pascuwww.flairbuilder.com
フラッシュアニメヌションたたは簡単なむンタラクティブプロトタむプをすばやく生成したす。 ActionScriptを䜿甚するず、耇雑なむンタラクティブプロトタむプを䜜成できたす。クロスプラットフォヌム/ 699ドル/ Adob​​ewww.boxesandarrows.com/view/quick-and-easy-flash
フラッシュ觊媒このツヌルはただ開発䞭ですが、蚭蚈者がフラッシュアプ​​リケヌション甚のむンタヌフェむスを䜜成できるように蚭蚈されおいたす。クロスプラットフォヌム/ / Adob​​elabs.adobe.com/technologies/flashcatalyst
フレックス開発者により適しおいたすが、WYSIWYG゚ディタヌずIlustratorからのスキンのむンポヌトのサポヌトにより、プロゞェクトからプロトタむプにすばやく移行できたす。 FlashたたはAirアプリケヌションを゚クスポヌトできたす。クロスプラットフォヌム/ 249ドル/ Adob​​ewww.adobe.com/products/flex
ForeUI *レむアりトを䜜成し、ブラりザでのアプリケヌションの動䜜を定矩およびモデル化したす。クロスプラットフォヌム/ 79ドル/ EaSynth゜リュヌションwww.foreui.com
DrupalのFormBuilder芁玠をペヌゞにドラッグアンドドロップできるWebむンタヌフェむスがありたす。 入力パラメヌタの芁件を含む䜜業フォヌムを数分で䜜成したす。りェブ/無料/ Lullabotwww.lullabot.com/blog/drupals-form-b​​uilding-future
GUI Design Studio *むンタヌフェむス、それらぞの泚釈を䜜成し、ストヌリヌボヌドを構築しお、動䜜するプロトタむプを決定したす。 スケッチに䌌た矎しい芖芚スタむルを持っおいたす。Windows / 499ドル/ Caretta Softwarewww.carettasoftware.com/guidesignstudio
iPlotz *むンタラクティブな画面フォヌムを䜜成するWebアプリケヌションで、タスクの割り圓おなど、プロゞェクトを管理するための基本セットも含たれおいたす。 利甚可胜なデスクトップバヌゞョンAir。Web / 99ドル[1] / iPlotziplotz.com
iRiseビゞネスプロセスをモデル化し、アプリケヌションむンタヌフェむスを蚭蚈するための包括的なツヌル。Windows / 6995ドル/ iRisewww.irise.com
Justinmind Prototyper *ナヌスケヌス図を䜿甚しお、説明を通じお動䜜を決定できる画面フォヌムを䜜成したす。クロスプラットフォヌムこれたでのずころMacのみのベヌタ版/ 690ドル/ Justinmindjustinmind.com
JustProto *リモヌトアプリケヌションずの連携に重点を眮いたWebアプリケヌション。Web / 99ドル[1] / DeSmarwww.justproto.com/en
基調講挔パワヌポむントに䌌おいたす。 オブゞェクトをクリック可胜にし、倖郚リンクを開き、Quicktime圢匏を再生し、自動的に新しいスラむドに切り替えたす。Mac / 79ドル/ Applewww.apple.com/iwork/keynote
ラむブビュヌデスクトップを仮想iPhoneで衚瀺するか、実際のiPhoneでアプリケヌションずしお衚瀺したす。Mac /無料/ IDEOlabs.ideo.com/2009/01/20/liveview-an-iphone-app-for-on-screen-prototyping
明idスペック*暙準のコントロヌルず䜿いやすい描画ツヌルを䜿甚した、動䜜䞭のアプリケヌションの画面蚭蚈ずモデリング。Windows / 499ドル/ Elegance Technologieswww.elegancetech.com/LS/LS.aspx
モックアップ*Keynote甚のiPhoneむンタヌフェむスラむブラリ。 䞍正な゚クスポヌトを生成するPowerpointの未認蚌バヌゞョンもありたす。クロスプラットフォヌム/無料/ Dotan Saguymockapp.com
MockupScreens *むンタラクティブ機胜なしで画面フォヌムを䜜成するためのシンプルなツヌル。Windows / 100ドル/ MockupScreensmockupscreens.com
オムニグラフクリック可胜なHTMLたたはPDFずしお゚クスポヌトできるグラフずレむアりトを䜜成するためのツヌル。Mac / 200ドル/ OmniGroupurlgreyhot.com/personal/weblog/creating_prototypes_with_omnigraffle
オヌバヌサむト*アプリケヌションの構造を䜜成し、クリック可胜なプロトタむプの圢でむンタヌフェむスを蚭蚈し、アプリケヌションをシミュレヌトできるようにしたす。 開始点ずしお䜿甚するために既存のサむトをむンポヌトするこずができたす。クロスプラットフォヌム/ $ 65 / OverSitetaubler.com/oversite
鉛筆Firefoxのアドオン。画面フォヌムやプロトタむプ䜜成ツヌルの単なる䜜成者以䞊のものです。クロスプラットフォヌム/無料/ Duong Thanh Anwww.evolus.vn/Pencil
ピドコ*[...] Webベヌスのプロトタむピングツヌル。暙準モヌドずスケッチモヌドで連携しお機胜したす。Web / 600ドル[2] / pidocopidoco.com/en
ポリペヌゞ*ペヌゞ芁玠の衚瀺/非衚瀺を可胜にするjQueryプラグむン。 これを䜿甚するず、ツヌルバヌから状態の倉化をシミュレヌトできたす。クロスプラットフォヌム/無料/ ClearLeft24ways.org/2008/easier-page-states-for-wireframes
パワヌポむントPowerPointスラむド-プロトタむプ はい、これはあたり知られおいない事実ですが、Powerpointは、スラむド間を移動するために䜿甚できるむンタラクティブなホットスポットをサポヌトしおいたす。 これは、遷移アニメヌションず組み合わせるこずができたす。クロスプラットフォヌム/ 229ドル/ Microsoftwww.boxesandarrows.com/view/interactive
プロトノヌトこれはプロトタむピングツヌルではありたせんが、さたざたなチヌムがむンタヌネット経由でプロゞェクトに぀いおコメントするこずを可胜にしたす。Web /無料/ Webanzawww.protonotes.com
プロトタむプデザむナヌが既存のHTMLペヌゞに動的な芁玠を远加できるようにする、非垞に単玔化されたスクリプト蚀語。りェブ/無料/ビル・スコットprotoscript.com
プロトシェアむンタラクティブな画面䞊のフォヌムず連携する機胜を必芁ずするチヌムに焊点を圓おたWebアプリケヌション。Web / 156ドル[1] /サむト9www.protoshare.com
プロトタむプ䜜曲家Webおよびデスクトップアプリケヌションのプロトタむピングを可胜にしたす。 [...]Windows /無料/ Serenawww.serena.com/products/prototype-composer/index.html
スクリヌンアヌキテクト*Enterprise ArchitectのUMLモデリングツヌルず連携しお、RTFおよびHTML圢匏でむンタヌフェむスをプロトタむプ化したす。Windows / 120ドル[3] / CATCHwww.screenarchitect.com
Tinderbox *クリック可胜なHTMLに゚クスポヌトするために䜿甚できる包括的な蚘録ツヌル。Mac / 229ドル/ Eastgate Systemswww.eastgate.com/Tinderbox
Visioプロフェッショナル倚くの人が、Visioを画面蚭蚈ツヌルの「ゎヌルドスタンダヌド」ず呌んでいたす。 むンタラクティブなプロトタむプを䜜成できたす。Windows / 560ドル/ Microsoftoffice.microsoft.com/en-us/visio/FX100487861033.aspx
XHTMLずCSSプログラミングスキルを習埗し、プロトタむピングプログラムを取り陀き、手でプロトタむプを䜜成しおくださいクロスプラットフォヌム/無料/ W3C ;-)www.boxesandarrows.com/view/prototyping-with

* 2009幎3月の投皿の公開埌にリリヌス、たたは衚に远加
[1]幎間
[2]幎間
[3]゚ンタヌプラむズアヌキテクトのための135ドル
grumbler_chester プロトタむピングツヌルのリストを含む衚は、元の投皿で定期的に曎新されおいたす。


Source: https://habr.com/ru/post/J70001/


All Articles