Macプロトタイピングツール：比較

市場では現在、ペンと紙に加えて多くのソリューションが提供されているため、プロトタイピングはプロジェクトの作業の必須段階であるという事実に誰もが同意しています。 ほとんどの機器の機能が一般的な用語で繰り返されることを考えると、「同じ」を選択することはありがたい仕事です。 それにもかかわらず、開発チームのためのソフトウェアの武器を更新する目的で、私たちはこれを経験せざるを得ませんでした。今日は、読者にいくつかの人気のあるプログラムのアイデアを得て結果を比較できるように、写真でミニスタディを提供したいと思います。











合計で、WireframSketcher、Flair Builder、Balsamiq Mockups、Make My App、Pencil Projectという異なる価格カテゴリから5人の応募者を選択しました。 ワークフローには特定の要件があるため、オフラインで作業できる機能とMac用の手頃なバージョンのオプションにのみ興味がありました。 古く実績のあるプログラムが優先されましたが、例外として、若いプロジェクトMake My Appも採用されました。 機能を完全に評価および比較するために、Mac MaCleaner 5のオプティマイザーから4つの異なる画面を選択し、各プログラムのツールを使用してそれらを再作成しようとしました。











以下は、このプロセスで行った印象と観察結果の結果と短い絞り込みです。



ワイヤーフレームスケッチャー











価格：年間サブスクリプションで99ドル（5849ルーブル）、14日間トライアル

配布：公式ウェブサイトを通じて

エクスポート： PDF、HTML（オンライン）、PNG

プラットフォーム： Mac、Windows、Ubuntu



WireframeSketcherは、他のオプションと比較してかなりの価格で非常に幅広い要素を提供し、利用可能なレイアウトテンプレートのリストには、ボーナスWebフレームワークとWindows Phoneが含まれています。 要素は、2つのグループに分かれています。ユニバーサルは、テーマ別グループに分かれています。また、選択した特定のプラットフォームセットに分かれています。 この豊富さのために、インターフェイスと作業スキームは最初は少し混乱しているように見えるかもしれませんが、それを理解すると、プログラムは細部にまで配慮が行き届いた印象を残します。 たとえば、要素の設定により、アナログよりも自由度と柔軟性が向上します。色、フォント、アイコンを選択できるだけでなく、コンポーネントの形状を調整し、要素の望ましい状態を設定できます。 私たちの意見では、後者は、個別の要素としての広範な慣行の背景に対して特に価値があり、可能性を制限し、不要なオプションでライブラリをオーバーロードします。 作業面上のオブジェクトを引き伸ばしたり圧縮したりすると、寸法のあるウィンドウが発行されます。 そしてもちろん、コンポーネントに変換する機能は非常に便利であり、再利用のためのミニテンプレートを作成することで時間を節約できます。 出力レイアウトは様式化され、誇張された「スケッチ」です-すべての人向けではありませんが、知覚を妨げることはありません。



鉛筆











価格：無料

配布：公式ウェブサイトを通じて

エクスポート： PNG、PSD、SVG、ODT、HTML

プラットフォーム： Mac、Windows、Ubuntu



予約なしのコレクションで唯一の無料ソリューションであるPencilは、驚くほど価値があるように見えます。想像力を揺さぶることはありませんが、問題なく問題に対処します。 ここでは、iOS、Android、Webの3つの標準セットも利用できます。基本的な要素があります（ただし、モデルによる区別はありません）。 カスタマイズの可能性は大幅に減少しますが、多くの要素がいくつかのバリエーションで提示されるため、状況は保存されます。 鉛筆は、あまり便利ではないナビゲーションで非難することができます-ライブラリ内のオブジェクトのグループ化は、要素のタイプまたはプラットフォームのいずれかによって行われ、グループの場所を論理と呼ぶことはできません。 混乱とワークスペースのマークアップの完全な欠如。 しかし、エクスポート形式に関しては、Pencilが明確な勝者です。通常のPNGとPDFに加えて、ユーザーはレイアウトとWebページ、SVGファイル、さらにはテキストドキュメントに変換するよう求められます。



フレアービルダー











価格： 99 $（5849 rub。）、15日間トライアル

配布：公式ウェブサイトを通じて

エクスポート： PNG、HTML

プラットフォーム：モバイル、タブレット、Web



FlairBuilderインターフェースは明らかに、ミニマリズムと直感性のバランスをとっています。多くの機能の存在を文字通り推測する必要があるため、一見したところ、プログラムは機能面で貧弱に見えるかもしれません。 要素の「開始」リストは非常に限られており、Bootstrap 3およびMaterial Designコレクションからの追加のものが別のウィンドウで開くため、ナビゲーションと管理が困難になります。 エクスポート用の形式も控えめに提示されています。誰もが必要とする古典的なPDFさえありません。 しかし、ユーザーには、デバイスのさまざまなモデルに対応する前例のない幅広い選択肢が提供されます（ただし、カスタマイズされたオブジェクトの対応するパッケージはありません）。 プログラムの興味深い機能は、デバイスのタイプとモデルがプロジェクト内で固定されていないことです。これらはいつでも変更して、異なるサイズの画面でデザインがどのように見えるかを確認できます。 もう1つの重要な利点は、内部ページのリンクに関連するすべてが便利かつ透過的に行われることです。オブジェクトをインタラクティブにし、遷移パラメーターを調整することは、色とフォントを選択するよりも少し難しくなります。



