ねねとまつの小部屋

ここ最近、WEBサービスの画面のプロトタイプを作るためのツールを探しています。

これは楽しい。手書き風のモックアップ画面作成がカンタン「Balsamiq Mockups」で紹介したBalsamiq Mockupsはサクサク作れていいのですが、日本語使えないとか、複数画面をひとつのファイルにできないとか、用意されたもの以外は使えないとか、ちょっとした不満もあり、
VisioやOpenOffice.org Drawを試してみた結果、やっぱりVisioが楽でいいかな、と思っていたところへ、はてブ経由で

FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌

FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。

というニュースを知りました。試してみると、結構いいかも。

Firefoxの拡張だけでなく、WindowsやLinuxのネイティブアプリケーションも用意されていますので、FireFoxのユーザではない人でも利用可能です（もちろん無料）。

検索したら、こちらの方が記事としては早いようです。

Pencil ProjectというダイアグラムとWebページのプロトタイプデザインプラグイン for Firefox - [モ]Modern Syntax

The Pencil Project The Pencil Project’s unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use. Firefoxのプラグインなんですけど、なんというかHTMLが書けない人でもWebページのプロトタイプというか「絵」を書けるようにするものです。

使ってみた

良い点は次章「Balsamiq Mockupsと比べて」に書いたので割愛します。

惜しいなと思うところは、

• 作成の画面サイズが選べ、それそれシェイプも細かい指定が出来るのにオリジナルの形式で保存か、PNGでしか出力できない。
• グルーピングしたシェイプの大きさが変えられない（テキストは変更できる）
• グルーピングしたシェイプを新しいシェイプとして登録できない

です。

Balsamiq Mockupsと比べて

Balsamiq Mockupsと比べると、良いところは

• 日本語が使える
• １つのファイルに複数のページを作成できる
• 任意のイメージファイルを使える（見栄えの良いデザインができる）
• 作成の画面サイズが選べる
• Ctrl＋C,Ctrl＋Vなどのキーボードショートカットが使える

です。悪い点というか、比較という点では

• サクサク感はBalsamiq Mockupsの方が上

です（惜しい点は、先に述べたとおり）。

ただし、日本語が使えるのと、好きなイメージファイルが使えるため、私はPencil Projectの方が気に入りました。

Visioと比べて

ステンシルもYahoo! Developer Network Design Pattern Libraryなど公開されているシェイプを使えば、見栄えも良いです。
やろうと思えば、精密な設計にも使えますし、画面遷移もＤＢ設計も書けます。

昔使っていたので、慣れているせいもあるのか、やっぱり楽。

結論

Pencil Projectで十分いけます。
（といいながら、素直にVisioの方が幸せになれそうな気が・・・。Visioの代わりになるツールって何かないでしょうか？）

Popularity: 12 %

この記事のお役立ち度を評価してください

(2 投票, 平均: 3.5 中 5)

 Loading ...

ブックマークの追加はこちらから、どうぞ

This entry was posted on 水曜日, 7 月 9th, 2008 at 19:26:08 and is filed under Webデザイン, プロトタイプ . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.