レビュー: Pencil を使えば、モバイルアプリ、ウェブサイト、デスクトップ ソフトウェアのモックアップを簡単に作成できます

私たちの評決

Pencil は、価格（無料）の割に価値が高く、最小限の手間でインターフェース モックアップを作成できます。

プログラマーやWeb開発者ではないとしても、新しいアプリケーションやウェブサイトの見た目や雰囲気をどうしたいか、正確には分かっていないわけではありません。言葉だけで完璧な見た目を実現しようとすると、クライアントと開発者の両方にとってフラストレーションが溜まることがあります。優れたインターフェースモックアップは、千の言葉に匹敵するほどの価値があります。しかも、コーディングの知識がなくても作成できます。実際、費用は一切かかりません。無料ユーティリティのPencilには、ウェブサイト、デスクトップアプリケーション、モバイルスマートフォンアプリの実用的なモックアップを作成するために必要なものがすべて揃っています。

無料のLumzyや79ドルのBalsamiqなどのモックアップユーティリティを使ったことがあるなら、Pencilのインターフェースは馴染み深いでしょう。画面の大部分はキャンバスで占められ、ウィンドウの左端にはツールバーが並んでいます。ツールバーにはキャンバスに配置できるウィジェットが満載で、「基本Web要素」「Windows XPウィジェット」「Android ICS」「iOS UIステンシル」などのカテゴリーにきちんと分類されています。Pencilの用語では、各カテゴリーは「ステンシル」の集合体です。

Pencilには多数のステンシルコレクションが付属しており、Google Codeリポジトリにはさらに多くのステンシルコレクションが含まれており、すべて無料で利用できます。どのプロジェクトでも、必要なステンシルは1つか2つ程度でしょう。Pencilを使えば、不要なステンシルセットを簡単に非表示にできます。また、LumzyやBalsamiqと同様に、サイドバーにはクイック検索ボックスがあり、必要なUI要素（「ボタン」など）だけを瞬時に絞り込むことができます。

Pencil をテストするために、付属の Android ICS ステンシル コレクションを使って、PCWorld のトップニュースを表示する架空の Android アプリの単一画面を素早くプロトタイプしました。結果はまちまちでした。コレクションには Android のステータスバー（画面上部）とナビゲーションバー（画面下部）用の美しいステンシルが含まれていましたが、私のプロジェクトには幅が合わず、サイズも変更できませんでした。タブやリスト項目用のステンシルなどは簡単にサイズを変更できました。最終的には、画面上部と下部を省略し、これらのステンシルだけを使ってモックアップを作成しました。理想的ではありませんが、まあまあ使えるレベルです。

すべてのステンシルセットがうまく連携するわけではありません。タッチスクリーンジェスチャーを特徴とする素晴らしいステンシルセットを見つけたのですが、すべての要素が黒で、色を変更する方法がありませんでした。私のモックアップはAndroidのHoloテーマのダークバージョンを使用していたため、背景が黒になっていました。黒地に黒はうまく機能しません。「グリフィッシュアイコン」セットでも同じ経験をしました。このセットにはたくさんの素晴らしいアイコンが含まれていますが、すべて黒で表現されているため、ダークなAndroidモックアップには全く役に立ちませんでした。

Pencil はドキュメントがないため、使い方が簡単なのが利点です。ウェブサイトには wiki がありますが、これはステンシル開発者向けであり、エンドユーザー向けではありません。プレス関連の問い合わせにもなかなか繋がらず、システム要件に関する質問にも回答がありませんでした。Stencil を使うには、実際に操作して使えるようになるまで試してみる必要があります。インターフェースは分かりやすいですが、驚くような点もいくつかあります。例えば、複数の要素を選択するための選択マーキーを描画することはできません。複数の要素を選択するには、Ctrl キーを押しながら各要素をクリックするしかありません。

Pencil は完璧ではありませんが、魅力的な価格と包括的なグリフ セットを備えているため、インターフェイス デザインを始めて、新しい Web サイトやモバイル アプリのビジョンを共有するための確実な選択肢となります。

注:製品情報ページのダウンロード ボタンをクリックすると、ソフトウェアがシステムにダウンロードされます。