バルサミクのモックアップ











価格： 89 $（5277 r）、トライアル30日間

配布方法：公式ウェブサイトを通じて

エクスポート： PDF、PNG、JSON

プラットフォームサポート：ブラウザバージョン、Mac、Windowsクライアント



これはおそらく、インターフェースが作業中に苦情を引き起こさなかった唯一のプログラムです。すべてが明確で、論理的で、便利です。 唯一のこと：作業現場で少しcr屈ですが、ニーズに合わせて調整できます。 ライブラリ内の要素の数とカスタマイズ可能なパラメーターの種類は、一般にWireframeSketcherが提供するものと同等です。 インタラクティブ機能もありますが、FlairBuilder機能の実装に関しては多少劣っています。 プラットフォームによる差別化は最小限です。基本的な種類の画面（スマートフォン、iPhone、iPad、ウェブ画面）が表示され、要素の特別なカテゴリはiOSデバイスでのみ強調表示され、さらにオブジェクトは12個未満です。 削除されたプロジェクトを復元し、モックアップ内のすべての変更を自動的に保存する機能：開発者を自分から保護するいくつかの組み込みのトリックに言及する価値があります。 最後に、エクスポート形式のリストには、必要なものすべてとJSONが追加されています。 一般的に、Balsamiq Mockupsが処女コミュニティで非常に人気があるという事実はまったく驚くことではありません-これは、より手頃な価格で変更されたインターフェースを備えたWireframeSketcherに代わる許容可能な選択肢です。



アプリを作る











価格： 29、99 $（2290 r）+ 無料版があります

配布： Mac App Store経由

プラットフォーム： Mac

エクスポート： PNG



Make My Appは、予算だけでなく、シンプルさと透明性の全体的な印象も鉛筆に似ています。 まれに例外がありますが、作業フィールドは非常に広く、同時に複数の画面で作業できるため、インターフェースが過負荷になることはありません。 Make My Appの大きな利点は、さまざまなタイプのデバイスのテンプレートライブラリに存在することです。紳士のiPhone-iPad-デスクトップ-Androidのセットに加えて、Apple TVとApple Watchの画面と要素もここに表示されます。さらに、AndroidとiPhoneの画面がいくつかのバージョンで表示されます。異なる電話モデルに対応。 中ボリューム自体の要素セット-特別なフリルはありませんが、最も一般的なものはすべて入手可能です。 編集可能なオプションは、最も基本的なセットによって制限されます。 プロジェクトのアンロードが画像内でのみ可能であることは印象的でした。 最後に、Appleの忠誠心の最後の仕上げとして、Make My Appは、公式ストアを通じて配布されている唯一のソリューションであり、したがってMacでのみ利用可能です。 これは、セキュリティの考慮事項が重要な人、およびクロスプラットフォーム性と同期を重視する人のために心に留めておく必要があります。



市場には、製​​品の最新バージョンであるMake My App 2がすでに登場していると付け加えます。 私たちはそれに慣れましたが、比較のために、最初の部分を選択しました。 更新されたソリューションは安価であり、いくつかの重要な利点があります-より便利な管理、要素のグループ化の可能性-ただし、現時点では、要素の数と種類がソースよりも劣っています。 おそらく数回のアップデートで状況が変わるでしょうが、今のところは古いバージョンをお勧めします。



上記のすべてを要約すると、「誰が優れているか」という明確な結論を出すことは困難であると言う必要があります。開発者の初期目標と優先順位に依存しすぎます。 仕事で非常に幅広い要素を使用する人にとっては、おそらくWireframerSketcherまたはBalsamiq Mockupsの購入に投資するのが理にかなっています。 よりシンプルなレイアウトを専門とする人には、PencilやMake My Appを提供するライブラリがたくさんあります。 FlairBuilderとWireframerSketcherは、双方向性が重要な人に注意を払う必要があります。MakeMy Appは、さまざまなデバイス用のソフトウェアを作成するチームにとって良い発見です。 インターフェースも重要な役割を果たします-各アクションを「実行中」にしようと決定したことを後悔しませんでした。これにより、抽象的な「失敗したUXソリューション」と「良い」注ぐレイアウトの作成に費やされた時間の差を少なくとも評価できました使いやすさ。」 普遍的な評決の欠如にもかかわらず、我々の観察が他のチームの選択に役立つことを願っています。 上記のプログラムまたはMacでのその他のプロトタイピングソリューションの使用経験がある場合は、コメントに興味を持って耳を傾けます。